/* Start:/local/templates/dentis-ural/js/jquery-ui.css?169943735835360*/ /*! jQuery UI - v1.11.1 - 2014-08-13 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url("/local/templates/dentis-ural/js/images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url("/local/templates/dentis-ural/js/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url("/local/templates/dentis-ural/js/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url("/local/templates/dentis-ural/js/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url("/local/templates/dentis-ural/js/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url("/local/templates/dentis-ural/js/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url("/local/templates/dentis-ural/js/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/local/templates/dentis-ural/js/images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/local/templates/dentis-ural/js/images/ui-icons_222222_256x240.png"); } .ui-state-default .ui-icon { background-image: url("/local/templates/dentis-ural/js/images/ui-icons_888888_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("/local/templates/dentis-ural/js/images/ui-icons_454545_256x240.png"); } .ui-state-active .ui-icon { background-image: url("/local/templates/dentis-ural/js/images/ui-icons_454545_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("/local/templates/dentis-ural/js/images/ui-icons_2e83ff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/local/templates/dentis-ural/js/images/ui-icons_cd0a0a_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } /*.ui-icon-closethick { background-position: -96px -128px; }*/ .ui-icon-closethick { background-image: url("/local/templates/dentis-ural/js/images/ui-icons_888888_256x240.png"); background-size: contain;} .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url("/local/templates/dentis-ural/js/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url("/local/templates/dentis-ural/js/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ border-radius: 8px; } /* End */ /* Start:/css/main.css?1772225516459901*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0 } main { display: block } h1 { font-size: 2em; margin: 0 } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } img { border-style: none } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0 } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } template { display: none } [hidden] { display: none } 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: rgba(0, 0, 0, 0) } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } dfn { font-style: italic } h1 { font-size: 2em } mark { color: #000; background: #ff0 } small { font-size: 80% } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } img { border: 0 } svg:not(:root) { overflow: hidden } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0 } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit } button { overflow: visible } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0 } input { line-height: normal } input[type=checkbox], input[type=radio] { padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid silver } legend { padding: 0; border: 0 } textarea { overflow: auto } optgroup { font-weight: bold } table { border-spacing: 0; border-collapse: collapse } td, th { padding: 0 } * { -webkit-box-sizing: border-box; box-sizing: border-box } *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } a { text-decoration: none } a:hover, a:focus { text-decoration: none } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } figure { margin: 0 } img { vertical-align: middle } .img-responsive { display: block; max-width: 100%; height: auto } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee } [role=button] { cursor: pointer } .container, .container-fluid { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px } .row { margin-right: -15px; margin-left: -15px } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-1-1, .col-xs-1-2, .col-xs-1-3, .col-xs-2-3, .col-xs-1-4, .col-xs-2-4, .col-xs-3-4, .col-xs-1-5, .col-xs-2-5, .col-xs-3-5, .col-xs-4-5, .col-xs-5-5, .col-xs-1-6, .col-xs-5-6, .col-xs-1-7, .col-xs-2-7, .col-xs-3-7, .col-xs-4-7, .col-xs-5-7, .col-xs-6-7, .col-xs-1-8, .col-xs-3-8, .col-xs-5-8, .col-xs-7-8, .col-xs-1-24, .col-xs-2-24, .col-xs-3-24, .col-xs-4-24, .col-xs-5-24, .col-xs-6-24, .col-xs-7-24, .col-xs-8-24, .col-xs-9-24, .col-xs-10-24, .col-xs-11-24, .col-xs-12-24, .col-xs-13-24, .col-xs-14-24, .col-xs-15-24, .col-xs-16-24, .col-xs-17-24, .col-xs-18-24, .col-xs-19-24, .col-xs-20-24, .col-xs-21-24, .col-xs-22-24, .col-xs-23-24, .col-xs-24-24 { position: relative; padding-right: 15px; padding-left: 15px; float: left; min-height: 1px } .col-xs-1-24 { width: 4.1667% } .col-xs-1, .col-xs-2-24 { width: 8.3333% } .col-xs-1-8, .col-xs-3-24 { width: 12.5% } .col-xs-1-7 { width: 14.2857% } .col-xs-2, .col-xs-1-6, .col-xs-4-24 { width: 16.6667% } .col-xs-1-5 { width: 20% } .col-xs-5-24 { width: 20.8333% } .col-xs-3, .col-xs-1-4, .col-xs-6-24 { width: 25% } .col-xs-2-7 { width: 28.5714% } .col-xs-7-24 { width: 29.1667% } .col-xs-4, .col-xs-1-3, .col-xs-8-24 { width: 33.3333% } .col-xs-3-8, .col-xs-9-24 { width: 37.5% } .col-xs-2-5 { width: 40% } .col-xs-5, .col-xs-10-24 { width: 41.6667% } .col-xs-3-7 { width: 42.8571% } .col-xs-11-24 { width: 45.8333% } .col-xs-6, .col-xs-1-2, .col-xs-2-4, .col-xs-12-24 { width: 50% } .col-xs-13-24 { width: 54.1667% } .col-xs-4-7 { width: 57.1429% } .col-xs-7, .col-xs-14-24 { width: 58.3333% } .col-xs-3-5 { width: 60% } .col-xs-5-8, .col-xs-15-24 { width: 62.5% } .col-xs-8, .col-xs-2-3, .col-xs-16-24 { width: 66.6667% } .col-xs-17-24 { width: 70.8333% } .col-xs-5-7 { width: 71.4286% } .col-xs-9, .col-xs-3-4, .col-xs-18-24 { width: 75% } .col-xs-19-24 { width: 79.1667% } .col-xs-4-5 { width: 80% } .col-xs-10, .col-xs-5-6, .col-xs-20-24 { width: 83.3333% } .col-xs-6-7 { width: 85.7143% } .col-xs-7-8, .col-xs-21-24 { width: 87.5% } .col-xs-11, .col-xs-22-24 { width: 91.6667% } .col-xs-23-24 { width: 95.8333% } .col-xs-12, .col-xs-1-1, .col-xs-5-5, .col-xs-7-7, .col-xs-24-24 { width: 100% } @media (min-width: 480px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-1-1, .col-sm-1-2, .col-sm-1-3, .col-sm-2-3, .col-sm-1-4, .col-sm-2-4, .col-sm-3-4, .col-sm-1-5, .col-sm-2-5, .col-sm-3-5, .col-sm-4-5, .col-sm-5-5, .col-sm-1-6, .col-sm-5-6, .col-sm-1-7, .col-sm-2-7, .col-sm-3-7, .col-sm-4-7, .col-sm-5-7, .col-sm-6-7, .col-sm-1-8, .col-sm-3-8, .col-sm-5-8, .col-sm-7-8, .col-sm-1-24, .col-sm-2-24, .col-sm-3-24, .col-sm-4-24, .col-sm-5-24, .col-sm-6-24, .col-sm-7-24, .col-sm-8-24, .col-sm-9-24, .col-sm-10-24, .col-sm-11-24, .col-sm-12-24, .col-sm-13-24, .col-sm-14-24, .col-sm-15-24, .col-sm-16-24, .col-sm-17-24, .col-sm-18-24, .col-sm-19-24, .col-sm-20-24, .col-sm-21-24, .col-sm-22-24, .col-sm-23-24, .col-sm-24-24 { position: relative; padding-right: 15px; padding-left: 15px; float: left; min-height: 1px } .col-sm-1-24 { width: 4.1667% } .col-sm-1, .col-sm-2-24 { width: 8.3333% } .col-sm-1-8, .col-sm-3-24 { width: 12.5% } .col-sm-1-7 { width: 14.2857% } .col-sm-2, .col-sm-1-6, .col-sm-4-24 { width: 16.6667% } .col-sm-1-5 { width: 20% } .col-sm-5-24 { width: 20.8333% } .col-sm-3, .col-sm-1-4, .col-sm-6-24 { width: 25% } .col-sm-2-7 { width: 28.5714% } .col-sm-7-24 { width: 29.1667% } .col-sm-4, .col-sm-1-3, .col-sm-8-24 { width: 33.3333% } .col-sm-3-8, .col-sm-9-24 { width: 37.5% } .col-sm-2-5 { width: 40% } .col-sm-5, .col-sm-10-24 { width: 41.6667% } .col-sm-3-7 { width: 42.8571% } .col-sm-11-24 { width: 45.8333% } .col-sm-6, .col-sm-1-2, .col-sm-2-4, .col-sm-12-24 { width: 50% } .col-sm-13-24 { width: 54.1667% } .col-sm-4-7 { width: 57.1429% } .col-sm-7, .col-sm-14-24 { width: 58.3333% } .col-sm-3-5 { width: 60% } .col-sm-5-8, .col-sm-15-24 { width: 62.5% } .col-sm-8, .col-sm-2-3, .col-sm-16-24 { width: 66.6667% } .col-sm-17-24 { width: 70.8333% } .col-sm-5-7 { width: 71.4286% } .col-sm-9, .col-sm-3-4, .col-sm-18-24 { width: 75% } .col-sm-19-24 { width: 79.1667% } .col-sm-4-5 { width: 80% } .col-sm-10, .col-sm-5-6, .col-sm-20-24 { width: 83.3333% } .col-sm-6-7 { width: 85.7143% } .col-sm-7-8, .col-sm-21-24 { width: 87.5% } .col-sm-11, .col-sm-22-24 { width: 91.6667% } .col-sm-23-24 { width: 95.8333% } .col-sm-12, .col-sm-1-1, .col-sm-5-5, .col-sm-7-7, .col-sm-24-24 { width: 100% } } @media (min-width: 768px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-1-1, .col-md-1-2, .col-md-1-3, .col-md-2-3, .col-md-1-4, .col-md-2-4, .col-md-3-4, .col-md-1-5, .col-md-2-5, .col-md-3-5, .col-md-4-5, .col-md-5-5, .col-md-1-6, .col-md-5-6, .col-md-1-7, .col-md-2-7, .col-md-3-7, .col-md-4-7, .col-md-5-7, .col-md-6-7, .col-md-1-8, .col-md-3-8, .col-md-5-8, .col-md-7-8, .col-md-1-24, .col-md-2-24, .col-md-3-24, .col-md-4-24, .col-md-5-24, .col-md-6-24, .col-md-7-24, .col-md-8-24, .col-md-9-24, .col-md-10-24, .col-md-11-24, .col-md-12-24, .col-md-13-24, .col-md-14-24, .col-md-15-24, .col-md-16-24, .col-md-17-24, .col-md-18-24, .col-md-19-24, .col-md-20-24, .col-md-21-24, .col-md-22-24, .col-md-23-24, .col-md-24-24 { position: relative; padding-right: 15px; padding-left: 15px; float: left; min-height: 1px } .col-md-1-24 { width: 4.1667% } .col-md-1, .col-md-2-24 { width: 8.3333% } .col-md-1-8, .col-md-3-24 { width: 12.5% } .col-md-1-7 { width: 14.2857% } .col-md-2, .col-md-1-6, .col-md-4-24 { width: 16.6667% } .col-md-1-5 { width: 20% } .col-md-5-24 { width: 20.8333% } .col-md-3, .col-md-1-4, .col-md-6-24 { width: 25% } .col-md-2-7 { width: 28.5714% } .col-md-7-24 { width: 29.1667% } .col-md-4, .col-md-1-3, .col-md-8-24 { width: 33.3333% } .col-md-3-8, .col-md-9-24 { width: 37.5% } .col-md-2-5 { width: 40% } .col-md-5, .col-md-10-24 { width: 41.6667% } .col-md-3-7 { width: 42.8571% } .col-md-11-24 { width: 45.8333% } .col-md-6, .col-md-1-2, .col-md-2-4, .col-md-12-24 { width: 50% } .col-md-13-24 { width: 54.1667% } .col-md-4-7 { width: 57.1429% } .col-md-7, .col-md-14-24 { width: 58.3333% } .col-md-3-5 { width: 60% } .col-md-5-8, .col-md-15-24 { width: 62.5% } .col-md-8, .col-md-2-3, .col-md-16-24 { width: 66.6667% } .col-md-17-24 { width: 70.8333% } .col-md-5-7 { width: 71.4286% } .col-md-9, .col-md-3-4, .col-md-18-24 { width: 75% } .col-md-19-24 { width: 79.1667% } .col-md-4-5 { width: 80% } .col-md-10, .col-md-5-6, .col-md-20-24 { width: 83.3333% } .col-md-6-7 { width: 85.7143% } .col-md-7-8, .col-md-21-24 { width: 87.5% } .col-md-11, .col-md-22-24 { width: 91.6667% } .col-md-23-24 { width: 95.8333% } .col-md-12, .col-md-1-1, .col-md-5-5, .col-md-7-7, .col-md-24-24 { width: 100% } } @media (min-width: 992px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-1-1, .col-lg-1-2, .col-lg-1-3, .col-lg-2-3, .col-lg-1-4, .col-lg-2-4, .col-lg-3-4, .col-lg-1-5, .col-lg-2-5, .col-lg-3-5, .col-lg-4-5, .col-lg-5-5, .col-lg-1-6, .col-lg-5-6, .col-lg-1-7, .col-lg-2-7, .col-lg-3-7, .col-lg-4-7, .col-lg-5-7, .col-lg-6-7, .col-lg-1-8, .col-lg-3-8, .col-lg-5-8, .col-lg-7-8, .col-lg-1-24, .col-lg-2-24, .col-lg-3-24, .col-lg-4-24, .col-lg-5-24, .col-lg-6-24, .col-lg-7-24, .col-lg-8-24, .col-lg-9-24, .col-lg-10-24, .col-lg-11-24, .col-lg-12-24, .col-lg-13-24, .col-lg-14-24, .col-lg-15-24, .col-lg-16-24, .col-lg-17-24, .col-lg-18-24, .col-lg-19-24, .col-lg-20-24, .col-lg-21-24, .col-lg-22-24, .col-lg-23-24, .col-lg-24-24 { position: relative; padding-right: 15px; padding-left: 15px; float: left; min-height: 1px } .col-lg-1-24 { width: 4.1667% } .col-lg-1, .col-lg-2-24 { width: 8.3333% } .col-lg-1-8, .col-lg-3-24 { width: 12.5% } .col-lg-1-7 { width: 14.2857% } .col-lg-2, .col-lg-1-6, .col-lg-4-24 { width: 16.6667% } .col-lg-1-5 { width: 20% } .col-lg-5-24 { width: 20.8333% } .col-lg-3, .col-lg-1-4, .col-lg-6-24 { width: 25% } .col-lg-2-7 { width: 28.5714% } .col-lg-7-24 { width: 29.1667% } .col-lg-4, .col-lg-1-3, .col-lg-8-24 { width: 33.3333% } .col-lg-3-8, .col-lg-9-24 { width: 37.5% } .col-lg-2-5 { width: 40% } .col-lg-5, .col-lg-10-24 { width: 41.6667% } .col-lg-3-7 { width: 42.8571% } .col-lg-11-24 { width: 45.8333% } .col-lg-6, .col-lg-1-2, .col-lg-2-4, .col-lg-12-24 { width: 50% } .col-lg-13-24 { width: 54.1667% } .col-lg-4-7 { width: 57.1429% } .col-lg-7, .col-lg-14-24 { width: 58.3333% } .col-lg-3-5 { width: 60% } .col-lg-5-8, .col-lg-15-24 { width: 62.5% } .col-lg-8, .col-lg-2-3, .col-lg-16-24 { width: 66.6667% } .col-lg-17-24 { width: 70.8333% } .col-lg-5-7 { width: 71.4286% } .col-lg-9, .col-lg-3-4, .col-lg-18-24 { width: 75% } .col-lg-19-24 { width: 79.1667% } .col-lg-4-5 { width: 80% } .col-lg-10, .col-lg-5-6, .col-lg-20-24 { width: 83.3333% } .col-lg-6-7 { width: 85.7143% } .col-lg-7-8, .col-lg-21-24 { width: 87.5% } .col-lg-11, .col-lg-22-24 { width: 91.6667% } .col-lg-23-24 { width: 95.8333% } .col-lg-12, .col-lg-1-1, .col-lg-5-5, .col-lg-7-7, .col-lg-24-24 { width: 100% } } @media (min-width: 1300px) { .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-1-1, .col-xl-1-2, .col-xl-1-3, .col-xl-2-3, .col-xl-1-4, .col-xl-2-4, .col-xl-3-4, .col-xl-1-5, .col-xl-2-5, .col-xl-3-5, .col-xl-4-5, .col-xl-5-5, .col-xl-1-6, .col-xl-5-6, .col-xl-1-7, .col-xl-2-7, .col-xl-3-7, .col-xl-4-7, .col-xl-5-7, .col-xl-6-7, .col-xl-1-8, .col-xl-3-8, .col-xl-5-8, .col-xl-7-8, .col-xl-1-24, .col-xl-2-24, .col-xl-3-24, .col-xl-4-24, .col-xl-5-24, .col-xl-6-24, .col-xl-7-24, .col-xl-8-24, .col-xl-9-24, .col-xl-10-24, .col-xl-11-24, .col-xl-12-24, .col-xl-13-24, .col-xl-14-24, .col-xl-15-24, .col-xl-16-24, .col-xl-17-24, .col-xl-18-24, .col-xl-19-24, .col-xl-20-24, .col-xl-21-24, .col-xl-22-24, .col-xl-23-24, .col-xl-24-24 { position: relative; padding-right: 15px; padding-left: 15px; float: left; min-height: 1px } .col-xl-1-24 { width: 4.1667% } .col-xl-1, .col-xl-2-24 { width: 8.3333% } .col-xl-1-8, .col-xl-3-24 { width: 12.5% } .col-xl-1-7 { width: 14.2857% } .col-xl-2, .col-xl-1-6, .col-xl-4-24 { width: 16.6667% } .col-xl-1-5 { width: 20% } .col-xl-5-24 { width: 20.8333% } .col-xl-3, .col-xl-1-4, .col-xl-6-24 { width: 25% } .col-xl-2-7 { width: 28.5714% } .col-xl-7-24 { width: 29.1667% } .col-xl-4, .col-xl-1-3, .col-xl-8-24 { width: 33.3333% } .col-xl-3-8, .col-xl-9-24 { width: 37.5% } .col-xl-2-5 { width: 40% } .col-xl-5, .col-xl-10-24 { width: 41.6667% } .col-xl-3-7 { width: 42.8571% } .col-xl-11-24 { width: 45.8333% } .col-xl-6, .col-xl-1-2, .col-xl-2-4, .col-xl-12-24 { width: 50% } .col-xl-13-24 { width: 54.1667% } .col-xl-4-7 { width: 57.1429% } .col-xl-7, .col-xl-14-24 { width: 58.3333% } .col-xl-3-5 { width: 60% } .col-xl-5-8, .col-xl-15-24 { width: 62.5% } .col-xl-8, .col-xl-2-3, .col-xl-16-24 { width: 66.6667% } .col-xl-17-24 { width: 70.8333% } .col-xl-5-7 { width: 71.4286% } .col-xl-9, .col-xl-3-4, .col-xl-18-24 { width: 75% } .col-xl-19-24 { width: 79.1667% } .col-xl-4-5 { width: 80% } .col-xl-10, .col-xl-5-6, .col-xl-20-24 { width: 83.3333% } .col-xl-6-7 { width: 85.7143% } .col-xl-7-8, .col-xl-21-24 { width: 87.5% } .col-xl-11, .col-xl-22-24 { width: 91.6667% } .col-xl-23-24 { width: 95.8333% } .col-xl-12, .col-xl-1-1, .col-xl-5-5, .col-xl-7-7, .col-xl-24-24 { width: 100% } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { display: table; content: " " } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both } .center-block { margin-right: auto; margin-left: auto; display: block } .toright { float: right !important } .toleft { float: left !important } .clear { clear: both } .mt--150-xs { margin-top: -150px } .mt--145-xs { margin-top: -145px } .mt--140-xs { margin-top: -140px } .mt--135-xs { margin-top: -135px } .mt--130-xs { margin-top: -130px } .mt--125-xs { margin-top: -125px } .mt--120-xs { margin-top: -120px } .mt--115-xs { margin-top: -115px } .mt--110-xs { margin-top: -110px } .mt--105-xs { margin-top: -105px } .mt--100-xs { margin-top: -100px } .mt--95-xs { margin-top: -95px } .mt--90-xs { margin-top: -90px } .mt--85-xs { margin-top: -85px } .mt--80-xs { margin-top: -80px } .mt--75-xs { margin-top: -75px } .mt--70-xs { margin-top: -70px } .mt--65-xs { margin-top: -65px } .mt--60-xs { margin-top: -60px } .mt--55-xs { margin-top: -55px } .mt--50-xs { margin-top: -50px } .mt--45-xs { margin-top: -45px } .mt--40-xs { margin-top: -40px } .mt--35-xs { margin-top: -35px } .mt--30-xs { margin-top: -30px } .mt--25-xs { margin-top: -25px } .mt--20-xs { margin-top: -20px } .mt--15-xs { margin-top: -15px } .mt--10-xs { margin-top: -10px } .mt--5-xs { margin-top: -5px } .mt-0-xs { margin-top: 0px } .mt-5-xs { margin-top: 5px } .mt-10-xs { margin-top: 10px } .mt-15-xs { margin-top: 15px } .mt-20-xs { margin-top: 20px } .mt-25-xs { margin-top: 25px } .mt-30-xs { margin-top: 30px } .mt-35-xs { margin-top: 35px } .mt-40-xs { margin-top: 40px } .mt-45-xs { margin-top: 45px } .mt-50-xs { margin-top: 50px } .mt-55-xs { margin-top: 55px } .mt-60-xs { margin-top: 60px } .mt-65-xs { margin-top: 65px } .mt-70-xs { margin-top: 70px } .mt-75-xs { margin-top: 75px } .mt-80-xs { margin-top: 80px } .mt-85-xs { margin-top: 85px } .mt-90-xs { margin-top: 90px } .mt-95-xs { margin-top: 95px } .mt-100-xs { margin-top: 100px } .mt-105-xs { margin-top: 105px } .mt-110-xs { margin-top: 110px } .mt-115-xs { margin-top: 115px } .mt-120-xs { margin-top: 120px } .mt-125-xs { margin-top: 125px } .mt-130-xs { margin-top: 130px } .mt-135-xs { margin-top: 135px } .mt-140-xs { margin-top: 140px } .mt-145-xs { margin-top: 145px } .mt-150-xs { margin-top: 150px } .ml--150-xs { margin-left: -150px } .ml--145-xs { margin-left: -145px } .ml--140-xs { margin-left: -140px } .ml--135-xs { margin-left: -135px } .ml--130-xs { margin-left: -130px } .ml--125-xs { margin-left: -125px } .ml--120-xs { margin-left: -120px } .ml--115-xs { margin-left: -115px } .ml--110-xs { margin-left: -110px } .ml--105-xs { margin-left: -105px } .ml--100-xs { margin-left: -100px } .ml--95-xs { margin-left: -95px } .ml--90-xs { margin-left: -90px } .ml--85-xs { margin-left: -85px } .ml--80-xs { margin-left: -80px } .ml--75-xs { margin-left: -75px } .ml--70-xs { margin-left: -70px } .ml--65-xs { margin-left: -65px } .ml--60-xs { margin-left: -60px } .ml--55-xs { margin-left: -55px } .ml--50-xs { margin-left: -50px } .ml--45-xs { margin-left: -45px } .ml--40-xs { margin-left: -40px } .ml--35-xs { margin-left: -35px } .ml--30-xs { margin-left: -30px } .ml--25-xs { margin-left: -25px } .ml--20-xs { margin-left: -20px } .ml--15-xs { margin-left: -15px } .ml--10-xs { margin-left: -10px } .ml--5-xs { margin-left: -5px } .ml-0-xs { margin-left: 0px } .ml-5-xs { margin-left: 5px } .ml-10-xs { margin-left: 10px } .ml-15-xs { margin-left: 15px } .ml-20-xs { margin-left: 20px } .ml-25-xs { margin-left: 25px } .ml-30-xs { margin-left: 30px } .ml-35-xs { margin-left: 35px } .ml-40-xs { margin-left: 40px } .ml-45-xs { margin-left: 45px } .ml-50-xs { margin-left: 50px } .ml-55-xs { margin-left: 55px } .ml-60-xs { margin-left: 60px } .ml-65-xs { margin-left: 65px } .ml-70-xs { margin-left: 70px } .ml-75-xs { margin-left: 75px } .ml-80-xs { margin-left: 80px } .ml-85-xs { margin-left: 85px } .ml-90-xs { margin-left: 90px } .ml-95-xs { margin-left: 95px } .ml-100-xs { margin-left: 100px } .ml-105-xs { margin-left: 105px } .ml-110-xs { margin-left: 110px } .ml-115-xs { margin-left: 115px } .ml-120-xs { margin-left: 120px } .ml-125-xs { margin-left: 125px } .ml-130-xs { margin-left: 130px } .ml-135-xs { margin-left: 135px } .ml-140-xs { margin-left: 140px } .ml-145-xs { margin-left: 145px } .ml-150-xs { margin-left: 150px } .mb--150-xs { margin-bottom: -150px } .mb--145-xs { margin-bottom: -145px } .mb--140-xs { margin-bottom: -140px } .mb--135-xs { margin-bottom: -135px } .mb--130-xs { margin-bottom: -130px } .mb--125-xs { margin-bottom: -125px } .mb--120-xs { margin-bottom: -120px } .mb--115-xs { margin-bottom: -115px } .mb--110-xs { margin-bottom: -110px } .mb--105-xs { margin-bottom: -105px } .mb--100-xs { margin-bottom: -100px } .mb--95-xs { margin-bottom: -95px } .mb--90-xs { margin-bottom: -90px } .mb--85-xs { margin-bottom: -85px } .mb--80-xs { margin-bottom: -80px } .mb--75-xs { margin-bottom: -75px } .mb--70-xs { margin-bottom: -70px } .mb--65-xs { margin-bottom: -65px } .mb--60-xs { margin-bottom: -60px } .mb--55-xs { margin-bottom: -55px } .mb--50-xs { margin-bottom: -50px } .mb--45-xs { margin-bottom: -45px } .mb--40-xs { margin-bottom: -40px } .mb--35-xs { margin-bottom: -35px } .mb--30-xs { margin-bottom: -30px } .mb--25-xs { margin-bottom: -25px } .mb--20-xs { margin-bottom: -20px } .mb--15-xs { margin-bottom: -15px } .mb--10-xs { margin-bottom: -10px } .mb--5-xs { margin-bottom: -5px } .mb-0-xs { margin-bottom: 0px } .mb-5-xs { margin-bottom: 5px } .mb-10-xs { margin-bottom: 10px } .mb-15-xs { margin-bottom: 15px } .mb-20-xs { margin-bottom: 20px } .mb-25-xs { margin-bottom: 25px } .mb-30-xs { margin-bottom: 30px } .mb-35-xs { margin-bottom: 35px } .mb-40-xs { margin-bottom: 40px } .mb-45-xs { margin-bottom: 45px } .mb-50-xs { margin-bottom: 50px } .mb-55-xs { margin-bottom: 55px } .mb-60-xs { margin-bottom: 60px } .mb-65-xs { margin-bottom: 65px } .mb-70-xs { margin-bottom: 70px } .mb-75-xs { margin-bottom: 75px } .mb-80-xs { margin-bottom: 80px } .mb-85-xs { margin-bottom: 85px } .mb-90-xs { margin-bottom: 90px } .mb-95-xs { margin-bottom: 95px } .mb-100-xs { margin-bottom: 100px } .mb-105-xs { margin-bottom: 105px } .mb-110-xs { margin-bottom: 110px } .mb-115-xs { margin-bottom: 115px } .mb-120-xs { margin-bottom: 120px } .mb-125-xs { margin-bottom: 125px } .mb-130-xs { margin-bottom: 130px } .mb-135-xs { margin-bottom: 135px } .mb-140-xs { margin-bottom: 140px } .mb-145-xs { margin-bottom: 145px } .mb-150-xs { margin-bottom: 150px } .mr--150-xs { margin-right: -150px } .mr--145-xs { margin-right: -145px } .mr--140-xs { margin-right: -140px } .mr--135-xs { margin-right: -135px } .mr--130-xs { margin-right: -130px } .mr--125-xs { margin-right: -125px } .mr--120-xs { margin-right: -120px } .mr--115-xs { margin-right: -115px } .mr--110-xs { margin-right: -110px } .mr--105-xs { margin-right: -105px } .mr--100-xs { margin-right: -100px } .mr--95-xs { margin-right: -95px } .mr--90-xs { margin-right: -90px } .mr--85-xs { margin-right: -85px } .mr--80-xs { margin-right: -80px } .mr--75-xs { margin-right: -75px } .mr--70-xs { margin-right: -70px } .mr--65-xs { margin-right: -65px } .mr--60-xs { margin-right: -60px } .mr--55-xs { margin-right: -55px } .mr--50-xs { margin-right: -50px } .mr--45-xs { margin-right: -45px } .mr--40-xs { margin-right: -40px } .mr--35-xs { margin-right: -35px } .mr--30-xs { margin-right: -30px } .mr--25-xs { margin-right: -25px } .mr--20-xs { margin-right: -20px } .mr--15-xs { margin-right: -15px } .mr--10-xs { margin-right: -10px } .mr--5-xs { margin-right: -5px } .mr-0-xs { margin-right: 0px } .mr-5-xs { margin-right: 5px } .mr-10-xs { margin-right: 10px } .mr-15-xs { margin-right: 15px } .mr-20-xs { margin-right: 20px } .mr-25-xs { margin-right: 25px } .mr-30-xs { margin-right: 30px } .mr-35-xs { margin-right: 35px } .mr-40-xs { margin-right: 40px } .mr-45-xs { margin-right: 45px } .mr-50-xs { margin-right: 50px } .mr-55-xs { margin-right: 55px } .mr-60-xs { margin-right: 60px } .mr-65-xs { margin-right: 65px } .mr-70-xs { margin-right: 70px } .mr-75-xs { margin-right: 75px } .mr-80-xs { margin-right: 80px } .mr-85-xs { margin-right: 85px } .mr-90-xs { margin-right: 90px } .mr-95-xs { margin-right: 95px } .mr-100-xs { margin-right: 100px } .mr-105-xs { margin-right: 105px } .mr-110-xs { margin-right: 110px } .mr-115-xs { margin-right: 115px } .mr-120-xs { margin-right: 120px } .mr-125-xs { margin-right: 125px } .mr-130-xs { margin-right: 130px } .mr-135-xs { margin-right: 135px } .mr-140-xs { margin-right: 140px } .mr-145-xs { margin-right: 145px } .mr-150-xs { margin-right: 150px } .pt-0-xs { padding-top: 0px } .pt-5-xs { padding-top: 5px } .pt-10-xs { padding-top: 10px } .pt-15-xs { padding-top: 15px } .pt-20-xs { padding-top: 20px } .pt-25-xs { padding-top: 25px } .pt-30-xs { padding-top: 30px } .pt-35-xs { padding-top: 35px } .pt-40-xs { padding-top: 40px } .pt-45-xs { padding-top: 45px } .pt-50-xs { padding-top: 50px } .pt-55-xs { padding-top: 55px } .pt-60-xs { padding-top: 60px } .pt-65-xs { padding-top: 65px } .pt-70-xs { padding-top: 70px } .pt-75-xs { padding-top: 75px } .pt-80-xs { padding-top: 80px } .pt-85-xs { padding-top: 85px } .pt-90-xs { padding-top: 90px } .pt-95-xs { padding-top: 95px } .pt-100-xs { padding-top: 100px } .pt-105-xs { padding-top: 105px } .pt-110-xs { padding-top: 110px } .pt-115-xs { padding-top: 115px } .pt-120-xs { padding-top: 120px } .pt-125-xs { padding-top: 125px } .pt-130-xs { padding-top: 130px } .pt-135-xs { padding-top: 135px } .pt-140-xs { padding-top: 140px } .pt-145-xs { padding-top: 145px } .pt-150-xs { padding-top: 150px } .pl-0-xs { padding-left: 0px } .pl-5-xs { padding-left: 5px } .pl-10-xs { padding-left: 10px } .pl-15-xs { padding-left: 15px } .pl-20-xs { padding-left: 20px } .pl-25-xs { padding-left: 25px } .pl-30-xs { padding-left: 30px } .pl-35-xs { padding-left: 35px } .pl-40-xs { padding-left: 40px } .pl-45-xs { padding-left: 45px } .pl-50-xs { padding-left: 50px } .pl-55-xs { padding-left: 55px } .pl-60-xs { padding-left: 60px } .pl-65-xs { padding-left: 65px } .pl-70-xs { padding-left: 70px } .pl-75-xs { padding-left: 75px } .pl-80-xs { padding-left: 80px } .pl-85-xs { padding-left: 85px } .pl-90-xs { padding-left: 90px } .pl-95-xs { padding-left: 95px } .pl-100-xs { padding-left: 100px } .pl-105-xs { padding-left: 105px } .pl-110-xs { padding-left: 110px } .pl-115-xs { padding-left: 115px } .pl-120-xs { padding-left: 120px } .pl-125-xs { padding-left: 125px } .pl-130-xs { padding-left: 130px } .pl-135-xs { padding-left: 135px } .pl-140-xs { padding-left: 140px } .pl-145-xs { padding-left: 145px } .pl-150-xs { padding-left: 150px } .pb-0-xs { padding-bottom: 0px } .pb-5-xs { padding-bottom: 5px } .pb-10-xs { padding-bottom: 10px } .pb-15-xs { padding-bottom: 15px } .pb-20-xs { padding-bottom: 20px } .pb-25-xs { padding-bottom: 25px } .pb-30-xs { padding-bottom: 30px } .pb-35-xs { padding-bottom: 35px } .pb-40-xs { padding-bottom: 40px } .pb-45-xs { padding-bottom: 45px } .pb-50-xs { padding-bottom: 50px } .pb-55-xs { padding-bottom: 55px } .pb-60-xs { padding-bottom: 60px } .pb-65-xs { padding-bottom: 65px } .pb-70-xs { padding-bottom: 70px } .pb-75-xs { padding-bottom: 75px } .pb-80-xs { padding-bottom: 80px } .pb-85-xs { padding-bottom: 85px } .pb-90-xs { padding-bottom: 90px } .pb-95-xs { padding-bottom: 95px } .pb-100-xs { padding-bottom: 100px } .pb-105-xs { padding-bottom: 105px } .pb-110-xs { padding-bottom: 110px } .pb-115-xs { padding-bottom: 115px } .pb-120-xs { padding-bottom: 120px } .pb-125-xs { padding-bottom: 125px } .pb-130-xs { padding-bottom: 130px } .pb-135-xs { padding-bottom: 135px } .pb-140-xs { padding-bottom: 140px } .pb-145-xs { padding-bottom: 145px } .pb-150-xs { padding-bottom: 150px } .pr-10-xs { padding-right: 10px } .pr-15-xs { padding-right: 15px } .pr-20-xs { padding-right: 20px } .pr-25-xs { padding-right: 25px } .pr-30-xs { padding-right: 30px } .pr-35-xs { padding-right: 35px } .pr-40-xs { padding-right: 40px } .pr-45-xs { padding-right: 45px } .pr-50-xs { padding-right: 50px } .pr-55-xs { padding-right: 55px } .pr-60-xs { padding-right: 60px } .pr-65-xs { padding-right: 65px } .pr-70-xs { padding-right: 70px } .pr-75-xs { padding-right: 75px } .pr-80-xs { padding-right: 80px } .pr-85-xs { padding-right: 85px } .pr-90-xs { padding-right: 90px } .pr-95-xs { padding-right: 95px } .pr-100-xs { padding-right: 100px } .pr-105-xs { padding-right: 105px } .pr-110-xs { padding-right: 110px } .pr-115-xs { padding-right: 115px } .pr-120-xs { padding-right: 120px } .pr-125-xs { padding-right: 125px } .pr-130-xs { padding-right: 130px } .pr-135-xs { padding-right: 135px } .pr-140-xs { padding-right: 140px } .pr-145-xs { padding-right: 145px } .pr-150-xs { padding-right: 150px } @media (min-width: 480px) { .mt--150-sm { margin-top: -150px } .mt--145-sm { margin-top: -145px } .mt--140-sm { margin-top: -140px } .mt--135-sm { margin-top: -135px } .mt--130-sm { margin-top: -130px } .mt--125-sm { margin-top: -125px } .mt--120-sm { margin-top: -120px } .mt--115-sm { margin-top: -115px } .mt--110-sm { margin-top: -110px } .mt--105-sm { margin-top: -105px } .mt--100-sm { margin-top: -100px } .mt--95-sm { margin-top: -95px } .mt--90-sm { margin-top: -90px } .mt--85-sm { margin-top: -85px } .mt--80-sm { margin-top: -80px } .mt--75-sm { margin-top: -75px } .mt--70-sm { margin-top: -70px } .mt--65-sm { margin-top: -65px } .mt--60-sm { margin-top: -60px } .mt--55-sm { margin-top: -55px } .mt--50-sm { margin-top: -50px } .mt--45-sm { margin-top: -45px } .mt--40-sm { margin-top: -40px } .mt--35-sm { margin-top: -35px } .mt--30-sm { margin-top: -30px } .mt--25-sm { margin-top: -25px } .mt--20-sm { margin-top: -20px } .mt--15-sm { margin-top: -15px } .mt--10-sm { margin-top: -10px } .mt--5-sm { margin-top: -5px } .mt-0-sm { margin-top: 0px } .mt-5-sm { margin-top: 5px } .mt-10-sm { margin-top: 10px } .mt-15-sm { margin-top: 15px } .mt-20-sm { margin-top: 20px } .mt-25-sm { margin-top: 25px } .mt-30-sm { margin-top: 30px } .mt-35-sm { margin-top: 35px } .mt-40-sm { margin-top: 40px } .mt-45-sm { margin-top: 45px } .mt-50-sm { margin-top: 50px } .mt-55-sm { margin-top: 55px } .mt-60-sm { margin-top: 60px } .mt-65-sm { margin-top: 65px } .mt-70-sm { margin-top: 70px } .mt-75-sm { margin-top: 75px } .mt-80-sm { margin-top: 80px } .mt-85-sm { margin-top: 85px } .mt-90-sm { margin-top: 90px } .mt-95-sm { margin-top: 95px } .mt-100-sm { margin-top: 100px } .mt-105-sm { margin-top: 105px } .mt-110-sm { margin-top: 110px } .mt-115-sm { margin-top: 115px } .mt-120-sm { margin-top: 120px } .mt-125-sm { margin-top: 125px } .mt-130-sm { margin-top: 130px } .mt-135-sm { margin-top: 135px } .mt-140-sm { margin-top: 140px } .mt-145-sm { margin-top: 145px } .mt-150-sm { margin-top: 150px } .ml--150-sm { margin-left: -150px } .ml--145-sm { margin-left: -145px } .ml--140-sm { margin-left: -140px } .ml--135-sm { margin-left: -135px } .ml--130-sm { margin-left: -130px } .ml--125-sm { margin-left: -125px } .ml--120-sm { margin-left: -120px } .ml--115-sm { margin-left: -115px } .ml--110-sm { margin-left: -110px } .ml--105-sm { margin-left: -105px } .ml--100-sm { margin-left: -100px } .ml--95-sm { margin-left: -95px } .ml--90-sm { margin-left: -90px } .ml--85-sm { margin-left: -85px } .ml--80-sm { margin-left: -80px } .ml--75-sm { margin-left: -75px } .ml--70-sm { margin-left: -70px } .ml--65-sm { margin-left: -65px } .ml--60-sm { margin-left: -60px } .ml--55-sm { margin-left: -55px } .ml--50-sm { margin-left: -50px } .ml--45-sm { margin-left: -45px } .ml--40-sm { margin-left: -40px } .ml--35-sm { margin-left: -35px } .ml--30-sm { margin-left: -30px } .ml--25-sm { margin-left: -25px } .ml--20-sm { margin-left: -20px } .ml--15-sm { margin-left: -15px } .ml--10-sm { margin-left: -10px } .ml--5-sm { margin-left: -5px } .ml-0-sm { margin-left: 0px } .ml-5-sm { margin-left: 5px } .ml-10-sm { margin-left: 10px } .ml-15-sm { margin-left: 15px } .ml-20-sm { margin-left: 20px } .ml-25-sm { margin-left: 25px } .ml-30-sm { margin-left: 30px } .ml-35-sm { margin-left: 35px } .ml-40-sm { margin-left: 40px } .ml-45-sm { margin-left: 45px } .ml-50-sm { margin-left: 50px } .ml-55-sm { margin-left: 55px } .ml-60-sm { margin-left: 60px } .ml-65-sm { margin-left: 65px } .ml-70-sm { margin-left: 70px } .ml-75-sm { margin-left: 75px } .ml-80-sm { margin-left: 80px } .ml-85-sm { margin-left: 85px } .ml-90-sm { margin-left: 90px } .ml-95-sm { margin-left: 95px } .ml-100-sm { margin-left: 100px } .ml-105-sm { margin-left: 105px } .ml-110-sm { margin-left: 110px } .ml-115-sm { margin-left: 115px } .ml-120-sm { margin-left: 120px } .ml-125-sm { margin-left: 125px } .ml-130-sm { margin-left: 130px } .ml-135-sm { margin-left: 135px } .ml-140-sm { margin-left: 140px } .ml-145-sm { margin-left: 145px } .ml-150-sm { margin-left: 150px } .mb--150-sm { margin-bottom: -150px } .mb--145-sm { margin-bottom: -145px } .mb--140-sm { margin-bottom: -140px } .mb--135-sm { margin-bottom: -135px } .mb--130-sm { margin-bottom: -130px } .mb--125-sm { margin-bottom: -125px } .mb--120-sm { margin-bottom: -120px } .mb--115-sm { margin-bottom: -115px } .mb--110-sm { margin-bottom: -110px } .mb--105-sm { margin-bottom: -105px } .mb--100-sm { margin-bottom: -100px } .mb--95-sm { margin-bottom: -95px } .mb--90-sm { margin-bottom: -90px } .mb--85-sm { margin-bottom: -85px } .mb--80-sm { margin-bottom: -80px } .mb--75-sm { margin-bottom: -75px } .mb--70-sm { margin-bottom: -70px } .mb--65-sm { margin-bottom: -65px } .mb--60-sm { margin-bottom: -60px } .mb--55-sm { margin-bottom: -55px } .mb--50-sm { margin-bottom: -50px } .mb--45-sm { margin-bottom: -45px } .mb--40-sm { margin-bottom: -40px } .mb--35-sm { margin-bottom: -35px } .mb--30-sm { margin-bottom: -30px } .mb--25-sm { margin-bottom: -25px } .mb--20-sm { margin-bottom: -20px } .mb--15-sm { margin-bottom: -15px } .mb--10-sm { margin-bottom: -10px } .mb--5-sm { margin-bottom: -5px } .mb-0-sm { margin-bottom: 0px } .mb-5-sm { margin-bottom: 5px } .mb-10-sm { margin-bottom: 10px } .mb-15-sm { margin-bottom: 15px } .mb-20-sm { margin-bottom: 20px } .mb-25-sm { margin-bottom: 25px } .mb-30-sm { margin-bottom: 30px } .mb-35-sm { margin-bottom: 35px } .mb-40-sm { margin-bottom: 40px } .mb-45-sm { margin-bottom: 45px } .mb-50-sm { margin-bottom: 50px } .mb-55-sm { margin-bottom: 55px } .mb-60-sm { margin-bottom: 60px } .mb-65-sm { margin-bottom: 65px } .mb-70-sm { margin-bottom: 70px } .mb-75-sm { margin-bottom: 75px } .mb-80-sm { margin-bottom: 80px } .mb-85-sm { margin-bottom: 85px } .mb-90-sm { margin-bottom: 90px } .mb-95-sm { margin-bottom: 95px } .mb-100-sm { margin-bottom: 100px } .mb-105-sm { margin-bottom: 105px } .mb-110-sm { margin-bottom: 110px } .mb-115-sm { margin-bottom: 115px } .mb-120-sm { margin-bottom: 120px } .mb-125-sm { margin-bottom: 125px } .mb-130-sm { margin-bottom: 130px } .mb-135-sm { margin-bottom: 135px } .mb-140-sm { margin-bottom: 140px } .mb-145-sm { margin-bottom: 145px } .mb-150-sm { margin-bottom: 150px } .mr--150-sm { margin-right: -150px } .mr--145-sm { margin-right: -145px } .mr--140-sm { margin-right: -140px } .mr--135-sm { margin-right: -135px } .mr--130-sm { margin-right: -130px } .mr--125-sm { margin-right: -125px } .mr--120-sm { margin-right: -120px } .mr--115-sm { margin-right: -115px } .mr--110-sm { margin-right: -110px } .mr--105-sm { margin-right: -105px } .mr--100-sm { margin-right: -100px } .mr--95-sm { margin-right: -95px } .mr--90-sm { margin-right: -90px } .mr--85-sm { margin-right: -85px } .mr--80-sm { margin-right: -80px } .mr--75-sm { margin-right: -75px } .mr--70-sm { margin-right: -70px } .mr--65-sm { margin-right: -65px } .mr--60-sm { margin-right: -60px } .mr--55-sm { margin-right: -55px } .mr--50-sm { margin-right: -50px } .mr--45-sm { margin-right: -45px } .mr--40-sm { margin-right: -40px } .mr--35-sm { margin-right: -35px } .mr--30-sm { margin-right: -30px } .mr--25-sm { margin-right: -25px } .mr--20-sm { margin-right: -20px } .mr--15-sm { margin-right: -15px } .mr--10-sm { margin-right: -10px } .mr--5-sm { margin-right: -5px } .mr-0-sm { margin-right: 0px } .mr-5-sm { margin-right: 5px } .mr-10-sm { margin-right: 10px } .mr-15-sm { margin-right: 15px } .mr-20-sm { margin-right: 20px } .mr-25-sm { margin-right: 25px } .mr-30-sm { margin-right: 30px } .mr-35-sm { margin-right: 35px } .mr-40-sm { margin-right: 40px } .mr-45-sm { margin-right: 45px } .mr-50-sm { margin-right: 50px } .mr-55-sm { margin-right: 55px } .mr-60-sm { margin-right: 60px } .mr-65-sm { margin-right: 65px } .mr-70-sm { margin-right: 70px } .mr-75-sm { margin-right: 75px } .mr-80-sm { margin-right: 80px } .mr-85-sm { margin-right: 85px } .mr-90-sm { margin-right: 90px } .mr-95-sm { margin-right: 95px } .mr-100-sm { margin-right: 100px } .mr-105-sm { margin-right: 105px } .mr-110-sm { margin-right: 110px } .mr-115-sm { margin-right: 115px } .mr-120-sm { margin-right: 120px } .mr-125-sm { margin-right: 125px } .mr-130-sm { margin-right: 130px } .mr-135-sm { margin-right: 135px } .mr-140-sm { margin-right: 140px } .mr-145-sm { margin-right: 145px } .mr-150-sm { margin-right: 150px } .pt-0-sm { padding-top: 0px } .pt-5-sm { padding-top: 5px } .pt-10-sm { padding-top: 10px } .pt-15-sm { padding-top: 15px } .pt-20-sm { padding-top: 20px } .pt-25-sm { padding-top: 25px } .pt-30-sm { padding-top: 30px } .pt-35-sm { padding-top: 35px } .pt-40-sm { padding-top: 40px } .pt-45-sm { padding-top: 45px } .pt-50-sm { padding-top: 50px } .pt-55-sm { padding-top: 55px } .pt-60-sm { padding-top: 60px } .pt-65-sm { padding-top: 65px } .pt-70-sm { padding-top: 70px } .pt-75-sm { padding-top: 75px } .pt-80-sm { padding-top: 80px } .pt-85-sm { padding-top: 85px } .pt-90-sm { padding-top: 90px } .pt-95-sm { padding-top: 95px } .pt-100-sm { padding-top: 100px } .pt-105-sm { padding-top: 105px } .pt-110-sm { padding-top: 110px } .pt-115-sm { padding-top: 115px } .pt-120-sm { padding-top: 120px } .pt-125-sm { padding-top: 125px } .pt-130-sm { padding-top: 130px } .pt-135-sm { padding-top: 135px } .pt-140-sm { padding-top: 140px } .pt-145-sm { padding-top: 145px } .pt-150-sm { padding-top: 150px } .pl-0-sm { padding-left: 0px } .pl-5-sm { padding-left: 5px } .pl-10-sm { padding-left: 10px } .pl-15-sm { padding-left: 15px } .pl-20-sm { padding-left: 20px } .pl-25-sm { padding-left: 25px } .pl-30-sm { padding-left: 30px } .pl-35-sm { padding-left: 35px } .pl-40-sm { padding-left: 40px } .pl-45-sm { padding-left: 45px } .pl-50-sm { padding-left: 50px } .pl-55-sm { padding-left: 55px } .pl-60-sm { padding-left: 60px } .pl-65-sm { padding-left: 65px } .pl-70-sm { padding-left: 70px } .pl-75-sm { padding-left: 75px } .pl-80-sm { padding-left: 80px } .pl-85-sm { padding-left: 85px } .pl-90-sm { padding-left: 90px } .pl-95-sm { padding-left: 95px } .pl-100-sm { padding-left: 100px } .pl-105-sm { padding-left: 105px } .pl-110-sm { padding-left: 110px } .pl-115-sm { padding-left: 115px } .pl-120-sm { padding-left: 120px } .pl-125-sm { padding-left: 125px } .pl-130-sm { padding-left: 130px } .pl-135-sm { padding-left: 135px } .pl-140-sm { padding-left: 140px } .pl-145-sm { padding-left: 145px } .pl-150-sm { padding-left: 150px } .pb-0-sm { padding-bottom: 0px } .pb-5-sm { padding-bottom: 5px } .pb-10-sm { padding-bottom: 10px } .pb-15-sm { padding-bottom: 15px } .pb-20-sm { padding-bottom: 20px } .pb-25-sm { padding-bottom: 25px } .pb-30-sm { padding-bottom: 30px } .pb-35-sm { padding-bottom: 35px } .pb-40-sm { padding-bottom: 40px } .pb-45-sm { padding-bottom: 45px } .pb-50-sm { padding-bottom: 50px } .pb-55-sm { padding-bottom: 55px } .pb-60-sm { padding-bottom: 60px } .pb-65-sm { padding-bottom: 65px } .pb-70-sm { padding-bottom: 70px } .pb-75-sm { padding-bottom: 75px } .pb-80-sm { padding-bottom: 80px } .pb-85-sm { padding-bottom: 85px } .pb-90-sm { padding-bottom: 90px } .pb-95-sm { padding-bottom: 95px } .pb-100-sm { padding-bottom: 100px } .pb-105-sm { padding-bottom: 105px } .pb-110-sm { padding-bottom: 110px } .pb-115-sm { padding-bottom: 115px } .pb-120-sm { padding-bottom: 120px } .pb-125-sm { padding-bottom: 125px } .pb-130-sm { padding-bottom: 130px } .pb-135-sm { padding-bottom: 135px } .pb-140-sm { padding-bottom: 140px } .pb-145-sm { padding-bottom: 145px } .pb-150-sm { padding-bottom: 150px } .pr-0-sm { padding-right: 0px } .pr-5-sm { padding-right: 5px } .pr-10-sm { padding-right: 10px } .pr-15-sm { padding-right: 15px } .pr-20-sm { padding-right: 20px } .pr-25-sm { padding-right: 25px } .pr-30-sm { padding-right: 30px } .pr-35-sm { padding-right: 35px } .pr-40-sm { padding-right: 40px } .pr-45-sm { padding-right: 45px } .pr-50-sm { padding-right: 50px } .pr-55-sm { padding-right: 55px } .pr-60-sm { padding-right: 60px } .pr-65-sm { padding-right: 65px } .pr-70-sm { padding-right: 70px } .pr-75-sm { padding-right: 75px } .pr-80-sm { padding-right: 80px } .pr-85-sm { padding-right: 85px } .pr-90-sm { padding-right: 90px } .pr-95-sm { padding-right: 95px } .pr-100-sm { padding-right: 100px } .pr-105-sm { padding-right: 105px } .pr-110-sm { padding-right: 110px } .pr-115-sm { padding-right: 115px } .pr-120-sm { padding-right: 120px } .pr-125-sm { padding-right: 125px } .pr-130-sm { padding-right: 130px } .pr-135-sm { padding-right: 135px } .pr-140-sm { padding-right: 140px } .pr-145-sm { padding-right: 145px } .pr-150-sm { padding-right: 150px } } @media (min-width: 768px) { .mt--150-md { margin-top: -150px } .mt--145-md { margin-top: -145px } .mt--140-md { margin-top: -140px } .mt--135-md { margin-top: -135px } .mt--130-md { margin-top: -130px } .mt--125-md { margin-top: -125px } .mt--120-md { margin-top: -120px } .mt--115-md { margin-top: -115px } .mt--110-md { margin-top: -110px } .mt--105-md { margin-top: -105px } .mt--100-md { margin-top: -100px } .mt--95-md { margin-top: -95px } .mt--90-md { margin-top: -90px } .mt--85-md { margin-top: -85px } .mt--80-md { margin-top: -80px } .mt--75-md { margin-top: -75px } .mt--70-md { margin-top: -70px } .mt--65-md { margin-top: -65px } .mt--60-md { margin-top: -60px } .mt--55-md { margin-top: -55px } .mt--50-md { margin-top: -50px } .mt--45-md { margin-top: -45px } .mt--40-md { margin-top: -40px } .mt--35-md { margin-top: -35px } .mt--30-md { margin-top: -30px } .mt--25-md { margin-top: -25px } .mt--20-md { margin-top: -20px } .mt--15-md { margin-top: -15px } .mt--10-md { margin-top: -10px } .mt--5-md { margin-top: -5px } .mt-0-md { margin-top: 0px } .mt-5-md { margin-top: 5px } .mt-10-md { margin-top: 10px } .mt-15-md { margin-top: 15px } .mt-20-md { margin-top: 20px } .mt-25-md { margin-top: 25px } .mt-30-md { margin-top: 30px } .mt-35-md { margin-top: 35px } .mt-40-md { margin-top: 40px } .mt-45-md { margin-top: 45px } .mt-50-md { margin-top: 50px } .mt-55-md { margin-top: 55px } .mt-60-md { margin-top: 60px } .mt-65-md { margin-top: 65px } .mt-70-md { margin-top: 70px } .mt-75-md { margin-top: 75px } .mt-80-md { margin-top: 80px } .mt-85-md { margin-top: 85px } .mt-90-md { margin-top: 90px } .mt-95-md { margin-top: 95px } .mt-100-md { margin-top: 100px } .mt-105-md { margin-top: 105px } .mt-110-md { margin-top: 110px } .mt-115-md { margin-top: 115px } .mt-120-md { margin-top: 120px } .mt-125-md { margin-top: 125px } .mt-130-md { margin-top: 130px } .mt-135-md { margin-top: 135px } .mt-140-md { margin-top: 140px } .mt-145-md { margin-top: 145px } .mt-150-md { margin-top: 150px } .ml--150-md { margin-left: -150px } .ml--145-md { margin-left: -145px } .ml--140-md { margin-left: -140px } .ml--135-md { margin-left: -135px } .ml--130-md { margin-left: -130px } .ml--125-md { margin-left: -125px } .ml--120-md { margin-left: -120px } .ml--115-md { margin-left: -115px } .ml--110-md { margin-left: -110px } .ml--105-md { margin-left: -105px } .ml--100-md { margin-left: -100px } .ml--95-md { margin-left: -95px } .ml--90-md { margin-left: -90px } .ml--85-md { margin-left: -85px } .ml--80-md { margin-left: -80px } .ml--75-md { margin-left: -75px } .ml--70-md { margin-left: -70px } .ml--65-md { margin-left: -65px } .ml--60-md { margin-left: -60px } .ml--55-md { margin-left: -55px } .ml--50-md { margin-left: -50px } .ml--45-md { margin-left: -45px } .ml--40-md { margin-left: -40px } .ml--35-md { margin-left: -35px } .ml--30-md { margin-left: -30px } .ml--25-md { margin-left: -25px } .ml--20-md { margin-left: -20px } .ml--15-md { margin-left: -15px } .ml--10-md { margin-left: -10px } .ml--5-md { margin-left: -5px } .ml-0-md { margin-left: 0px } .ml-5-md { margin-left: 5px } .ml-10-md { margin-left: 10px } .ml-15-md { margin-left: 15px } .ml-20-md { margin-left: 20px } .ml-25-md { margin-left: 25px } .ml-30-md { margin-left: 30px } .ml-35-md { margin-left: 35px } .ml-40-md { margin-left: 40px } .ml-45-md { margin-left: 45px } .ml-50-md { margin-left: 50px } .ml-55-md { margin-left: 55px } .ml-60-md { margin-left: 60px } .ml-65-md { margin-left: 65px } .ml-70-md { margin-left: 70px } .ml-75-md { margin-left: 75px } .ml-80-md { margin-left: 80px } .ml-85-md { margin-left: 85px } .ml-90-md { margin-left: 90px } .ml-95-md { margin-left: 95px } .ml-100-md { margin-left: 100px } .ml-105-md { margin-left: 105px } .ml-110-md { margin-left: 110px } .ml-115-md { margin-left: 115px } .ml-120-md { margin-left: 120px } .ml-125-md { margin-left: 125px } .ml-130-md { margin-left: 130px } .ml-135-md { margin-left: 135px } .ml-140-md { margin-left: 140px } .ml-145-md { margin-left: 145px } .ml-150-md { margin-left: 150px } .mb--150-md { margin-bottom: -150px } .mb--145-md { margin-bottom: -145px } .mb--140-md { margin-bottom: -140px } .mb--135-md { margin-bottom: -135px } .mb--130-md { margin-bottom: -130px } .mb--125-md { margin-bottom: -125px } .mb--120-md { margin-bottom: -120px } .mb--115-md { margin-bottom: -115px } .mb--110-md { margin-bottom: -110px } .mb--105-md { margin-bottom: -105px } .mb--100-md { margin-bottom: -100px } .mb--95-md { margin-bottom: -95px } .mb--90-md { margin-bottom: -90px } .mb--85-md { margin-bottom: -85px } .mb--80-md { margin-bottom: -80px } .mb--75-md { margin-bottom: -75px } .mb--70-md { margin-bottom: -70px } .mb--65-md { margin-bottom: -65px } .mb--60-md { margin-bottom: -60px } .mb--55-md { margin-bottom: -55px } .mb--50-md { margin-bottom: -50px } .mb--45-md { margin-bottom: -45px } .mb--40-md { margin-bottom: -40px } .mb--35-md { margin-bottom: -35px } .mb--30-md { margin-bottom: -30px } .mb--25-md { margin-bottom: -25px } .mb--20-md { margin-bottom: -20px } .mb--15-md { margin-bottom: -15px } .mb--10-md { margin-bottom: -10px } .mb--5-md { margin-bottom: -5px } .mb-0-md { margin-bottom: 0px } .mb-5-md { margin-bottom: 5px } .mb-10-md { margin-bottom: 10px } .mb-15-md { margin-bottom: 15px } .mb-20-md { margin-bottom: 20px } .mb-25-md { margin-bottom: 25px } .mb-30-md { margin-bottom: 30px } .mb-35-md { margin-bottom: 35px } .mb-40-md { margin-bottom: 40px } .mb-45-md { margin-bottom: 45px } .mb-50-md { margin-bottom: 50px } .mb-55-md { margin-bottom: 55px } .mb-60-md { margin-bottom: 60px } .mb-65-md { margin-bottom: 65px } .mb-70-md { margin-bottom: 70px } .mb-75-md { margin-bottom: 75px } .mb-80-md { margin-bottom: 80px } .mb-85-md { margin-bottom: 85px } .mb-90-md { margin-bottom: 90px } .mb-95-md { margin-bottom: 95px } .mb-100-md { margin-bottom: 100px } .mb-105-md { margin-bottom: 105px } .mb-110-md { margin-bottom: 110px } .mb-115-md { margin-bottom: 115px } .mb-120-md { margin-bottom: 120px } .mb-125-md { margin-bottom: 125px } .mb-130-md { margin-bottom: 130px } .mb-135-md { margin-bottom: 135px } .mb-140-md { margin-bottom: 140px } .mb-145-md { margin-bottom: 145px } .mb-150-md { margin-bottom: 150px } .mr--150-md { margin-right: -150px } .mr--145-md { margin-right: -145px } .mr--140-md { margin-right: -140px } .mr--135-md { margin-right: -135px } .mr--130-md { margin-right: -130px } .mr--125-md { margin-right: -125px } .mr--120-md { margin-right: -120px } .mr--115-md { margin-right: -115px } .mr--110-md { margin-right: -110px } .mr--105-md { margin-right: -105px } .mr--100-md { margin-right: -100px } .mr--95-md { margin-right: -95px } .mr--90-md { margin-right: -90px } .mr--85-md { margin-right: -85px } .mr--80-md { margin-right: -80px } .mr--75-md { margin-right: -75px } .mr--70-md { margin-right: -70px } .mr--65-md { margin-right: -65px } .mr--60-md { margin-right: -60px } .mr--55-md { margin-right: -55px } .mr--50-md { margin-right: -50px } .mr--45-md { margin-right: -45px } .mr--40-md { margin-right: -40px } .mr--35-md { margin-right: -35px } .mr--30-md { margin-right: -30px } .mr--25-md { margin-right: -25px } .mr--20-md { margin-right: -20px } .mr--15-md { margin-right: -15px } .mr--10-md { margin-right: -10px } .mr--5-md { margin-right: -5px } .mr-0-md { margin-right: 0px } .mr-5-md { margin-right: 5px } .mr-10-md { margin-right: 10px } .mr-15-md { margin-right: 15px } .mr-20-md { margin-right: 20px } .mr-25-md { margin-right: 25px } .mr-30-md { margin-right: 30px } .mr-35-md { margin-right: 35px } .mr-40-md { margin-right: 40px } .mr-45-md { margin-right: 45px } .mr-50-md { margin-right: 50px } .mr-55-md { margin-right: 55px } .mr-60-md { margin-right: 60px } .mr-65-md { margin-right: 65px } .mr-70-md { margin-right: 70px } .mr-75-md { margin-right: 75px } .mr-80-md { margin-right: 80px } .mr-85-md { margin-right: 85px } .mr-90-md { margin-right: 90px } .mr-95-md { margin-right: 95px } .mr-100-md { margin-right: 100px } .mr-105-md { margin-right: 105px } .mr-110-md { margin-right: 110px } .mr-115-md { margin-right: 115px } .mr-120-md { margin-right: 120px } .mr-125-md { margin-right: 125px } .mr-130-md { margin-right: 130px } .mr-135-md { margin-right: 135px } .mr-140-md { margin-right: 140px } .mr-145-md { margin-right: 145px } .mr-150-md { margin-right: 150px } .pt-0-md { padding-top: 0px } .pt-5-md { padding-top: 5px } .pt-10-md { padding-top: 10px } .pt-15-md { padding-top: 15px } .pt-20-md { padding-top: 20px } .pt-25-md { padding-top: 25px } .pt-30-md { padding-top: 30px } .pt-35-md { padding-top: 35px } .pt-40-md { padding-top: 40px } .pt-45-md { padding-top: 45px } .pt-50-md { padding-top: 50px } .pt-55-md { padding-top: 55px } .pt-60-md { padding-top: 60px } .pt-65-md { padding-top: 65px } .pt-70-md { padding-top: 70px } .pt-75-md { padding-top: 75px } .pt-80-md { padding-top: 80px } .pt-85-md { padding-top: 85px } .pt-90-md { padding-top: 90px } .pt-95-md { padding-top: 95px } .pt-100-md { padding-top: 100px } .pt-105-md { padding-top: 105px } .pt-110-md { padding-top: 110px } .pt-115-md { padding-top: 115px } .pt-120-md { padding-top: 120px } .pt-125-md { padding-top: 125px } .pt-130-md { padding-top: 130px } .pt-135-md { padding-top: 135px } .pt-140-md { padding-top: 140px } .pt-145-md { padding-top: 145px } .pt-150-md { padding-top: 150px } .pl-0-md { padding-left: 0px } .pl-5-md { padding-left: 5px } .pl-10-md { padding-left: 10px } .pl-15-md { padding-left: 15px } .pl-20-md { padding-left: 20px } .pl-25-md { padding-left: 25px } .pl-30-md { padding-left: 30px } .pl-35-md { padding-left: 35px } .pl-40-md { padding-left: 40px } .pl-45-md { padding-left: 45px } .pl-50-md { padding-left: 50px } .pl-55-md { padding-left: 55px } .pl-60-md { padding-left: 60px } .pl-65-md { padding-left: 65px } .pl-70-md { padding-left: 70px } .pl-75-md { padding-left: 75px } .pl-80-md { padding-left: 80px } .pl-85-md { padding-left: 85px } .pl-90-md { padding-left: 90px } .pl-95-md { padding-left: 95px } .pl-100-md { padding-left: 100px } .pl-105-md { padding-left: 105px } .pl-110-md { padding-left: 110px } .pl-115-md { padding-left: 115px } .pl-120-md { padding-left: 120px } .pl-125-md { padding-left: 125px } .pl-130-md { padding-left: 130px } .pl-135-md { padding-left: 135px } .pl-140-md { padding-left: 140px } .pl-145-md { padding-left: 145px } .pl-150-md { padding-left: 150px } .pb-0-md { padding-bottom: 0px } .pb-5-md { padding-bottom: 5px } .pb-10-md { padding-bottom: 10px } .pb-15-md { padding-bottom: 15px } .pb-20-md { padding-bottom: 20px } .pb-25-md { padding-bottom: 25px } .pb-30-md { padding-bottom: 30px } .pb-35-md { padding-bottom: 35px } .pb-40-md { padding-bottom: 40px } .pb-45-md { padding-bottom: 45px } .pb-50-md { padding-bottom: 50px } .pb-55-md { padding-bottom: 55px } .pb-60-md { padding-bottom: 60px } .pb-65-md { padding-bottom: 65px } .pb-70-md { padding-bottom: 70px } .pb-75-md { padding-bottom: 75px } .pb-80-md { padding-bottom: 80px } .pb-85-md { padding-bottom: 85px } .pb-90-md { padding-bottom: 90px } .pb-95-md { padding-bottom: 95px } .pb-100-md { padding-bottom: 100px } .pb-105-md { padding-bottom: 105px } .pb-110-md { padding-bottom: 110px } .pb-115-md { padding-bottom: 115px } .pb-120-md { padding-bottom: 120px } .pb-125-md { padding-bottom: 125px } .pb-130-md { padding-bottom: 130px } .pb-135-md { padding-bottom: 135px } .pb-140-md { padding-bottom: 140px } .pb-145-md { padding-bottom: 145px } .pb-150-md { padding-bottom: 150px } .pr-0-md { padding-right: 0px } .pr-5-md { padding-right: 5px } .pr-10-md { padding-right: 10px } .pr-15-md { padding-right: 15px } .pr-20-md { padding-right: 20px } .pr-25-md { padding-right: 25px } .pr-30-md { padding-right: 30px } .pr-35-md { padding-right: 35px } .pr-40-md { padding-right: 40px } .pr-45-md { padding-right: 45px } .pr-50-md { padding-right: 50px } .pr-55-md { padding-right: 55px } .pr-60-md { padding-right: 60px } .pr-65-md { padding-right: 65px } .pr-70-md { padding-right: 70px } .pr-75-md { padding-right: 75px } .pr-80-md { padding-right: 80px } .pr-85-md { padding-right: 85px } .pr-90-md { padding-right: 90px } .pr-95-md { padding-right: 95px } .pr-100-md { padding-right: 100px } .pr-105-md { padding-right: 105px } .pr-110-md { padding-right: 110px } .pr-115-md { padding-right: 115px } .pr-120-md { padding-right: 120px } .pr-125-md { padding-right: 125px } .pr-130-md { padding-right: 130px } .pr-135-md { padding-right: 135px } .pr-140-md { padding-right: 140px } .pr-145-md { padding-right: 145px } .pr-150-md { padding-right: 150px } } @media (min-width: 992px) { .mt--150-lg { margin-top: -150px } .mt--145-lg { margin-top: -145px } .mt--140-lg { margin-top: -140px } .mt--135-lg { margin-top: -135px } .mt--130-lg { margin-top: -130px } .mt--125-lg { margin-top: -125px } .mt--120-lg { margin-top: -120px } .mt--115-lg { margin-top: -115px } .mt--110-lg { margin-top: -110px } .mt--105-lg { margin-top: -105px } .mt--100-lg { margin-top: -100px } .mt--95-lg { margin-top: -95px } .mt--90-lg { margin-top: -90px } .mt--85-lg { margin-top: -85px } .mt--80-lg { margin-top: -80px } .mt--75-lg { margin-top: -75px } .mt--70-lg { margin-top: -70px } .mt--65-lg { margin-top: -65px } .mt--60-lg { margin-top: -60px } .mt--55-lg { margin-top: -55px } .mt--50-lg { margin-top: -50px } .mt--45-lg { margin-top: -45px } .mt--40-lg { margin-top: -40px } .mt--35-lg { margin-top: -35px } .mt--30-lg { margin-top: -30px } .mt--25-lg { margin-top: -25px } .mt--20-lg { margin-top: -20px } .mt--15-lg { margin-top: -15px } .mt--10-lg { margin-top: -10px } .mt--5-lg { margin-top: -5px } .mt-0-lg { margin-top: 0px } .mt-5-lg { margin-top: 5px } .mt-10-lg { margin-top: 10px } .mt-15-lg { margin-top: 15px } .mt-20-lg { margin-top: 20px } .mt-25-lg { margin-top: 25px } .mt-30-lg { margin-top: 30px } .mt-35-lg { margin-top: 35px } .mt-40-lg { margin-top: 40px } .mt-45-lg { margin-top: 45px } .mt-50-lg { margin-top: 50px } .mt-55-lg { margin-top: 55px } .mt-60-lg { margin-top: 60px } .mt-65-lg { margin-top: 65px } .mt-70-lg { margin-top: 70px } .mt-75-lg { margin-top: 75px } .mt-80-lg { margin-top: 80px } .mt-85-lg { margin-top: 85px } .mt-90-lg { margin-top: 90px } .mt-95-lg { margin-top: 95px } .mt-100-lg { margin-top: 100px } .mt-105-lg { margin-top: 105px } .mt-110-lg { margin-top: 110px } .mt-115-lg { margin-top: 115px } .mt-120-lg { margin-top: 120px } .mt-125-lg { margin-top: 125px } .mt-130-lg { margin-top: 130px } .mt-135-lg { margin-top: 135px } .mt-140-lg { margin-top: 140px } .mt-145-lg { margin-top: 145px } .mt-150-lg { margin-top: 150px } .ml--150-lg { margin-left: -150px } .ml--145-lg { margin-left: -145px } .ml--140-lg { margin-left: -140px } .ml--135-lg { margin-left: -135px } .ml--130-lg { margin-left: -130px } .ml--125-lg { margin-left: -125px } .ml--120-lg { margin-left: -120px } .ml--115-lg { margin-left: -115px } .ml--110-lg { margin-left: -110px } .ml--105-lg { margin-left: -105px } .ml--100-lg { margin-left: -100px } .ml--95-lg { margin-left: -95px } .ml--90-lg { margin-left: -90px } .ml--85-lg { margin-left: -85px } .ml--80-lg { margin-left: -80px } .ml--75-lg { margin-left: -75px } .ml--70-lg { margin-left: -70px } .ml--65-lg { margin-left: -65px } .ml--60-lg { margin-left: -60px } .ml--55-lg { margin-left: -55px } .ml--50-lg { margin-left: -50px } .ml--45-lg { margin-left: -45px } .ml--40-lg { margin-left: -40px } .ml--35-lg { margin-left: -35px } .ml--30-lg { margin-left: -30px } .ml--25-lg { margin-left: -25px } .ml--20-lg { margin-left: -20px } .ml--15-lg { margin-left: -15px } .ml--10-lg { margin-left: -10px } .ml--5-lg { margin-left: -5px } .ml-0-lg { margin-left: 0px } .ml-5-lg { margin-left: 5px } .ml-10-lg { margin-left: 10px } .ml-15-lg { margin-left: 15px } .ml-20-lg { margin-left: 20px } .ml-25-lg { margin-left: 25px } .ml-30-lg { margin-left: 30px } .ml-35-lg { margin-left: 35px } .ml-40-lg { margin-left: 40px } .ml-45-lg { margin-left: 45px } .ml-50-lg { margin-left: 50px } .ml-55-lg { margin-left: 55px } .ml-60-lg { margin-left: 60px } .ml-65-lg { margin-left: 65px } .ml-70-lg { margin-left: 70px } .ml-75-lg { margin-left: 75px } .ml-80-lg { margin-left: 80px } .ml-85-lg { margin-left: 85px } .ml-90-lg { margin-left: 90px } .ml-95-lg { margin-left: 95px } .ml-100-lg { margin-left: 100px } .ml-105-lg { margin-left: 105px } .ml-110-lg { margin-left: 110px } .ml-115-lg { margin-left: 115px } .ml-120-lg { margin-left: 120px } .ml-125-lg { margin-left: 125px } .ml-130-lg { margin-left: 130px } .ml-135-lg { margin-left: 135px } .ml-140-lg { margin-left: 140px } .ml-145-lg { margin-left: 145px } .ml-150-lg { margin-left: 150px } .mb--150-lg { margin-bottom: -150px } .mb--145-lg { margin-bottom: -145px } .mb--140-lg { margin-bottom: -140px } .mb--135-lg { margin-bottom: -135px } .mb--130-lg { margin-bottom: -130px } .mb--125-lg { margin-bottom: -125px } .mb--120-lg { margin-bottom: -120px } .mb--115-lg { margin-bottom: -115px } .mb--110-lg { margin-bottom: -110px } .mb--105-lg { margin-bottom: -105px } .mb--100-lg { margin-bottom: -100px } .mb--95-lg { margin-bottom: -95px } .mb--90-lg { margin-bottom: -90px } .mb--85-lg { margin-bottom: -85px } .mb--80-lg { margin-bottom: -80px } .mb--75-lg { margin-bottom: -75px } .mb--70-lg { margin-bottom: -70px } .mb--65-lg { margin-bottom: -65px } .mb--60-lg { margin-bottom: -60px } .mb--55-lg { margin-bottom: -55px } .mb--50-lg { margin-bottom: -50px } .mb--45-lg { margin-bottom: -45px } .mb--40-lg { margin-bottom: -40px } .mb--35-lg { margin-bottom: -35px } .mb--30-lg { margin-bottom: -30px } .mb--25-lg { margin-bottom: -25px } .mb--20-lg { margin-bottom: -20px } .mb--15-lg { margin-bottom: -15px } .mb--10-lg { margin-bottom: -10px } .mb--5-lg { margin-bottom: -5px } .mb-0-lg { margin-bottom: 0px } .mb-5-lg { margin-bottom: 5px } .mb-10-lg { margin-bottom: 10px } .mb-15-lg { margin-bottom: 15px } .mb-20-lg { margin-bottom: 20px } .mb-25-lg { margin-bottom: 25px } .mb-30-lg { margin-bottom: 30px } .mb-35-lg { margin-bottom: 35px } .mb-40-lg { margin-bottom: 40px } .mb-45-lg { margin-bottom: 45px } .mb-50-lg { margin-bottom: 50px } .mb-55-lg { margin-bottom: 55px } .mb-60-lg { margin-bottom: 60px } .mb-65-lg { margin-bottom: 65px } .mb-70-lg { margin-bottom: 70px } .mb-75-lg { margin-bottom: 75px } .mb-80-lg { margin-bottom: 80px } .mb-85-lg { margin-bottom: 85px } .mb-90-lg { margin-bottom: 90px } .mb-95-lg { margin-bottom: 95px } .mb-100-lg { margin-bottom: 100px } .mb-105-lg { margin-bottom: 105px } .mb-110-lg { margin-bottom: 110px } .mb-115-lg { margin-bottom: 115px } .mb-120-lg { margin-bottom: 120px } .mb-125-lg { margin-bottom: 125px } .mb-130-lg { margin-bottom: 130px } .mb-135-lg { margin-bottom: 135px } .mb-140-lg { margin-bottom: 140px } .mb-145-lg { margin-bottom: 145px } .mb-150-lg { margin-bottom: 150px } .mr--150-lg { margin-right: -150px } .mr--145-lg { margin-right: -145px } .mr--140-lg { margin-right: -140px } .mr--135-lg { margin-right: -135px } .mr--130-lg { margin-right: -130px } .mr--125-lg { margin-right: -125px } .mr--120-lg { margin-right: -120px } .mr--115-lg { margin-right: -115px } .mr--110-lg { margin-right: -110px } .mr--105-lg { margin-right: -105px } .mr--100-lg { margin-right: -100px } .mr--95-lg { margin-right: -95px } .mr--90-lg { margin-right: -90px } .mr--85-lg { margin-right: -85px } .mr--80-lg { margin-right: -80px } .mr--75-lg { margin-right: -75px } .mr--70-lg { margin-right: -70px } .mr--65-lg { margin-right: -65px } .mr--60-lg { margin-right: -60px } .mr--55-lg { margin-right: -55px } .mr--50-lg { margin-right: -50px } .mr--45-lg { margin-right: -45px } .mr--40-lg { margin-right: -40px } .mr--35-lg { margin-right: -35px } .mr--30-lg { margin-right: -30px } .mr--25-lg { margin-right: -25px } .mr--20-lg { margin-right: -20px } .mr--15-lg { margin-right: -15px } .mr--10-lg { margin-right: -10px } .mr--5-lg { margin-right: -5px } .mr-0-lg { margin-right: 0px } .mr-5-lg { margin-right: 5px } .mr-10-lg { margin-right: 10px } .mr-15-lg { margin-right: 15px } .mr-20-lg { margin-right: 20px } .mr-25-lg { margin-right: 25px } .mr-30-lg { margin-right: 30px } .mr-35-lg { margin-right: 35px } .mr-40-lg { margin-right: 40px } .mr-45-lg { margin-right: 45px } .mr-50-lg { margin-right: 50px } .mr-55-lg { margin-right: 55px } .mr-60-lg { margin-right: 60px } .mr-65-lg { margin-right: 65px } .mr-70-lg { margin-right: 70px } .mr-75-lg { margin-right: 75px } .mr-80-lg { margin-right: 80px } .mr-85-lg { margin-right: 85px } .mr-90-lg { margin-right: 90px } .mr-95-lg { margin-right: 95px } .mr-100-lg { margin-right: 100px } .mr-105-lg { margin-right: 105px } .mr-110-lg { margin-right: 110px } .mr-115-lg { margin-right: 115px } .mr-120-lg { margin-right: 120px } .mr-125-lg { margin-right: 125px } .mr-130-lg { margin-right: 130px } .mr-135-lg { margin-right: 135px } .mr-140-lg { margin-right: 140px } .mr-145-lg { margin-right: 145px } .mr-150-lg { margin-right: 150px } .pt-0-lg { padding-top: 0px } .pt-5-lg { padding-top: 5px } .pt-10-lg { padding-top: 10px } .pt-15-lg { padding-top: 15px } .pt-20-lg { padding-top: 20px } .pt-25-lg { padding-top: 25px } .pt-30-lg { padding-top: 30px } .pt-35-lg { padding-top: 35px } .pt-40-lg { padding-top: 40px } .pt-45-lg { padding-top: 45px } .pt-50-lg { padding-top: 50px } .pt-55-lg { padding-top: 55px } .pt-60-lg { padding-top: 60px } .pt-65-lg { padding-top: 65px } .pt-70-lg { padding-top: 70px } .pt-75-lg { padding-top: 75px } .pt-80-lg { padding-top: 80px } .pt-85-lg { padding-top: 85px } .pt-90-lg { padding-top: 90px } .pt-95-lg { padding-top: 95px } .pt-100-lg { padding-top: 100px } .pt-105-lg { padding-top: 105px } .pt-110-lg { padding-top: 110px } .pt-115-lg { padding-top: 115px } .pt-120-lg { padding-top: 120px } .pt-125-lg { padding-top: 125px } .pt-130-lg { padding-top: 130px } .pt-135-lg { padding-top: 135px } .pt-140-lg { padding-top: 140px } .pt-145-lg { padding-top: 145px } .pt-150-lg { padding-top: 150px } .pl-0-lg { padding-left: 0px } .pl-5-lg { padding-left: 5px } .pl-10-lg { padding-left: 10px } .pl-15-lg { padding-left: 15px } .pl-20-lg { padding-left: 20px } .pl-25-lg { padding-left: 25px } .pl-30-lg { padding-left: 30px } .pl-35-lg { padding-left: 35px } .pl-40-lg { padding-left: 40px } .pl-45-lg { padding-left: 45px } .pl-50-lg { padding-left: 50px } .pl-55-lg { padding-left: 55px } .pl-60-lg { padding-left: 60px } .pl-65-lg { padding-left: 65px } .pl-70-lg { padding-left: 70px } .pl-75-lg { padding-left: 75px } .pl-80-lg { padding-left: 80px } .pl-85-lg { padding-left: 85px } .pl-90-lg { padding-left: 90px } .pl-95-lg { padding-left: 95px } .pl-100-lg { padding-left: 100px } .pl-105-lg { padding-left: 105px } .pl-110-lg { padding-left: 110px } .pl-115-lg { padding-left: 115px } .pl-120-lg { padding-left: 120px } .pl-125-lg { padding-left: 125px } .pl-130-lg { padding-left: 130px } .pl-135-lg { padding-left: 135px } .pl-140-lg { padding-left: 140px } .pl-145-lg { padding-left: 145px } .pl-150-lg { padding-left: 150px } .pb-0-lg { padding-bottom: 0px } .pb-5-lg { padding-bottom: 5px } .pb-10-lg { padding-bottom: 10px } .pb-15-lg { padding-bottom: 15px } .pb-20-lg { padding-bottom: 20px } .pb-25-lg { padding-bottom: 25px } .pb-30-lg { padding-bottom: 30px } .pb-35-lg { padding-bottom: 35px } .pb-40-lg { padding-bottom: 40px } .pb-45-lg { padding-bottom: 45px } .pb-50-lg { padding-bottom: 50px } .pb-55-lg { padding-bottom: 55px } .pb-60-lg { padding-bottom: 60px } .pb-65-lg { padding-bottom: 65px } .pb-70-lg { padding-bottom: 70px } .pb-75-lg { padding-bottom: 75px } .pb-80-lg { padding-bottom: 80px } .pb-85-lg { padding-bottom: 85px } .pb-90-lg { padding-bottom: 90px } .pb-95-lg { padding-bottom: 95px } .pb-100-lg { padding-bottom: 100px } .pb-105-lg { padding-bottom: 105px } .pb-110-lg { padding-bottom: 110px } .pb-115-lg { padding-bottom: 115px } .pb-120-lg { padding-bottom: 120px } .pb-125-lg { padding-bottom: 125px } .pb-130-lg { padding-bottom: 130px } .pb-135-lg { padding-bottom: 135px } .pb-140-lg { padding-bottom: 140px } .pb-145-lg { padding-bottom: 145px } .pb-150-lg { padding-bottom: 150px } .pr-0-lg { padding-right: 0px } .pr-5-lg { padding-right: 5px } .pr-10-lg { padding-right: 10px } .pr-15-lg { padding-right: 15px } .pr-20-lg { padding-right: 20px } .pr-25-lg { padding-right: 25px } .pr-30-lg { padding-right: 30px } .pr-35-lg { padding-right: 35px } .pr-40-lg { padding-right: 40px } .pr-45-lg { padding-right: 45px } .pr-50-lg { padding-right: 50px } .pr-55-lg { padding-right: 55px } .pr-60-lg { padding-right: 60px } .pr-65-lg { padding-right: 65px } .pr-70-lg { padding-right: 70px } .pr-75-lg { padding-right: 75px } .pr-80-lg { padding-right: 80px } .pr-85-lg { padding-right: 85px } .pr-90-lg { padding-right: 90px } .pr-95-lg { padding-right: 95px } .pr-100-lg { padding-right: 100px } .pr-105-lg { padding-right: 105px } .pr-110-lg { padding-right: 110px } .pr-115-lg { padding-right: 115px } .pr-120-lg { padding-right: 120px } .pr-125-lg { padding-right: 125px } .pr-130-lg { padding-right: 130px } .pr-135-lg { padding-right: 135px } .pr-140-lg { padding-right: 140px } .pr-145-lg { padding-right: 145px } .pr-150-lg { padding-right: 150px } } @media (min-width: 1200px) { .mt--150-xl { margin-top: -150px } .mt--145-xl { margin-top: -145px } .mt--140-xl { margin-top: -140px } .mt--135-xl { margin-top: -135px } .mt--130-xl { margin-top: -130px } .mt--125-xl { margin-top: -125px } .mt--120-xl { margin-top: -120px } .mt--115-xl { margin-top: -115px } .mt--110-xl { margin-top: -110px } .mt--105-xl { margin-top: -105px } .mt--100-xl { margin-top: -100px } .mt--95-xl { margin-top: -95px } .mt--90-xl { margin-top: -90px } .mt--85-xl { margin-top: -85px } .mt--80-xl { margin-top: -80px } .mt--75-xl { margin-top: -75px } .mt--70-xl { margin-top: -70px } .mt--65-xl { margin-top: -65px } .mt--60-xl { margin-top: -60px } .mt--55-xl { margin-top: -55px } .mt--50-xl { margin-top: -50px } .mt--45-xl { margin-top: -45px } .mt--40-xl { margin-top: -40px } .mt--35-xl { margin-top: -35px } .mt--30-xl { margin-top: -30px } .mt--25-xl { margin-top: -25px } .mt--20-xl { margin-top: -20px } .mt--15-xl { margin-top: -15px } .mt--10-xl { margin-top: -10px } .mt--5-xl { margin-top: -5px } .mt-0-xl { margin-top: 0px } .mt-5-xl { margin-top: 5px } .mt-10-xl { margin-top: 10px } .mt-15-xl { margin-top: 15px } .mt-20-xl { margin-top: 20px } .mt-25-xl { margin-top: 25px } .mt-30-xl { margin-top: 30px } .mt-35-xl { margin-top: 35px } .mt-40-xl { margin-top: 40px } .mt-45-xl { margin-top: 45px } .mt-50-xl { margin-top: 50px } .mt-55-xl { margin-top: 55px } .mt-60-xl { margin-top: 60px } .mt-65-xl { margin-top: 65px } .mt-70-xl { margin-top: 70px } .mt-75-xl { margin-top: 75px } .mt-80-xl { margin-top: 80px } .mt-85-xl { margin-top: 85px } .mt-90-xl { margin-top: 90px } .mt-95-xl { margin-top: 95px } .mt-100-xl { margin-top: 100px } .mt-105-xl { margin-top: 105px } .mt-110-xl { margin-top: 110px } .mt-115-xl { margin-top: 115px } .mt-120-xl { margin-top: 120px } .mt-125-xl { margin-top: 125px } .mt-130-xl { margin-top: 130px } .mt-135-xl { margin-top: 135px } .mt-140-xl { margin-top: 140px } .mt-145-xl { margin-top: 145px } .mt-150-xl { margin-top: 150px } .ml--150-xl { margin-left: -150px } .ml--145-xl { margin-left: -145px } .ml--140-xl { margin-left: -140px } .ml--135-xl { margin-left: -135px } .ml--130-xl { margin-left: -130px } .ml--125-xl { margin-left: -125px } .ml--120-xl { margin-left: -120px } .ml--115-xl { margin-left: -115px } .ml--110-xl { margin-left: -110px } .ml--105-xl { margin-left: -105px } .ml--100-xl { margin-left: -100px } .ml--95-xl { margin-left: -95px } .ml--90-xl { margin-left: -90px } .ml--85-xl { margin-left: -85px } .ml--80-xl { margin-left: -80px } .ml--75-xl { margin-left: -75px } .ml--70-xl { margin-left: -70px } .ml--65-xl { margin-left: -65px } .ml--60-xl { margin-left: -60px } .ml--55-xl { margin-left: -55px } .ml--50-xl { margin-left: -50px } .ml--45-xl { margin-left: -45px } .ml--40-xl { margin-left: -40px } .ml--35-xl { margin-left: -35px } .ml--30-xl { margin-left: -30px } .ml--25-xl { margin-left: -25px } .ml--20-xl { margin-left: -20px } .ml--15-xl { margin-left: -15px } .ml--10-xl { margin-left: -10px } .ml--5-xl { margin-left: -5px } .ml-0-xl { margin-left: 0px } .ml-5-xl { margin-left: 5px } .ml-10-xl { margin-left: 10px } .ml-15-xl { margin-left: 15px } .ml-20-xl { margin-left: 20px } .ml-25-xl { margin-left: 25px } .ml-30-xl { margin-left: 30px } .ml-35-xl { margin-left: 35px } .ml-40-xl { margin-left: 40px } .ml-45-xl { margin-left: 45px } .ml-50-xl { margin-left: 50px } .ml-55-xl { margin-left: 55px } .ml-60-xl { margin-left: 60px } .ml-65-xl { margin-left: 65px } .ml-70-xl { margin-left: 70px } .ml-75-xl { margin-left: 75px } .ml-80-xl { margin-left: 80px } .ml-85-xl { margin-left: 85px } .ml-90-xl { margin-left: 90px } .ml-95-xl { margin-left: 95px } .ml-100-xl { margin-left: 100px } .ml-105-xl { margin-left: 105px } .ml-110-xl { margin-left: 110px } .ml-115-xl { margin-left: 115px } .ml-120-xl { margin-left: 120px } .ml-125-xl { margin-left: 125px } .ml-130-xl { margin-left: 130px } .ml-135-xl { margin-left: 135px } .ml-140-xl { margin-left: 140px } .ml-145-xl { margin-left: 145px } .ml-150-xl { margin-left: 150px } .mb--150-xl { margin-bottom: -150px } .mb--145-xl { margin-bottom: -145px } .mb--140-xl { margin-bottom: -140px } .mb--135-xl { margin-bottom: -135px } .mb--130-xl { margin-bottom: -130px } .mb--125-xl { margin-bottom: -125px } .mb--120-xl { margin-bottom: -120px } .mb--115-xl { margin-bottom: -115px } .mb--110-xl { margin-bottom: -110px } .mb--105-xl { margin-bottom: -105px } .mb--100-xl { margin-bottom: -100px } .mb--95-xl { margin-bottom: -95px } .mb--90-xl { margin-bottom: -90px } .mb--85-xl { margin-bottom: -85px } .mb--80-xl { margin-bottom: -80px } .mb--75-xl { margin-bottom: -75px } .mb--70-xl { margin-bottom: -70px } .mb--65-xl { margin-bottom: -65px } .mb--60-xl { margin-bottom: -60px } .mb--55-xl { margin-bottom: -55px } .mb--50-xl { margin-bottom: -50px } .mb--45-xl { margin-bottom: -45px } .mb--40-xl { margin-bottom: -40px } .mb--35-xl { margin-bottom: -35px } .mb--30-xl { margin-bottom: -30px } .mb--25-xl { margin-bottom: -25px } .mb--20-xl { margin-bottom: -20px } .mb--15-xl { margin-bottom: -15px } .mb--10-xl { margin-bottom: -10px } .mb--5-xl { margin-bottom: -5px } .mb-0-xl { margin-bottom: 0px } .mb-5-xl { margin-bottom: 5px } .mb-10-xl { margin-bottom: 10px } .mb-15-xl { margin-bottom: 15px } .mb-20-xl { margin-bottom: 20px } .mb-25-xl { margin-bottom: 25px } .mb-30-xl { margin-bottom: 30px } .mb-35-xl { margin-bottom: 35px } .mb-40-xl { margin-bottom: 40px } .mb-45-xl { margin-bottom: 45px } .mb-50-xl { margin-bottom: 50px } .mb-55-xl { margin-bottom: 55px } .mb-60-xl { margin-bottom: 60px } .mb-65-xl { margin-bottom: 65px } .mb-70-xl { margin-bottom: 70px } .mb-75-xl { margin-bottom: 75px } .mb-80-xl { margin-bottom: 80px } .mb-85-xl { margin-bottom: 85px } .mb-90-xl { margin-bottom: 90px } .mb-95-xl { margin-bottom: 95px } .mb-100-xl { margin-bottom: 100px } .mb-105-xl { margin-bottom: 105px } .mb-110-xl { margin-bottom: 110px } .mb-115-xl { margin-bottom: 115px } .mb-120-xl { margin-bottom: 120px } .mb-125-xl { margin-bottom: 125px } .mb-130-xl { margin-bottom: 130px } .mb-135-xl { margin-bottom: 135px } .mb-140-xl { margin-bottom: 140px } .mb-145-xl { margin-bottom: 145px } .mb-150-xl { margin-bottom: 150px } .mr--150-xl { margin-right: -110px } .mr--145-xl { margin-right: -145px } .mr--140-xl { margin-right: -140px } .mr--135-xl { margin-right: -135px } .mr--130-xl { margin-right: -130px } .mr--125-xl { margin-right: -125px } .mr--120-xl { margin-right: -120px } .mr--115-xl { margin-right: -115px } .mr--110-xl { margin-right: -110px } .mr--105-xl { margin-right: -105px } .mr--100-xl { margin-right: -100px } .mr--95-xl { margin-right: -95px } .mr--90-xl { margin-right: -90px } .mr--85-xl { margin-right: -85px } .mr--80-xl { margin-right: -80px } .mr--75-xl { margin-right: -75px } .mr--70-xl { margin-right: -70px } .mr--65-xl { margin-right: -65px } .mr--60-xl { margin-right: -60px } .mr--55-xl { margin-right: -55px } .mr--50-xl { margin-right: -50px } .mr--45-xl { margin-right: -45px } .mr--40-xl { margin-right: -40px } .mr--35-xl { margin-right: -35px } .mr--30-xl { margin-right: -30px } .mr--25-xl { margin-right: -25px } .mr--20-xl { margin-right: -20px } .mr--15-xl { margin-right: -15px } .mr--10-xl { margin-right: -10px } .mr--5-xl { margin-right: -5px } .mr-0-xl { margin-right: 0px } .mr-5-xl { margin-right: 5px } .mr-10-xl { margin-right: 10px } .mr-15-xl { margin-right: 15px } .mr-20-xl { margin-right: 20px } .mr-25-xl { margin-right: 25px } .mr-30-xl { margin-right: 30px } .mr-35-xl { margin-right: 35px } .mr-40-xl { margin-right: 40px } .mr-45-xl { margin-right: 45px } .mr-50-xl { margin-right: 50px } .mr-55-xl { margin-right: 55px } .mr-60-xl { margin-right: 60px } .mr-65-xl { margin-right: 65px } .mr-70-xl { margin-right: 70px } .mr-75-xl { margin-right: 75px } .mr-80-xl { margin-right: 80px } .mr-85-xl { margin-right: 85px } .mr-90-xl { margin-right: 90px } .mr-95-xl { margin-right: 95px } .mr-100-xl { margin-right: 100px } .mr-105-xl { margin-right: 105px } .mr-110-xl { margin-right: 110px } .mr-115-xl { margin-right: 115px } .mr-120-xl { margin-right: 120px } .mr-125-xl { margin-right: 125px } .mr-130-xl { margin-right: 130px } .mr-135-xl { margin-right: 135px } .mr-140-xl { margin-right: 140px } .mr-145-xl { margin-right: 145px } .mr-150-xl { margin-right: 150px } .pt-0-xl { padding-top: 0px } .pt-5-xl { padding-top: 5px } .pt-10-xl { padding-top: 10px } .pt-15-xl { padding-top: 15px } .pt-20-xl { padding-top: 20px } .pt-25-xl { padding-top: 25px } .pt-30-xl { padding-top: 30px } .pt-35-xl { padding-top: 35px } .pt-40-xl { padding-top: 40px } .pt-45-xl { padding-top: 45px } .pt-50-xl { padding-top: 50px } .pt-55-xl { padding-top: 55px } .pt-60-xl { padding-top: 60px } .pt-65-xl { padding-top: 65px } .pt-70-xl { padding-top: 70px } .pt-75-xl { padding-top: 75px } .pt-80-xl { padding-top: 80px } .pt-85-xl { padding-top: 85px } .pt-90-xl { padding-top: 90px } .pt-95-xl { padding-top: 95px } .pt-100-xl { padding-top: 100px } .pt-105-xl { padding-top: 105px } .pt-110-xl { padding-top: 110px } .pt-115-xl { padding-top: 115px } .pt-120-xl { padding-top: 120px } .pt-125-xl { padding-top: 125px } .pt-130-xl { padding-top: 130px } .pt-135-xl { padding-top: 135px } .pt-140-xl { padding-top: 140px } .pt-145-xl { padding-top: 145px } .pt-150-xl { padding-top: 150px } .pl-0-xl { padding-left: 0px } .pl-5-xl { padding-left: 5px } .pl-10-xl { padding-left: 10px } .pl-15-xl { padding-left: 15px } .pl-20-xl { padding-left: 20px } .pl-25-xl { padding-left: 25px } .pl-30-xl { padding-left: 30px } .pl-35-xl { padding-left: 35px } .pl-40-xl { padding-left: 40px } .pl-45-xl { padding-left: 45px } .pl-50-xl { padding-left: 50px } .pl-55-xl { padding-left: 55px } .pl-60-xl { padding-left: 60px } .pl-65-xl { padding-left: 65px } .pl-70-xl { padding-left: 70px } .pl-75-xl { padding-left: 75px } .pl-80-xl { padding-left: 80px } .pl-85-xl { padding-left: 85px } .pl-90-xl { padding-left: 90px } .pl-95-xl { padding-left: 95px } .pl-100-xl { padding-left: 100px } .pl-105-xl { padding-left: 105px } .pl-110-xl { padding-left: 110px } .pl-115-xl { padding-left: 115px } .pl-120-xl { padding-left: 120px } .pl-125-xl { padding-left: 125px } .pl-130-xl { padding-left: 130px } .pl-135-xl { padding-left: 135px } .pl-140-xl { padding-left: 140px } .pl-145-xl { padding-left: 145px } .pl-150-xl { padding-left: 150px } .pb-0-xl { padding-bottom: 0px } .pb-5-xl { padding-bottom: 5px } .pb-10-xl { padding-bottom: 10px } .pb-15-xl { padding-bottom: 15px } .pb-20-xl { padding-bottom: 20px } .pb-25-xl { padding-bottom: 25px } .pb-30-xl { padding-bottom: 30px } .pb-35-xl { padding-bottom: 35px } .pb-40-xl { padding-bottom: 40px } .pb-45-xl { padding-bottom: 45px } .pb-50-xl { padding-bottom: 50px } .pb-55-xl { padding-bottom: 55px } .pb-60-xl { padding-bottom: 60px } .pb-65-xl { padding-bottom: 65px } .pb-70-xl { padding-bottom: 70px } .pb-75-xl { padding-bottom: 75px } .pb-80-xl { padding-bottom: 80px } .pb-85-xl { padding-bottom: 85px } .pb-90-xl { padding-bottom: 90px } .pb-95-xl { padding-bottom: 95px } .pb-100-xl { padding-bottom: 100px } .pb-105-xl { padding-bottom: 105px } .pb-110-xl { padding-bottom: 110px } .pb-115-xl { padding-bottom: 115px } .pb-120-xl { padding-bottom: 120px } .pb-125-xl { padding-bottom: 125px } .pb-130-xl { padding-bottom: 130px } .pb-135-xl { padding-bottom: 135px } .pb-140-xl { padding-bottom: 140px } .pb-145-xl { padding-bottom: 145px } .pb-150-xl { padding-bottom: 150px } .pr-0-xl { padding-right: 0px } .pr-5-xl { padding-right: 5px } .pr-10-xl { padding-right: 10px } .pr-15-xl { padding-right: 15px } .pr-20-xl { padding-right: 20px } .pr-25-xl { padding-right: 25px } .pr-30-xl { padding-right: 30px } .pr-35-xl { padding-right: 35px } .pr-40-xl { padding-right: 40px } .pr-45-xl { padding-right: 45px } .pr-50-xl { padding-right: 50px } .pr-55-xl { padding-right: 55px } .pr-60-xl { padding-right: 60px } .pr-65-xl { padding-right: 65px } .pr-70-xl { padding-right: 70px } .pr-75-xl { padding-right: 75px } .pr-80-xl { padding-right: 80px } .pr-85-xl { padding-right: 85px } .pr-90-xl { padding-right: 90px } .pr-95-xl { padding-right: 95px } .pr-100-xl { padding-right: 100px } .pr-105-xl { padding-right: 105px } .pr-110-xl { padding-right: 110px } .pr-115-xl { padding-right: 115px } .pr-120-xl { padding-right: 120px } .pr-125-xl { padding-right: 125px } .pr-130-xl { padding-right: 130px } .pr-135-xl { padding-right: 135px } .pr-140-xl { padding-right: 140px } .pr-145-xl { padding-right: 145px } .pr-150-xl { padding-right: 150px } } .mt--150 { margin-top: -150px !important } .mt--145 { margin-top: -145px !important } .mt--140 { margin-top: -140px !important } .mt--135 { margin-top: -135px !important } .mt--130 { margin-top: -130px !important } .mt--125 { margin-top: -125px !important } .mt--120 { margin-top: -120px !important } .mt--115 { margin-top: -115px !important } .mt--110 { margin-top: -110px !important } .mt--105 { margin-top: -105px !important } .mt--100 { margin-top: -100px !important } .mt--95 { margin-top: -95px !important } .mt--90 { margin-top: -90px !important } .mt--85 { margin-top: -85px !important } .mt--80 { margin-top: -80px !important } .mt--75 { margin-top: -75px !important } .mt--70 { margin-top: -70px !important } .mt--65 { margin-top: -65px !important } .mt--60 { margin-top: -60px !important } .mt--55 { margin-top: -55px !important } .mt--50 { margin-top: -50px !important } .mt--45 { margin-top: -45px !important } .mt--40 { margin-top: -40px !important } .mt--35 { margin-top: -35px !important } .mt--30 { margin-top: -30px !important } .mt--25 { margin-top: -25px !important } .mt--20 { margin-top: -20px !important } .mt--15 { margin-top: -15px !important } .mt--10 { margin-top: -10px !important } .mt--5 { margin-top: -5px !important } .mt-0 { margin-top: 0px !important } .mt-5 { margin-top: 5px !important } .mt-10 { margin-top: 10px !important } .mt-15 { margin-top: 15px !important } .mt-20 { margin-top: 20px !important } .mt-25 { margin-top: 25px !important } .mt-30 { margin-top: 30px !important } .mt-35 { margin-top: 35px !important } .mt-40 { margin-top: 40px !important } .mt-45 { margin-top: 45px !important } .mt-50 { margin-top: 50px !important } .mt-55 { margin-top: 55px !important } .mt-60 { margin-top: 60px !important } .mt-65 { margin-top: 65px !important } .mt-70 { margin-top: 70px !important } .mt-75 { margin-top: 75px !important } .mt-80 { margin-top: 80px !important } .mt-85 { margin-top: 85px !important } .mt-90 { margin-top: 90px !important } .mt-95 { margin-top: 95px !important } .mt-100 { margin-top: 100px !important } .mt-105 { margin-top: 105px !important } .mt-110 { margin-top: 110px !important } .mt-115 { margin-top: 115px !important } .mt-120 { margin-top: 120px !important } .mt-125 { margin-top: 125px !important } .mt-130 { margin-top: 130px !important } .mt-135 { margin-top: 135px !important } .mt-140 { margin-top: 140px !important } .mt-145 { margin-top: 145px !important } .mt-150 { margin-top: 150px !important } .ml--150 { margin-left: -150px !important } .ml--145 { margin-left: -145px !important } .ml--140 { margin-left: -140px !important } .ml--135 { margin-left: -135px !important } .ml--130 { margin-left: -130px !important } .ml--125 { margin-left: -125px !important } .ml--120 { margin-left: -120px !important } .ml--115 { margin-left: -115px !important } .ml--110 { margin-left: -110px !important } .ml--105 { margin-left: -105px !important } .ml--100 { margin-left: -100px !important } .ml--95 { margin-left: -95px !important } .ml--90 { margin-left: -90px !important } .ml--85 { margin-left: -85px !important } .ml--80 { margin-left: -80px !important } .ml--75 { margin-left: -75px !important } .ml--70 { margin-left: -70px !important } .ml--65 { margin-left: -65px !important } .ml--60 { margin-left: -60px !important } .ml--55 { margin-left: -55px !important } .ml--50 { margin-left: -50px !important } .ml--45 { margin-left: -45px !important } .ml--40 { margin-left: -40px !important } .ml--35 { margin-left: -35px !important } .ml--30 { margin-left: -30px !important } .ml--25 { margin-left: -25px !important } .ml--20 { margin-left: -20px !important } .ml--15 { margin-left: -15px !important } .ml--10 { margin-left: -10px !important } .ml--5 { margin-left: -5px !important } .ml-0 { margin-left: 0px !important } .ml-5 { margin-left: 5px !important } .ml-10 { margin-left: 10px !important } .ml-15 { margin-left: 15px !important } .ml-20 { margin-left: 20px !important } .ml-25 { margin-left: 25px !important } .ml-30 { margin-left: 30px !important } .ml-35 { margin-left: 35px !important } .ml-40 { margin-left: 40px !important } .ml-45 { margin-left: 45px !important } .ml-50 { margin-left: 50px !important } .ml-55 { margin-left: 55px !important } .ml-60 { margin-left: 60px !important } .ml-65 { margin-left: 65px !important } .ml-70 { margin-left: 70px !important } .ml-75 { margin-left: 75px !important } .ml-80 { margin-left: 80px !important } .ml-85 { margin-left: 85px !important } .ml-90 { margin-left: 90px !important } .ml-95 { margin-left: 95px !important } .ml-100 { margin-left: 100px !important } .ml-105 { margin-left: 105px !important } .ml-110 { margin-left: 110px !important } .ml-115 { margin-left: 115px !important } .ml-120 { margin-left: 120px !important } .ml-125 { margin-left: 125px !important } .ml-130 { margin-left: 130px !important } .ml-135 { margin-left: 135px !important } .ml-140 { margin-left: 140px !important } .ml-145 { margin-left: 145px !important } .ml-150 { margin-left: 150px !important } .mb--150 { margin-bottom: -150px !important } .mb--145 { margin-bottom: -145px !important } .mb--140 { margin-bottom: -140px !important } .mb--135 { margin-bottom: -135px !important } .mb--130 { margin-bottom: -130px !important } .mb--125 { margin-bottom: -125px !important } .mb--120 { margin-bottom: -120px !important } .mb--115 { margin-bottom: -115px !important } .mb--110 { margin-bottom: -110px !important } .mb--105 { margin-bottom: -105px !important } .mb--100 { margin-bottom: -100px !important } .mb--95 { margin-bottom: -95px !important } .mb--90 { margin-bottom: -90px !important } .mb--85 { margin-bottom: -85px !important } .mb--80 { margin-bottom: -80px !important } .mb--75 { margin-bottom: -75px !important } .mb--70 { margin-bottom: -70px !important } .mb--65 { margin-bottom: -65px !important } .mb--60 { margin-bottom: -60px !important } .mb--55 { margin-bottom: -55px !important } .mb--50 { margin-bottom: -50px !important } .mb--45 { margin-bottom: -45px !important } .mb--40 { margin-bottom: -40px !important } .mb--35 { margin-bottom: -35px !important } .mb--30 { margin-bottom: -30px !important } .mb--25 { margin-bottom: -25px !important } .mb--20 { margin-bottom: -20px !important } .mb--15 { margin-bottom: -15px !important } .mb--10 { margin-bottom: -10px !important } .mb--5 { margin-bottom: -5px !important } .mb-0 { margin-bottom: 0px !important } .mb-5 { margin-bottom: 5px !important } .mb-10 { margin-bottom: 10px !important } .mb-15 { margin-bottom: 15px !important } .mb-20 { margin-bottom: 20px !important } .mb-25 { margin-bottom: 25px !important } .mb-30 { margin-bottom: 30px !important } .mb-35 { margin-bottom: 35px !important } .mb-40 { margin-bottom: 40px !important } .mb-45 { margin-bottom: 45px !important } .mb-50 { margin-bottom: 50px !important } .mb-55 { margin-bottom: 55px !important } .mb-60 { margin-bottom: 60px !important } .mb-65 { margin-bottom: 65px !important } .mb-70 { margin-bottom: 70px !important } .mb-75 { margin-bottom: 75px !important } .mb-80 { margin-bottom: 80px !important } .mb-85 { margin-bottom: 85px !important } .mb-90 { margin-bottom: 90px !important } .mb-95 { margin-bottom: 95px !important } .mb-100 { margin-bottom: 100px !important } .mb-105 { margin-bottom: 105px !important } .mb-110 { margin-bottom: 110px !important } .mb-115 { margin-bottom: 115px !important } .mb-120 { margin-bottom: 120px !important } .mb-125 { margin-bottom: 125px !important } .mb-130 { margin-bottom: 130px !important } .mb-135 { margin-bottom: 135px !important } .mb-140 { margin-bottom: 140px !important } .mb-145 { margin-bottom: 145px !important } .mb-150 { margin-bottom: 150px !important } .mr--150 { margin-right: -150px !important } .mr--145 { margin-right: -145px !important } .mr--140 { margin-right: -140px !important } .mr--135 { margin-right: -135px !important } .mr--130 { margin-right: -130px !important } .mr--125 { margin-right: -125px !important } .mr--120 { margin-right: -120px !important } .mr--115 { margin-right: -115px !important } .mr--110 { margin-right: -110px !important } .mr--105 { margin-right: -105px !important } .mr--100 { margin-right: -100px !important } .mr--95 { margin-right: -95px !important } .mr--90 { margin-right: -90px !important } .mr--85 { margin-right: -85px !important } .mr--80 { margin-right: -80px !important } .mr--75 { margin-right: -75px !important } .mr--70 { margin-right: -70px !important } .mr--65 { margin-right: -65px !important } .mr--60 { margin-right: -60px !important } .mr--55 { margin-right: -55px !important } .mr--50 { margin-right: -50px !important } .mr--45 { margin-right: -45px !important } .mr--40 { margin-right: -40px !important } .mr--35 { margin-right: -35px !important } .mr--30 { margin-right: -30px !important } .mr--25 { margin-right: -25px !important } .mr--20 { margin-right: -20px !important } .mr--15 { margin-right: -15px !important } .mr--10 { margin-right: -10px !important } .mr--5 { margin-right: -5px !important } .mr-0 { margin-right: 0px !important } .mr-5 { margin-right: 5px !important } .mr-10 { margin-right: 10px !important } .mr-15 { margin-right: 15px !important } .mr-20 { margin-right: 20px !important } .mr-25 { margin-right: 25px !important } .mr-30 { margin-right: 30px !important } .mr-35 { margin-right: 35px !important } .mr-40 { margin-right: 40px !important } .mr-45 { margin-right: 45px !important } .mr-50 { margin-right: 50px !important } .mr-55 { margin-right: 55px !important } .mr-60 { margin-right: 60px !important } .mr-65 { margin-right: 65px !important } .mr-70 { margin-right: 70px !important } .mr-75 { margin-right: 75px !important } .mr-80 { margin-right: 80px !important } .mr-85 { margin-right: 85px !important } .mr-90 { margin-right: 90px !important } .mr-95 { margin-right: 95px !important } .mr-100 { margin-right: 100px !important } .mr-105 { margin-right: 105px !important } .mr-110 { margin-right: 110px !important } .mr-115 { margin-right: 115px !important } .mr-120 { margin-right: 120px !important } .mr-125 { margin-right: 125px !important } .mr-130 { margin-right: 130px !important } .mr-135 { margin-right: 135px !important } .mr-140 { margin-right: 140px !important } .mr-145 { margin-right: 145px !important } .mr-150 { margin-right: 150px !important } .pt-0 { padding-top: 0px !important } .pt-5 { padding-top: 5px !important } .pt-10 { padding-top: 10px !important } .pt-15 { padding-top: 15px !important } .pt-20 { padding-top: 20px !important } .pt-25 { padding-top: 25px !important } .pt-30 { padding-top: 30px !important } .pt-35 { padding-top: 35px !important } .pt-40 { padding-top: 40px !important } .pt-45 { padding-top: 45px !important } .pt-50 { padding-top: 50px !important } .pt-55 { padding-top: 55px !important } .pt-60 { padding-top: 60px !important } .pt-65 { padding-top: 65px !important } .pt-70 { padding-top: 70px !important } .pt-75 { padding-top: 75px !important } .pt-80 { padding-top: 80px !important } .pt-85 { padding-top: 85px !important } .pt-90 { padding-top: 90px !important } .pt-95 { padding-top: 95px !important } .pt-100 { padding-top: 100px !important } .pt-105 { padding-top: 105px !important } .pt-110 { padding-top: 110px !important } .pt-115 { padding-top: 115px !important } .pt-120 { padding-top: 120px !important } .pt-125 { padding-top: 125px !important } .pt-130 { padding-top: 130px !important } .pt-135 { padding-top: 135px !important } .pt-140 { padding-top: 140px !important } .pt-145 { padding-top: 145px !important } .pt-150 { padding-top: 150px !important } .pl-0 { padding-left: 0px !important } .pl-5 { padding-left: 5px !important } .pl-10 { padding-left: 10px !important } .pl-15 { padding-left: 15px !important } .pl-20 { padding-left: 20px !important } .pl-25 { padding-left: 25px !important } .pl-30 { padding-left: 30px !important } .pl-35 { padding-left: 35px !important } .pl-40 { padding-left: 40px !important } .pl-45 { padding-left: 45px !important } .pl-50 { padding-left: 50px !important } .pl-55 { padding-left: 55px !important } .pl-60 { padding-left: 60px !important } .pl-65 { padding-left: 65px !important } .pl-70 { padding-left: 70px !important } .pl-75 { padding-left: 75px !important } .pl-80 { padding-left: 80px !important } .pl-85 { padding-left: 85px !important } .pl-90 { padding-left: 90px !important } .pl-95 { padding-left: 95px !important } .pl-100 { padding-left: 100px !important } .pl-105 { padding-left: 105px !important } .pl-110 { padding-left: 110px !important } .pl-115 { padding-left: 115px !important } .pl-120 { padding-left: 120px !important } .pl-125 { padding-left: 125px !important } .pl-130 { padding-left: 130px !important } .pl-135 { padding-left: 135px !important } .pl-140 { padding-left: 140px !important } .pl-145 { padding-left: 145px !important } .pl-150 { padding-left: 150px !important } .pb-0 { padding-bottom: 0px !important } .pb-5 { padding-bottom: 5px !important } .pb-10 { padding-bottom: 10px !important } .pb-15 { padding-bottom: 15px !important } .pb-20 { padding-bottom: 20px !important } .pb-25 { padding-bottom: 25px !important } .pb-30 { padding-bottom: 30px !important } .pb-35 { padding-bottom: 35px !important } .pb-40 { padding-bottom: 40px !important } .pb-45 { padding-bottom: 45px !important } .pb-50 { padding-bottom: 50px !important } .pb-55 { padding-bottom: 55px !important } .pb-60 { padding-bottom: 60px !important } .pb-65 { padding-bottom: 65px !important } .pb-70 { padding-bottom: 70px !important } .pb-75 { padding-bottom: 75px !important } .pb-80 { padding-bottom: 80px !important } .pb-85 { padding-bottom: 85px !important } .pb-90 { padding-bottom: 90px !important } .pb-95 { padding-bottom: 95px !important } .pb-100 { padding-bottom: 100px !important } .pb-105 { padding-bottom: 105px !important } .pb-110 { padding-bottom: 110px !important } .pb-115 { padding-bottom: 115px !important } .pb-120 { padding-bottom: 120px !important } .pb-125 { padding-bottom: 125px !important } .pb-130 { padding-bottom: 130px !important } .pb-135 { padding-bottom: 135px !important } .pb-140 { padding-bottom: 140px !important } .pb-145 { padding-bottom: 145px !important } .pb-150 { padding-bottom: 150px !important } .pr-0 { padding-right: 0px !important } .pr-5 { padding-right: 5px !important } .pr-10 { padding-right: 10px !important } .pr-15 { padding-right: 15px !important } .pr-20 { padding-right: 20px !important } .pr-25 { padding-right: 25px !important } .pr-30 { padding-right: 30px !important } .pr-35 { padding-right: 35px !important } .pr-40 { padding-right: 40px !important } .pr-45 { padding-right: 45px !important } .pr-50 { padding-right: 50px !important } .pr-55 { padding-right: 55px !important } .pr-60 { padding-right: 60px !important } .pr-65 { padding-right: 65px !important } .pr-70 { padding-right: 70px !important } .pr-75 { padding-right: 75px !important } .pr-80 { padding-right: 80px !important } .pr-85 { padding-right: 85px !important } .pr-90 { padding-right: 90px !important } .pr-95 { padding-right: 95px !important } .pr-100 { padding-right: 100px !important } .pr-105 { padding-right: 105px !important } .pr-110 { padding-right: 110px !important } .pr-115 { padding-right: 115px !important } .pr-120 { padding-right: 120px !important } .pr-125 { padding-right: 125px !important } .pr-130 { padding-right: 130px !important } .pr-135 { padding-right: 135px !important } .pr-140 { padding-right: 140px !important } .pr-145 { padding-right: 145px !important } .pr-150 { padding-right: 150px !important } .nomargin { margin: 0 !important } .nopadding { padding: 0 !important } .uppercase { text-transform: uppercase !important } .lowercase { text-transform: lowercase !important } .normalcase { text-transform: none !important } .text-hide { font: 0/0 a; text-shadow: none; color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); border: 0 } .text-left-xs { text-align: left } .text-right-xs { text-align: right } .text-center-xs { text-align: center } @media (min-width: 480px) { .text-left-sm { text-align: left } .text-right-sm { text-align: right } .text-center-sm { text-align: center } } @media (min-width: 768px) { .text-left-md { text-align: left } .text-right-md { text-align: right } .text-center-md { text-align: center } } @media (min-width: 992px) { .text-left-lg { text-align: left } .text-right-lg { text-align: right } .text-center-lg { text-align: center } } @media (min-width: 1200px) { .text-left-xl { text-align: left } .text-right-xl { text-align: right } .text-center-xl { text-align: center } } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .visible-xs, .visible-xs-inline, .visible-xs-inline-block, .visible-sm, .visible-sm-inline, .visible-sm-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg, .visible-lg-inline, .visible-lg-inline-block, .visible-xl, .visible-xl-inline, .visible-xl-inline-block { display: none !important } @media (max-width: 479px) { .visible-xs { display: block !important } table.visible-xs { display: table !important } tr.visible-xs { display: table-row !important } th.visible-xs, td.visible-xs { display: table-cell !important } .visible-xs-inline { display: inline !important } .visible-xs-inline-block { display: inline-block !important } .hidden-xs { display: none !important } } @media (min-width: 480px)and (max-width: 767px) { .visible-sm { display: block !important } table.visible-sm { display: table !important } tr.visible-sm { display: table-row !important } th.visible-sm, td.visible-sm { display: table-cell !important } .visible-sm-inline { display: inline !important } .visible-sm-inline-block { display: inline-block !important } .hidden-sm { display: none !important } } @media (min-width: 768px)and (max-width: 991px) { .visible-md { display: block !important } table.visible-md { display: table !important } tr.visible-md { display: table-row !important } th.visible-md, td.visible-md { display: table-cell !important } .visible-md-inline { display: inline !important } .visible-md-inline-block { display: inline-block !important } .hidden-md { display: none !important } } @media (min-width: 992px)and (max-width: 1199px) { .visible-lg { display: block !important } table.visible-lg { display: table !important } tr.visible-lg { display: table-row !important } th.visible-lg, td.visible-lg { display: table-cell !important } .visible-lg-inline { display: inline !important } .visible-lg-inline-block { display: inline-block !important } .hidden-lg { display: none !important } } @media (min-width: 1200px) { .visible-xl { display: block !important } table.visible-xl { display: table !important } tr.visible-xl { display: table-row !important } th.visible-xl, td.visible-xl { display: table-cell !important } .visible-xl-inline { display: inline !important } .visible-xl-inline-block { display: inline-block !important } .hidden-xl { display: none !important } } .visible { display: block !important } .visible-inline { display: inline !important } .visible-inline-block { display: inline-block !important } .hidden { display: none !important } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0) } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform, -webkit-transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33) } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: #007aff } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0) } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25) } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25) } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1) } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px } /*! * Button visually impaired bvi.css v1.0.5 */ body .bvi-body { padding: 0; margin: 0; top: inherit !important; bottom: inherit !important; left: inherit !important; right: inherit !important; position: relative !important; color: inherit !important; font-size: inherit !important; overflow: inherit !important; z-index: inherit !important; background: transparent !important } body .bvi-body * { -webkit-box-sizing: border-box; box-sizing: border-box } body .bvi-body .bvi-text-center { text-align: center } body .bvi-body .bvi-hide { display: none !important } body .bvi-body .bvi-show { display: block !important } body .bvi-body .bvi-img-grayscale, body .bvi-body #bvi-img-grayscale { filter: url("data:image/svg+xml;utf8,#bvi-img-grayscale"); -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-filter: gray; filter: gray } body .bvi-body .bvi-img-off { border: 2px dashed !important; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; overflow: hidden; width: auto; word-break: break-all; word-wrap: break-word; text-align: center; 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; font-weight: bold } body .bvi-body.bvi-font-size, body .bvi-body.bvi-font-size * { word-wrap: break-word !important } body .bvi-body.bvi-color-white, body .bvi-body.bvi-color-white * { background-color: #fff !important; background-image: none !important; color: black !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; border-color: black !important } body .bvi-body.bvi-color-white:after, body .bvi-body.bvi-color-white *:after { background-color: #fff !important; background-image: none !important; color: black !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; border-color: black !important } body .bvi-body.bvi-color-white:before, body .bvi-body.bvi-color-white *:before { background-color: white !important; background-image: none !important; color: black !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; border-color: black !important } body .bvi-body.bvi-color-black, body .bvi-body.bvi-color-black * { background-color: black !important; background-image: none !important; color: white !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; border-color: white !important } body .bvi-body.bvi-color-black:after, body .bvi-body.bvi-color-black *:after { background-color: black !important; background-image: none !important; color: white !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; border-color: white !important } body .bvi-body.bvi-color-black:before, body .bvi-body.bvi-color-black *:before { background-color: black !important; background-image: none !important; color: white !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; border-color: white !important } body .bvi-body.bvi-color-blue, body .bvi-body.bvi-color-blue * { background-color: #9dd1ff !important; background-image: none !important; color: #063462 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; border-color: #063462 !important } body .bvi-body.bvi-color-blue:after, body .bvi-body.bvi-color-blue *:after { background-color: #9dd1ff !important; background-image: none !important; color: #063462 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; border-color: #063462 !important } body .bvi-body.bvi-color-blue:before, body .bvi-body.bvi-color-blue *:before { background-color: #9dd1ff !important; background-image: none !important; color: #063462 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; border-color: #063462 !important } body .bvi-body.bvi-color-brown, body .bvi-body.bvi-color-brown * { background-color: #f7f3d6 !important; background-image: none !important; color: #4d4b43 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; border-color: #4d4b43 !important } body .bvi-body.bvi-color-brown:after, body .bvi-body.bvi-color-brown *:after { background-color: #f7f3d6 !important; background-image: none !important; color: #4d4b43 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; border-color: #4d4b43 !important } body .bvi-body.bvi-color-brown:before, body .bvi-body.bvi-color-brown *:before { background-color: #f7f3d6 !important; background-image: none !important; color: #4d4b43 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; border-color: #4d4b43 !important } body .bvi-body.bvi-color-green, body .bvi-body.bvi-color-green * { background-color: #3b2716 !important; background-image: none !important; color: #a9e44d !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; border-color: #a9e44d !important } body .bvi-body.bvi-color-green:after, body .bvi-body.bvi-color-green *:after { background-color: #3b2716 !important; background-image: none !important; color: #a9e44d !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; border-color: #a9e44d !important } body .bvi-body.bvi-color-green:before, body .bvi-body.bvi-color-green *:before { background-color: #3b2716 !important; background-image: none !important; color: #a9e44d !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; border-color: #a9e44d !important } .bvi-panel { top: 0; left: 0; right: 0; font-family: monospace; letter-spacing: 0; position: relative; text-shadow: none; text-align: center; margin: 0 auto; line-height: normal; border: 0; font-size: 14px; z-index: 9999999 } @media (max-width: 768px) { .bvi-panel { font-size: 12px } .bvi-panel .bvi-btn { padding: 4px 9px !important } .bvi-panel .bvi-title-text { font-size: 12px !important; font-weight: 400 } .bvi-panel .bvi-title { margin-top: 13px; border: 1px solid #b9b9b9; background: #d7d7d7 } } .bvi-panel a { text-decoration: none } .bvi-panel #bvi-letter-spacing-average { letter-spacing: 2px } .bvi-panel #bvi-letter-spacing-big { letter-spacing: 4px } .bvi-panel #bvi-font-family-times-new-roman { font-family: "Times New Roman" } .bvi-panel .bvi-text-center { text-align: center } .bvi-panel .bvi-container { margin-right: auto; margin-left: auto; padding-left: 0; padding-right: 0 } @media (min-width: 768px) { .bvi-panel .bvi-container { width: 720px } } @media (min-width: 992px) { .bvi-panel .bvi-container { width: 940px } } @media (min-width: 1200px) { .bvi-panel .bvi-container { width: 1140px } } .bvi-panel .bvi-container-fluid { margin-right: auto; margin-left: auto; padding-left: 0; padding-right: 0 } .bvi-panel .bvi-row { margin-left: 0; margin-right: 0 } .bvi-panel .bvi-col-xs-1, .bvi-col-sm-1, .bvi-col-md-1, .bvi-col-lg-1, .bvi-col-xs-2, .bvi-col-sm-2, .bvi-col-md-2, .bvi-col-lg-2, .bvi-col-xs-3, .bvi-col-sm-3, .bvi-col-md-3, .bvi-col-lg-3, .bvi-col-xs-4, .bvi-col-sm-4, .bvi-col-md-4, .bvi-col-lg-4, .bvi-col-xs-5, .bvi-col-sm-5, .bvi-col-md-5, .bvi-col-lg-5, .bvi-col-xs-6, .bvi-col-sm-6, .bvi-col-md-6, .bvi-col-lg-6, .bvi-col-xs-7, .bvi-col-sm-7, .bvi-col-md-7, .bvi-col-lg-7, .bvi-col-xs-8, .bvi-col-sm-8, .bvi-col-md-8, .bvi-col-lg-8, .bvi-col-xs-9, .bvi-col-sm-9, .bvi-col-md-9, .bvi-col-lg-9, .bvi-col-xs-10, .bvi-col-sm-10, .bvi-col-md-10, .bvi-col-lg-10, .bvi-col-xs-11, .bvi-col-sm-11, .bvi-col-md-11, .bvi-col-lg-11, .bvi-col-xs-12, .bvi-col-sm-12, .bvi-col-md-12, .bvi-col-lg-12 { position: relative; min-height: 1px; padding-left: 0; padding-right: 0 } .bvi-panel .bvi-col-xs-1, .bvi-col-xs-2, .bvi-col-xs-3, .bvi-col-xs-4, .bvi-col-xs-5, .bvi-col-xs-6, .bvi-col-xs-7, .bvi-col-xs-8, .bvi-col-xs-9, .bvi-col-xs-10, .bvi-col-xs-11, .bvi-col-xs-12 { float: left } .bvi-panel .bvi-col-xs-12 { width: 100% } .bvi-panel .bvi-col-xs-11 { width: 91.66666667% } .bvi-panel .bvi-col-xs-10 { width: 83.33333333% } .bvi-panel .bvi-col-xs-9 { width: 75% } .bvi-panel .bvi-col-xs-8 { width: 66.66666667% } .bvi-panel .bvi-col-xs-7 { width: 58.33333333% } .bvi-panel .bvi-col-xs-6 { width: 50% } .bvi-panel .bvi-col-xs-5 { width: 41.66666667% } .bvi-panel .bvi-col-xs-4 { width: 33.33333333% } .bvi-panel .bvi-col-xs-3 { width: 25% } .bvi-panel .bvi-col-xs-2 { width: 16.66666667% } .bvi-panel .bvi-col-xs-1 { width: 8.33333333% } .bvi-panel .bvi-col-xs-pull-12 { right: 100% } .bvi-panel .bvi-col-xs-pull-11 { right: 91.66666667% } .bvi-panel .bvi-col-xs-pull-10 { right: 83.33333333% } .bvi-panel .bvi-col-xs-pull-9 { right: 75% } .bvi-panel .bvi-col-xs-pull-8 { right: 66.66666667% } .bvi-panel .bvi-col-xs-pull-7 { right: 58.33333333% } .bvi-panel .bvi-col-xs-pull-6 { right: 50% } .bvi-panel .bvi-col-xs-pull-5 { right: 41.66666667% } .bvi-panel .bvi-col-xs-pull-4 { right: 33.33333333% } .bvi-panel .bvi-col-xs-pull-3 { right: 25% } .bvi-panel .bvi-col-xs-pull-2 { right: 16.66666667% } .bvi-panel .bvi-col-xs-pull-1 { right: 8.33333333% } .bvi-panel .bvi-col-xs-pull-0 { right: auto } .bvi-panel .bvi-col-xs-push-12 { left: 100% } .bvi-panel .bvi-col-xs-push-11 { left: 91.66666667% } .bvi-panel .bvi-col-xs-push-10 { left: 83.33333333% } .bvi-panel .bvi-col-xs-push-9 { left: 75% } .bvi-panel .bvi-col-xs-push-8 { left: 66.66666667% } .bvi-panel .bvi-col-xs-push-7 { left: 58.33333333% } .bvi-panel .bvi-col-xs-push-6 { left: 50% } .bvi-panel .bvi-col-xs-push-5 { left: 41.66666667% } .bvi-panel .bvi-col-xs-push-4 { left: 33.33333333% } .bvi-panel .bvi-col-xs-push-3 { left: 25% } .bvi-panel .bvi-col-xs-push-2 { left: 16.66666667% } .bvi-panel .bvi-col-xs-push-1 { left: 8.33333333% } .bvi-panel .bvi-col-xs-push-0 { left: auto } .bvi-panel .bvi-col-xs-offset-12 { margin-left: 100% } .bvi-panel .bvi-col-xs-offset-11 { margin-left: 91.66666667% } .bvi-panel .bvi-col-xs-offset-10 { margin-left: 83.33333333% } .bvi-panel .bvi-col-xs-offset-9 { margin-left: 75% } .bvi-panel .bvi-col-xs-offset-8 { margin-left: 66.66666667% } .bvi-panel .bvi-col-xs-offset-7 { margin-left: 58.33333333% } .bvi-panel .bvi-col-xs-offset-6 { margin-left: 50% } .bvi-panel .bvi-col-xs-offset-5 { margin-left: 41.66666667% } .bvi-panel .bvi-col-xs-offset-4 { margin-left: 33.33333333% } .bvi-panel .bvi-col-xs-offset-3 { margin-left: 25% } .bvi-panel .bvi-col-xs-offset-2 { margin-left: 16.66666667% } .bvi-panel .bvi-col-xs-offset-1 { margin-left: 8.33333333% } .bvi-panel .bvi-col-xs-offset-0 { margin-left: 0 } @media (min-width: 768px) { .bvi-panel .bvi-col-sm-1, .bvi-col-sm-2, .bvi-col-sm-3, .bvi-col-sm-4, .bvi-col-sm-5, .bvi-col-sm-6, .bvi-col-sm-7, .bvi-col-sm-8, .bvi-col-sm-9, .bvi-col-sm-10, .bvi-col-sm-11, .bvi-col-sm-12 { float: left } .bvi-panel .bvi-col-sm-12 { width: 100% } .bvi-panel .bvi-col-sm-11 { width: 91.66666667% } .bvi-panel .bvi-col-sm-10 { width: 83.33333333% } .bvi-panel .bvi-col-sm-9 { width: 75% } .bvi-panel .bvi-col-sm-8 { width: 66.66666667% } .bvi-panel .bvi-col-sm-7 { width: 58.33333333% } .bvi-panel .bvi-col-sm-6 { width: 50% } .bvi-panel .bvi-col-sm-5 { width: 41.66666667% } .bvi-panel .bvi-col-sm-4 { width: 33.33333333% } .bvi-panel .bvi-col-sm-3 { width: 25% } .bvi-panel .bvi-col-sm-2 { width: 16.66666667% } .bvi-panel .bvi-col-sm-1 { width: 8.33333333% } .bvi-panel .bvi-col-sm-pull-12 { right: 100% } .bvi-panel .bvi-col-sm-pull-11 { right: 91.66666667% } .bvi-panel .bvi-col-sm-pull-10 { right: 83.33333333% } .bvi-panel .bvi-col-sm-pull-9 { right: 75% } .bvi-panel .bvi-col-sm-pull-8 { right: 66.66666667% } .bvi-panel .bvi-col-sm-pull-7 { right: 58.33333333% } .bvi-panel .bvi-col-sm-pull-6 { right: 50% } .bvi-panel .bvi-col-sm-pull-5 { right: 41.66666667% } .bvi-panel .bvi-col-sm-pull-4 { right: 33.33333333% } .bvi-panel .bvi-col-sm-pull-3 { right: 25% } .bvi-panel .bvi-col-sm-pull-2 { right: 16.66666667% } .bvi-panel .bvi-col-sm-pull-1 { right: 8.33333333% } .bvi-panel .bvi-col-sm-pull-0 { right: auto } .bvi-panel .bvi-col-sm-push-12 { left: 100% } .bvi-panel .bvi-col-sm-push-11 { left: 91.66666667% } .bvi-panel .bvi-col-sm-push-10 { left: 83.33333333% } .bvi-panel .bvi-col-sm-push-9 { left: 75% } .bvi-panel .bvi-col-sm-push-8 { left: 66.66666667% } .bvi-panel .bvi-col-sm-push-7 { left: 58.33333333% } .bvi-panel .bvi-col-sm-push-6 { left: 50% } .bvi-panel .bvi-col-sm-push-5 { left: 41.66666667% } .bvi-panel .bvi-col-sm-push-4 { left: 33.33333333% } .bvi-panel .bvi-col-sm-push-3 { left: 25% } .bvi-panel .bvi-col-sm-push-2 { left: 16.66666667% } .bvi-panel .bvi-col-sm-push-1 { left: 8.33333333% } .bvi-panel .bvi-col-sm-push-0 { left: auto } .bvi-panel .bvi-col-sm-offset-12 { margin-left: 100% } .bvi-panel .bvi-col-sm-offset-11 { margin-left: 91.66666667% } .bvi-panel .bvi-col-sm-offset-10 { margin-left: 83.33333333% } .bvi-panel .bvi-col-sm-offset-9 { margin-left: 75% } .bvi-panel .bvi-col-sm-offset-8 { margin-left: 66.66666667% } .bvi-panel .bvi-col-sm-offset-7 { margin-left: 58.33333333% } .bvi-panel .bvi-col-sm-offset-6 { margin-left: 50% } .bvi-panel .bvi-col-sm-offset-5 { margin-left: 41.66666667% } .bvi-panel .bvi-col-sm-offset-4 { margin-left: 33.33333333% } .bvi-panel .bvi-col-sm-offset-3 { margin-left: 25% } .bvi-panel .bvi-col-sm-offset-2 { margin-left: 16.66666667% } .bvi-panel .bvi-col-sm-offset-1 { margin-left: 8.33333333% } .bvi-panel .bvi-col-sm-offset-0 { margin-left: 0 } } @media (min-width: 992px) { .bvi-panel .bvi-col-md-1, .bvi-col-md-2, .bvi-col-md-3, .bvi-col-md-4, .bvi-col-md-5, .bvi-col-md-6, .bvi-col-md-7, .bvi-col-md-8, .bvi-col-md-9, .bvi-col-md-10, .bvi-col-md-11, .bvi-col-md-12 { float: left } .bvi-panel .bvi-col-md-12 { width: 100% } .bvi-panel .bvi-col-md-11 { width: 91.66666667% } .bvi-panel .bvi-col-md-10 { width: 83.33333333% } .bvi-panel .bvi-col-md-9 { width: 75% } .bvi-panel .bvi-col-md-8 { width: 66.66666667% } .bvi-panel .bvi-col-md-7 { width: 58.33333333% } .bvi-panel .bvi-col-md-6 { width: 50% } .bvi-panel .bvi-col-md-5 { width: 41.66666667% } .bvi-panel .bvi-col-md-4 { width: 33.33333333% } .bvi-panel .bvi-col-md-3 { width: 25% } .bvi-panel .bvi-col-md-2 { width: 16.66666667% } .bvi-panel .bvi-col-md-1 { width: 8.33333333% } .bvi-panel .bvi-col-md-pull-12 { right: 100% } .bvi-panel .bvi-col-md-pull-11 { right: 91.66666667% } .bvi-panel .bvi-col-md-pull-10 { right: 83.33333333% } .bvi-panel .bvi-col-md-pull-9 { right: 75% } .bvi-panel .bvi-col-md-pull-8 { right: 66.66666667% } .bvi-panel .bvi-col-md-pull-7 { right: 58.33333333% } .bvi-panel .bvi-col-md-pull-6 { right: 50% } .bvi-panel .bvi-col-md-pull-5 { right: 41.66666667% } .bvi-panel .bvi-col-md-pull-4 { right: 33.33333333% } .bvi-panel .bvi-col-md-pull-3 { right: 25% } .bvi-panel .bvi-col-md-pull-2 { right: 16.66666667% } .bvi-panel .bvi-col-md-pull-1 { right: 8.33333333% } .bvi-panel .bvi-col-md-pull-0 { right: auto } .bvi-panel .bvi-col-md-push-12 { left: 100% } .bvi-panel .bvi-col-md-push-11 { left: 91.66666667% } .bvi-panel .bvi-col-md-push-10 { left: 83.33333333% } .bvi-panel .bvi-col-md-push-9 { left: 75% } .bvi-panel .bvi-col-md-push-8 { left: 66.66666667% } .bvi-panel .bvi-col-md-push-7 { left: 58.33333333% } .bvi-panel .bvi-col-md-push-6 { left: 50% } .bvi-panel .bvi-col-md-push-5 { left: 41.66666667% } .bvi-panel .bvi-col-md-push-4 { left: 33.33333333% } .bvi-panel .bvi-col-md-push-3 { left: 25% } .bvi-panel .bvi-col-md-push-2 { left: 16.66666667% } .bvi-panel .bvi-col-md-push-1 { left: 8.33333333% } .bvi-panel .bvi-col-md-push-0 { left: auto } .bvi-panel .bvi-col-md-offset-12 { margin-left: 100% } .bvi-panel .bvi-col-md-offset-11 { margin-left: 91.66666667% } .bvi-panel .bvi-col-md-offset-10 { margin-left: 83.33333333% } .bvi-panel .bvi-col-md-offset-9 { margin-left: 75% } .bvi-panel .bvi-col-md-offset-8 { margin-left: 66.66666667% } .bvi-panel .bvi-col-md-offset-7 { margin-left: 58.33333333% } .bvi-panel .bvi-col-md-offset-6 { margin-left: 50% } .bvi-panel .bvi-col-md-offset-5 { margin-left: 41.66666667% } .bvi-panel .bvi-col-md-offset-4 { margin-left: 33.33333333% } .bvi-panel .bvi-col-md-offset-3 { margin-left: 25% } .bvi-panel .bvi-col-md-offset-2 { margin-left: 16.66666667% } .bvi-panel .bvi-col-md-offset-1 { margin-left: 8.33333333% } .bvi-panel .bvi-col-md-offset-0 { margin-left: 0 } } @media (min-width: 1200px) { .bvi-panel .bvi-col-lg-1, .bvi-col-lg-2, .bvi-col-lg-3, .bvi-col-lg-4, .bvi-col-lg-5, .bvi-col-lg-6, .bvi-col-lg-7, .bvi-col-lg-8, .bvi-col-lg-9, .bvi-col-lg-10, .bvi-col-lg-11, .bvi-col-lg-12 { float: left } .bvi-panel .bvi-col-lg-12 { width: 100% } .bvi-panel .bvi-col-lg-11 { width: 91.66666667% } .bvi-panel .bvi-col-lg-10 { width: 83.33333333% } .bvi-panel .bvi-col-lg-9 { width: 75% } .bvi-panel .bvi-col-lg-8 { width: 66.66666667% } .bvi-panel .bvi-col-lg-7 { width: 58.33333333% } .bvi-panel .bvi-col-lg-6 { width: 50% } .bvi-panel .bvi-col-lg-5 { width: 41.66666667% } .bvi-panel .bvi-col-lg-4 { width: 33.33333333% } .bvi-panel .bvi-col-lg-3 { width: 25% } .bvi-panel .bvi-col-lg-2 { width: 16.66666667% } .bvi-panel .bvi-col-lg-1 { width: 8.33333333% } .bvi-panel .bvi-col-lg-pull-12 { right: 100% } .bvi-panel .bvi-col-lg-pull-11 { right: 91.66666667% } .bvi-panel .bvi-col-lg-pull-10 { right: 83.33333333% } .bvi-panel .bvi-col-lg-pull-9 { right: 75% } .bvi-panel .bvi-col-lg-pull-8 { right: 66.66666667% } .bvi-panel .bvi-col-lg-pull-7 { right: 58.33333333% } .bvi-panel .bvi-col-lg-pull-6 { right: 50% } .bvi-panel .bvi-col-lg-pull-5 { right: 41.66666667% } .bvi-panel .bvi-col-lg-pull-4 { right: 33.33333333% } .bvi-panel .bvi-col-lg-pull-3 { right: 25% } .bvi-panel .bvi-col-lg-pull-2 { right: 16.66666667% } .bvi-panel .bvi-col-lg-pull-1 { right: 8.33333333% } .bvi-panel .bvi-col-lg-pull-0 { right: auto } .bvi-panel .bvi-col-lg-push-12 { left: 100% } .bvi-panel .bvi-col-lg-push-11 { left: 91.66666667% } .bvi-panel .bvi-col-lg-push-10 { left: 83.33333333% } .bvi-panel .bvi-col-lg-push-9 { left: 75% } .bvi-panel .bvi-col-lg-push-8 { left: 66.66666667% } .bvi-panel .bvi-col-lg-push-7 { left: 58.33333333% } .bvi-panel .bvi-col-lg-push-6 { left: 50% } .bvi-panel .bvi-col-lg-push-5 { left: 41.66666667% } .bvi-panel .bvi-col-lg-push-4 { left: 33.33333333% } .bvi-panel .bvi-col-lg-push-3 { left: 25% } .bvi-panel .bvi-col-lg-push-2 { left: 16.66666667% } .bvi-panel .bvi-col-lg-push-1 { left: 8.33333333% } .bvi-panel .bvi-col-lg-push-0 { left: auto } .bvi-panel .bvi-col-lg-offset-12 { margin-left: 100% } .bvi-panel .bvi-col-lg-offset-11 { margin-left: 91.66666667% } .bvi-panel .bvi-col-lg-offset-10 { margin-left: 83.33333333% } .bvi-panel .bvi-col-lg-offset-9 { margin-left: 75% } .bvi-panel .bvi-col-lg-offset-8 { margin-left: 66.66666667% } .bvi-panel .bvi-col-lg-offset-7 { margin-left: 58.33333333% } .bvi-panel .bvi-col-lg-offset-6 { margin-left: 50% } .bvi-panel .bvi-col-lg-offset-5 { margin-left: 41.66666667% } .bvi-panel .bvi-col-lg-offset-4 { margin-left: 33.33333333% } .bvi-panel .bvi-col-lg-offset-3 { margin-left: 25% } .bvi-panel .bvi-col-lg-offset-2 { margin-left: 16.66666667% } .bvi-panel .bvi-col-lg-offset-1 { margin-left: 8.33333333% } .bvi-panel .bvi-col-lg-offset-0 { margin-left: 0 } } .bvi-panel.bvi-panel-fixed { top: 0; left: 0; right: 0; margin-bottom: 20px; margin-left: auto; margin-right: auto; position: fixed; z-index: 999999 } .bvi-panel .bvi-panel-menu * { -webkit-box-sizing: border-box; box-sizing: border-box } .bvi-panel .bvi-panel-menu { display: inline-block; width: 100% } .bvi-panel .bvi-rows { margin: 10px } .bvi-panel .bvi-bg { color: #000; background: #f8f8f8 !important; padding: 4px; border: 1px solid #fcfcfc; moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23); webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23) } .bvi-panel .bvi-title { font-weight: bold; font-size: larger; margin-bottom: 13px } .bvi-panel .bvi-title-text { margin-top: 13px; font-size: 16px; font-weight: 600 } .bvi-panel .bvi-settings { display: none } .bvi-panel .bvi-settings hr { border: 0; border-top: 1px solid #d8d8d8; margin-top: 2px; margin-bottom: 2px } .bvi-panel .bvi-settings .bvi-right { float: right } .bvi-panel .bvi-settings .bvi-left { float: left } .bvi-panel .bvi-copy a { color: #bebebe } .bvi-panel .bvi-copy a:hover, .bvi-panel .bvi-copy a:visited { color: #000; text-decoration: underline } .bvi-panel .bvi-btn { font-weight: bold; display: inline-block; padding: 8px 12px; margin-bottom: 0; line-height: 15px; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 0 } .bvi-panel .bvi-btn, .bvi-panel .bvi-btn:active, .bvi-panel .bvi-btn.active { background-color: #e6e6e6; outline: 0 } .bvi-panel .bvi-btn:focus, .bvi-panel .bvi-btn:active:focus, .bvi-panel .bvi-btn.active:focus, .bvi-panel .bvi-btn.focus, .bvi-panel .bvi-btn:active.focus, .bvi-panel .bvi-btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .bvi-panel .bvi-btn:hover, .bvi-panel .bvi-btn:focus, .bvi-panel .bvi-btn.focus { color: #333; text-decoration: none } .bvi-panel .bvi-btn:active, .bvi-panel .bvi-btn.active { background-color: #e6e6e6; outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) } .bvi-panel .bvi-btn.disabled, .bvi-panel .bvi-btn[disabled], fieldset[disabled] .bvi-panel .bvi-btn { cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none } a.bvi-panel .bvi-btn.disabled, fieldset[disabled] a.bvi-panel .bvi-btn { pointer-events: none } .bvi-panel .bvi-btn.bvi-btn-default { color: #000; background-color: #fff; border-color: #7d7d7d } .bvi-panel .bvi-btn.bvi-btn-default.active { position: relative; background-color: #e8e8e8; outline: 0; border-color: #7d7d7d } .bvi-panel .bvi-btn.bvi-btn-white { color: #000; background-color: #fff; border-color: #7d7d7d } .bvi-panel .bvi-btn.bvi-btn-white.active { position: relative; background-color: #fff; outline: 0; border-color: #7d7d7d } .bvi-panel .bvi-btn.bvi-btn-black { color: #fff; background-color: #000; border-color: #7d7d7d } .bvi-panel .bvi-btn.bvi-btn-black.active { position: relative; background-color: #000; outline: 0; border-color: #7d7d7d } .bvi-panel .bvi-btn.bvi-btn-blue { color: #063462; background-color: #9dd1ff; border-color: #7d7d7d } .bvi-panel .bvi-btn.bvi-btn-blue.active { position: relative; background-color: #9dd1ff; outline: 0; border-color: #7d7d7d } .bvi-panel .bvi-btn.bvi-btn-brown { color: #4d4b43; background-color: #f7f3d6; border-color: #7d7d7d } .bvi-panel .bvi-btn.bvi-btn-brown.active { position: relative; background-color: #f7f3d6; outline: 0; border-color: #7d7d7d } .bvi-panel .bvi-btn.bvi-btn-green { color: #a9e44d; background-color: #3b2716; border-color: #7d7d7d } .bvi-panel .bvi-btn.bvi-btn-green.active { position: relative; background-color: #3b2716; outline: 0; border-color: #7d7d7d } .bvi-panel .bvi-btn-group, .bvi-panel .bvi-btn-group-vertical { position: relative; display: inline-block; vertical-align: middle } .bvi-panel .bvi-btn-group > .bvi-btn, .bvi-panel .bvi-btn-group-vertical > .bvi-btn { position: relative; float: left } .bvi-panel .bvi-btn-group > .bvi-btn:hover, .bvi-panel .bvi-btn-group-vertical > .bvi-btn:hover, .bvi-panel .bvi-btn-group > .bvi-btn:focus, .bvi-panel .bvi-btn-group-vertical > .bvi-btn:focus, .bvi-panel .bvi-btn-group > .bvi-btn:active, .bvi-panel .bvi-btn-group-vertical > .bvi-btn:active, .bvi-panel .bvi-btn-group > .bvi-btn.active, .bvi-panel .bvi-btn-group-vertical > .bvi-btn.active { z-index: 2 } .bvi-panel .bvi-btn-group .bvi-btn + .bvi-btn, .bvi-panel .bvi-btn-group .bvi-btn + .bvi-btn-group, .bvi-panel .bvi-btn-group .bvi-btn-group + .bvi-btn, .bvi-panel .bvi-btn-group .bvi-btn-group + .bvi-btn-group { margin-left: -1px } .bvi-panel .bvi-btn-toolbar { margin-left: -5px } .bvi-panel .bvi-btn-toolbar .bvi-btn, .bvi-panel .bvi-btn-toolbar .bvi-btn-group, .bvi-panel .bvi-btn-toolbar .input-group { float: left } .bvi-panel .bvi-btn-toolbar > .bvi-btn, .bvi-panel .bvi-btn-toolbar > .bvi-btn-group, .bvi-panel .bvi-btn-toolbar > .input-group { margin-left: 5px } .bvi-panel .bvi-btn-group > .bvi-btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0 } .bvi-panel .bvi-btn-group > .bvi-btn:first-child { margin-left: 0 } .bvi-panel .bvi-btn-group > .bvi-btn:first-child:not(:last-child):not(.dropdown-toggle) { border-radius: 0 } .bvi-panel .bvi-btn-group > .bvi-btn:last-child:not(:first-child), .bvi-panel .bvi-btn-group > .dropdown-toggle:not(:first-child) { border-radius: 0 } .bvi-panel .bvi-btn-group > .bvi-btn-group { float: left } .bvi-panel .bvi-btn-group > .bvi-btn-group:not(:first-child):not(:last-child) > .bvi-btn { border-radius: 0 } .bvi-panel .bvi-btn-group > .bvi-btn-group:first-child:not(:last-child) > .bvi-btn:last-child, .bvi-panel .bvi-btn-group > .bvi-btn-group:first-child:not(:last-child) > .dropdown-toggle { border-radius: 0 } .bvi-panel .bvi-btn-group > .bvi-btn-group:last-child:not(:first-child) > .bvi-btn:first-child { border-radius: 0 } .bvi-panel .bvi-btn-block { display: block; width: 100% } .bvi-panel .bvi-btn-block + .bvi-btn-block { margin-top: 5px } @font-face { font-family: "Glyphicons Halflings"; src: url("/fonts/glyphicons/glyphicons-halflings-regular.eot"); src: url("/fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/glyphicons/glyphicons-halflings-regular.woff2") format("woff2"), url("/fonts/glyphicons/glyphicons-halflings-regular.woff") format("woff"), url("/fonts/glyphicons/glyphicons-halflings-regular.ttf") format("truetype"), url("/fonts/glyphicons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg") } .bvi-glyphicon { position: relative; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 100; font-size: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle } .bvi-glyphicon-volume-off:before { content: "" } .bvi-glyphicon-volume-down:before { content: "" } .bvi-glyphicon-volume-up:before { content: "" } .bvi-glyphicon-eye-open:before { content: "" } .bvi-glyphicon-eye-close:before { content: "" } .bvi-glyphicon-eye:before { content: "" } .bvi-glyphicon-cog:before { content: "" } .bvi-glyphicon-refresh:before { content: "" } .bvi-glyphicon-remove:before { content: "" } .bvi-glyphicon-picture:before { content: "" } .bvi-glyphicon-font:before { content: "" } .bvi-glyphicon-adjust:before { content: "" } .bvi-glyphicon-flash:before { content: "" } .bvi-animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } @-webkit-keyframes bvi-slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes bvi-slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .bvi-slideInDown { -webkit-animation-name: bvi-slideInDown; animation-name: bvi-slideInDown } @-webkit-keyframes bvi-fadeOutUp { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes bvi-fadeOutUp { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .bvi-fadeOutUp { -webkit-animation-name: bvi-fadeOutUp; animation-name: bvi-fadeOutUp } @-webkit-keyframes bvi-fadeOutUpBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .someclass:hover { background: #ff23b3 } .fancybox-enabled { overflow: hidden } .fancybox-enabled body { overflow: visible; height: 100% } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0) } .fancybox-container ~ .fancybox-container { z-index: 99992 } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch } .fancybox-bg { background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; -o-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); -o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71) } .fancybox-is-open .fancybox-bg { opacity: .87; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1) } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; -webkit-transition: opacity .25s, visibility 0s linear .25s; -o-transition: opacity .25s, visibility 0s linear .25s; transition: opacity .25s, visibility 0s linear .25s; -webkit-box-sizing: border-box; box-sizing: border-box } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; visibility: visible; -webkit-transition: opacity .25s, visibility 0s; -o-transition: opacity .25s, visibility 0s; transition: opacity .25s, visibility 0s } .fancybox-infobar { top: 0; left: 50%; margin-left: -79px } .fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, 0.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased } .fancybox-toolbar { top: 0; right: 0 } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translate3d(0, 0, 0) } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; -webkit-transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .fancybox-slide::before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0 } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block } .fancybox-slide--image { overflow: visible } .fancybox-slide--image::before { display: none } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000 } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #e5e3df } .fancybox-slide--next { z-index: 99995 } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: -webkit-zoom-out; cursor: zoom-out } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; cursor: zoom-in } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none } .fancybox-spaceball { z-index: 1 } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff } .fancybox-error { margin: 0; padding: 40px; width: 100%; max-width: 380px; background: #fff; cursor: default } .fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer } .fancybox-close-small:after { content: "×"; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial, "Helvetica Neue", Helvetica, sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; -webkit-transition: background .25s; -o-transition: background .25s; transition: background .25s; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2 } .fancybox-close-small:focus:after { outline: 1px dotted #888 } .fancybox-close-small:hover:after { color: #555; background: #eee } .fancybox-slide--iframe .fancybox-close-small { top: 0; right: -44px } .fancybox-slide--iframe .fancybox-close-small:after { background: transparent; font-size: 35px; color: #aaa } .fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff } .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 30px 0 30px; background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, rgba(0, 0, 0, 0.1)), color-stop(40%, rgba(0, 0, 0, 0.2)), color-stop(80%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.8))); background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all } .fancybox-caption a { color: #fff; text-decoration: underline } .fancybox-button { display: inline-block; position: relative; margin: 0; padding: 0; border: 0; width: 44px; height: 44px; line-height: 44px; text-align: center; background: transparent; color: #ddd; border-radius: 0; cursor: pointer; vertical-align: top; outline: none } .fancybox-button[disabled] { cursor: default; pointer-events: none } .fancybox-infobar__body, .fancybox-button { background: rgba(30, 30, 30, 0.6) } .fancybox-button:hover:not([disabled]) { color: #fff; background: rgba(0, 0, 0, 0.8) } .fancybox-button::before, .fancybox-button::after { content: ""; pointer-events: none; position: absolute; background-color: currentColor; color: currentColor; opacity: .9; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block } .fancybox-button[disabled]::before, .fancybox-button[disabled]::after { opacity: .3 } .fancybox-button--left::after, .fancybox-button--right::after { top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor } .fancybox-button--left::after { left: 20px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg) } .fancybox-button--right::after { right: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .fancybox-button--left { border-bottom-left-radius: 5px } .fancybox-button--right { border-bottom-right-radius: 5px } .fancybox-button--close::before, .fancybox-button--close::after { content: ""; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px) } .fancybox-button--close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .fancybox-button--close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .fancybox-arrow { position: absolute; top: 50%; margin: -50px 0 0 0; height: 100px; width: 54px; padding: 0; border: 0; outline: none; background: none; cursor: pointer; z-index: 99995; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s } .fancybox-arrow::after { content: ""; position: absolute; top: 28px; width: 44px; height: 44px; background-color: rgba(30, 30, 30, 0.8); background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; background-size: 24px 24px } .fancybox-arrow--right { right: 0 } .fancybox-arrow--left { left: 0; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1) } .fancybox-arrow--right::after, .fancybox-arrow--left::after { left: 0 } .fancybox-show-nav .fancybox-arrow { opacity: .6 } .fancybox-show-nav .fancybox-arrow[disabled] { opacity: .3 } .fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999 } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); -o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1) } .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0 } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0 } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) } .fancybox-fx-fade.fancybox-slide--current { opacity: 1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0 } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0 } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1 } .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0 } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); opacity: 0 } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1 } .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0 } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0 } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1 } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1) } @media all and (max-width: 800px) { .fancybox-infobar { left: 0; margin-left: 0 } .fancybox-button--left, .fancybox-button--right { display: none !important } .fancybox-caption { padding: 20px 0; margin: 0 } } .fancybox-button--fullscreen::before { width: 15px; height: 11px; left: calc(50% - 7px); top: calc(50% - 6px); border: 2px solid; background: none } .fancybox-button--play::before, .fancybox-button--pause::before { top: calc(50% - 6px); left: calc(50% - 4px); background: transparent } .fancybox-button--play::before { width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px } .fancybox-button--pause::before { width: 7px; height: 11px; border-style: solid; border-width: 0 2px 0 2px } .fancybox-thumbs { display: none } .fancybox-button--thumbs { display: none } @media all and (min-width: 800px) { .fancybox-button--thumbs { display: inline-block } .fancybox-button--thumbs span { font-size: 23px } .fancybox-button--thumbs::before { width: 3px; height: 3px; top: calc(50% - 2px); left: calc(50% - 2px); -webkit-box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0 } .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; word-break: normal; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 99995 } .fancybox-show-thumbs .fancybox-thumbs { display: block } .fancybox-show-thumbs .fancybox-inner { right: 220px } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0 } .fancybox-thumbs > ul > li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid transparent; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1) } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-thumbs > ul > li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; -webkit-transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1 } } .cocoen { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; line-height: 0; margin: 0; overflow: hidden; padding: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .cocoen * { -webkit-box-sizing: inherit; box-sizing: inherit } .cocoen ::after, .cocoen ::before { -webkit-box-sizing: inherit; box-sizing: inherit } .cocoen img, .cocoen picture > img { max-width: none } .cocoen > img, .cocoen > picture > img { display: block; width: 100% } .cocoen > div:first-child, picture .cocoen > div { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 50% } .cocoen-drag { background: #fff; bottom: 0; cursor: ew-resize; left: 50%; margin-left: -1px; position: absolute; top: 0; width: 2px } .cocoen-drag::before { border: 3px solid #fff; content: ""; height: 30px; left: 50%; margin-left: -7px; margin-top: -18px; position: absolute; top: 50%; width: 14px } @font-face { font-family: "Fira Sans"; font-weight: normal; font-style: italic; font-display: swap; src: url("/fonts/FiraSans/FiraSans-Italic.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-Italic.woff") format("woff"), url("/fonts/FiraSans/FiraSans-Italic.ttf") format("truetype") } @font-face { font-family: "Fira Sans"; font-weight: 200; font-style: normal; font-display: swap; src: url("/fonts/FiraSans/FiraSans-ExtraLight.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-ExtraLight.woff") format("woff"), url("/fonts/FiraSans/FiraSans-ExtraLight.ttf") format("truetype") } @font-face { font-family: "Fira Sans"; font-weight: 900; font-style: italic; font-display: swap; src: url("/fonts/FiraSans/FiraSans-HeavyItalic.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-HeavyItalic.woff") format("woff"), url("/fonts/FiraSans/FiraSans-HeavyItalic.ttf") format("truetype") } @font-face { font-family: "Fira Sans"; font-weight: 200; font-style: italic; font-display: swap; src: url("/fonts/FiraSans/FiraSans-ExtraLightItalic.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-ExtraLightItalic.woff") format("woff"), url("/fonts/FiraSans/FiraSans-ExtraLightItalic.ttf") format("truetype") } @font-face { font-family: "Fira Sans"; font-weight: bold; font-style: normal; font-display: swap; src: url("/fonts/FiraSans/FiraSans-Bold.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-Bold.woff") format("woff"), url("/fonts/FiraSans/FiraSans-Bold.ttf") format("truetype") } @font-face { font-family: "Fira Sans"; font-weight: 300; font-style: normal; font-display: swap; src: url("/fonts/FiraSans/FiraSans-Light.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-Light.woff") format("woff"), url("/fonts/FiraSans/FiraSans-Light.ttf") format("truetype") } @font-face { font-family: "Fira Sans"; font-weight: 900; font-style: normal; font-display: swap; src: url("/fonts/FiraSans/FiraSans-Heavy.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-Heavy.woff") format("woff"), url("/fonts/FiraSans/FiraSans-Heavy.ttf") format("truetype") } @font-face { font-family: "Fira Sans"; font-weight: normal; font-style: normal; font-display: swap; src: url("/fonts/FiraSans/FiraSans-Regular.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-Regular.woff") format("woff"), url("/fonts/FiraSans/FiraSans-Regular.ttf") format("truetype") } @font-face { font-family: "Fira Sans"; font-weight: 800; font-style: italic; font-display: swap; src: url("/fonts/FiraSans/FiraSans-ExtraBoldItalic.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-ExtraBoldItalic.woff") format("woff"), url("/fonts/FiraSans/FiraSans-ExtraBoldItalic.ttf") format("truetype") } @font-face { font-family: "Fira Sans"; font-weight: 600; font-style: normal; font-display: swap; src: url("/fonts/FiraSans/FiraSans-SemiBold.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-SemiBold.woff") format("woff"), url("/fonts/FiraSans/FiraSans-SemiBold.ttf") format("truetype") } @font-face { font-family: "Fira Sans"; font-weight: 200; font-style: italic; font-display: swap; src: url("/fonts/FiraSans/FiraSans-UltraLightItalic.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-UltraLightItalic.woff") format("woff"), url("/fonts/FiraSans/FiraSans-UltraLightItalic.ttf") format("truetype") } @font-face { font-family: "Fira Sans"; font-weight: 500; font-style: normal; font-display: swap; src: url("/fonts/FiraSans/FiraSans-Medium.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-Medium.woff") format("woff"), url("/fonts/FiraSans/FiraSans-Medium.ttf") format("truetype") } @font-face { font-family: "Fira Sans"; font-weight: bold; font-style: italic; font-display: swap; src: url("/fonts/FiraSans/FiraSans-BoldItalic.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-BoldItalic.woff") format("woff"), url("/fonts/FiraSans/FiraSans-BoldItalic.ttf") format("truetype") } @font-face { font-family: "Fira Sans"; font-weight: 100; font-style: normal; font-display: swap; src: url("/fonts/FiraSans/FiraSans-Thin.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-Thin.woff") format("woff"), url("/fonts/FiraSans/FiraSans-Thin.ttf") format("truetype") } @font-face { font-family: "Fira Sans"; font-weight: 800; font-style: normal; font-display: swap; src: url("/fonts/FiraSans/FiraSans-ExtraBold.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-ExtraBold.woff") format("woff"), url("/fonts/FiraSans/FiraSans-ExtraBold.ttf") format("truetype") } @font-face { font-family: "Fira Sans"; font-weight: 100; font-style: italic; font-display: swap; src: url("/fonts/FiraSans/FiraSans-ThinItalic.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-ThinItalic.woff") format("woff"), url("/fonts/FiraSans/FiraSans-ThinItalic.ttf") format("truetype") } @font-face { font-family: "Fira Sans"; font-weight: 300; font-style: italic; font-display: swap; src: url("/fonts/FiraSans/FiraSans-LightItalic.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-LightItalic.woff") format("woff"), url("/fonts/FiraSans/FiraSans-LightItalic.ttf") format("truetype") } @font-face { font-family: "Fira Sans"; font-weight: 600; font-style: italic; font-display: swap; src: url("/fonts/FiraSans/FiraSans-SemiBoldItalic.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-SemiBoldItalic.woff") format("woff"), url("/fonts/FiraSans/FiraSans-SemiBoldItalic.ttf") format("truetype") } @font-face { font-family: "Fira Sans"; font-weight: 500; font-style: italic; font-display: swap; src: url("/fonts/FiraSans/FiraSans-MediumItalic.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-MediumItalic.woff") format("woff"), url("/fonts/FiraSans/FiraSans-MediumItalic.ttf") format("truetype") } @font-face { font-family: "Fira Sans"; font-weight: 200; font-style: normal; font-display: swap; src: url("/fonts/FiraSans/FiraSans-UltraLight.woff2") format("woff2"), url("/fonts/FiraSans/FiraSans-UltraLight.woff") format("woff"), url("/fonts/FiraSans/FiraSans-UltraLight.ttf") format("truetype") } .header { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; pointer-events: none } .header .container { position: relative; z-index: 1 } @media (max-width: 767px) { .header .container { padding-left: 0 } } .header-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100% } @media (max-width: 700px) { .header-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .header-content__logo { -webkit-box-flex: 0; -ms-flex: 0 0 104px; flex: 0 0 104px; max-width: 104px; width: 104px; pointer-events: auto } @media (max-width: 1199px) { .header-content__logo { -webkit-box-flex: 0; -ms-flex: 0 0 73px; flex: 0 0 73px; max-width: 73px; width: 73px } } .header-content__logo a { display: inline-block; width: 100% } .header-content__logo svg { width: 100%; height: 100% } @media (max-width: 1199px) { .header-content__logo svg { height: 60px; y: 50px } } @media (max-width: 550px) { .header-content__logo svg { height: 40px } .header-content__logo svg rect { width: 136px; height: 136px } } @media (max-width: 340px) { .header-content__logo svg { max-height: 40px } .header-content__logo svg.mob-mini { display: block } } @media (min-width: 341px) { .header-content__logo svg.mob-mini { display: none } } .header-content__info { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 104px - 60px); flex: 0 0 calc(100% - 104px - 60px); max-width: calc(100% - 104px - 60px); width: calc(100% - 104px - 60px); margin-left: 40px; padding: 25px 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; pointer-events: auto; border-bottom: 2px solid rgba(255, 255, 255, .1) } @media (max-width: 1199px) { .header-content__info { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 73px); flex: 0 0 calc(100% - 73px); max-width: calc(100% - 73px); width: calc(100% - 73px); margin-left: 0; padding: 22px 0 20px 45px; border: none } } @media (max-width: 991px) { .header-content__info { padding: 22px 0 20px 22px } } @media (max-width: 840px) { .header-content__info { padding: 20px 0 20px 15px } } @media (max-width: 550px) { .header-content__info { padding: 8px 0 8px 5px } } @media (max-width: 1199px) { .header-content__info:before { position: absolute; top: 0; right: -40px; bottom: 0; left: -113px; content: ""; z-index: -1; background: #fff } } @media (max-width: 767px) { .header-content__info:before { position: absolute; top: 0; right: -15px; bottom: 0; left: -113px; content: "" } } .header-content__info .dropbtn { font-family: "Fira Sans"; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.2143; letter-spacing: .1em; width: 200px; text-transform: uppercase; display: block; color: #fff; border: none; cursor: pointer; background: rgba(0, 0, 0, 0); -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; text-align: left } @media (max-width: 1199px) { .header-content__info .dropbtn { color: #a6aab3 } } @media (max-width: 960px) { .header-content__info .dropbtn { max-width: 270px; width: 100% } } .header-content__info .dropbtn:hover { color: #d8dc3d; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } .header-content__info .dropbtn img { height: 20px; width: 20px; margin: -4px 5px 0px 0px } .header-content__info .dropbtn:hover, .header-content__info .dropbtn:focus { -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; background: rgba(0, 0, 0, 0) } .header-content__info_wrap { display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1200px) { .header-content__info_wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 80% } } @media (max-width: 1199px) { .header-content__info_wrap { -ms-flex-pack: distribute; justify-content: space-around; width: 100% } } @media (min-width: 1320px) { .header-content__info_wrap { width: 100% } } .header-content__info_wrap .dropdown { position: relative; display: inline-block } .header-content__info_wrap .dropdown-content { display: none; position: absolute; background-color: #fff; min-width: 160px; overflow: auto; -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, .2); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, .2); margin-top: 20px; z-index: 99 } .header-content__info_wrap .dropdown-content a { font-size: 18px; font-weight: 800; color: #333c50; display: block; padding: 3px 0px 0px } .header-content__info_wrap .dropdown-content.show { display: block; min-width: 200px } .header-content__info_wrap .dropdown-content .b_dd { color: #898989; padding: 12px 16px; text-decoration: none; font-family: "Fira Sans"; font-size: 12px; display: block } .header-content__info_wrap .dropdown-content .b_dd:hover { background-color: #ddd } .header-content__info_wrap .btn.in_heder { padding: 10px 21px; margin: -10px 0px; font-size: 12px; white-space: nowrap } @media (max-width: 1120px) { .header-content__info_wrap .btn.in_heder { padding: 10px } } .header-content__info_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (max-width: 864px) { .header-content__info_inner:first-child { display: none } } .header-content__info_inner:last-child .header-content__address { color: rgba(0, 0, 0, 0) } .header-content__info .city-mob-table { font-family: "Fira Sans"; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.2143; letter-spacing: .1em; text-transform: uppercase; color: #333c50 } @media (min-width: 1200px) { .header-content__info .city-mob-table { display: none } } @media (max-width: 1100px) { .header-content__info .city-mob-table { display: none } } @media (max-width: 940px) { .header-content__info .city-mob-table { font-size: 12px } } .header-content__address { font-family: "Fira Sans"; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.2143; letter-spacing: .1em; text-transform: uppercase; color: #fff } @media (max-width: 1199px) { .header-content__address { color: #333c50 } .header-content__address .city-big { display: none } } @media (min-width: 1200px) { .header-content__address { text-align: right } } @media (max-width: 940px) { .header-content__address { font-size: 12px; text-align: center } } @media (max-width: 840px) { .header-content__address { font-size: 10px } } @media (max-width: 340px) { .header-content__address { font-size: 8px } } .header-content__address:hover { color: #f4fa48 } .header-content__address .city { display: none } .header-content__street { margin-left: 27px; color: #a6aab3 } @media (max-width: 1199px) { .header-content__street { margin-left: 0 } } .header-content__address:hover .header-content__street { color: #f4fa48 } .header-phone { margin-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1200px) { .header-phone { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } } @media (max-width: 1199px) { .header-phone { margin-top: 4px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media (max-width: 550px) { .header-phone { font-size: 10px } } .header-phone__item { position: relative; margin-right: 55px; font-family: "Fira Sans"; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.2143; letter-spacing: .1em; text-transform: uppercase; color: #fff } @media (max-width: 1199px) { .header-phone__item { margin-right: 15px; padding-left: 35px; color: #333c50 } } @media (max-width: 767px) { .header-phone__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media (max-width: 600px) { .header-phone__item { margin-right: 0 } } @media (max-width: 350px) { .header-phone__item { font-size: 12px } } @media (max-width: 340px) { .header-phone__item { font-size: 10px; padding-left: 24px } } @media (max-width: 1199px) { .header-phone__item:not(:first-child) { display: none } } .header-phone__item:before { position: absolute; top: 50%; right: auto; bottom: auto; left: 0; content: ""; width: 29px; height: 24px; background-image: url(/images/header-phone.svg); background-repeat: no-repeat; background-position: bottom right; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media (min-width: 1200px) { .header-phone__item:before { content: none } } @media (max-width: 550px) { .header-phone__item:before { height: 20px } } @media (max-width: 340px) { .header-phone__item:before { width: 23px } } .header-phone__item span { padding: 0 5px; display: none; font-family: "Fira Sans"; font-size: 12px; font-weight: normal; font-style: normal; line-height: 150%; letter-spacing: normal; text-transform: initial; color: #333c50; border-bottom: 1px dashed #333c50 } @media (max-width: 1199px) { .header-phone__item span { margin-left: 5px } } @media (max-width: 767px) { .header-phone__item span { margin-left: 0 } } @media (max-width: 350px) { .header-phone__item span { font-size: 11px } } .header-phone__item:hover { color: #f4fa48 } .header-phone__item:last-child { margin-right: 0 } .header-fixed { position: absolute; top: 0; left: 50%; padding-top: 145px; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; max-width: 1140px; width: 100%; max-height: 850px; height: 100vh; pointer-events: auto; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media (max-width: 1199px) { .header-fixed { height: auto } } @media (max-width: 600px) { .header-fixed { padding-top: 120px } } .header-fixed:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; z-index: -1; background: -o-radial-gradient(0% 100%, 1403.67px, #58688b 0%, #31353E 100%), #31353e; background: radial-gradient(1403.67px at 0% 100%, #58688b 0%, #31353E 100%), #31353e; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in } .header-fixed:after { position: absolute; top: 76px; right: 0; bottom: 0; left: 0; content: ""; z-index: -1; background-image: url(/images/hashtag-1_bg.svg); background-repeat: no-repeat; background-position: bottom right; background-size: contain } @media (max-width: 991px) { .header-fixed:after { background-position: 70% bottom; background-size: cover } } .header-fixed.close { visibility: hidden; opacity: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .header-fixed.close:before { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) } .header-fixed__content { padding-right: 120px; padding-left: 180px } @media (max-width: 1199px) { .header-fixed__content { padding-right: 40px; padding-left: 160px } } @media (max-width: 767px) { .header-fixed__content { padding-right: 15px; padding-left: 45px } } @media (max-width: 600px) { .header-fixed__content { padding-left: 40px } } .header-fixed__bottom { position: relative; padding: 60px 0 } @media (max-width: 1199px) { .header-fixed__bottom { padding: 30px 0 50px } } @media (max-width: 767px) { .header-fixed__bottom { padding: 30px 0 } } .header-fixed__bottom:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: -o-radial-gradient(0% 100%, 1185.76px, #58688b 0%, #31353E 100%), #31353e; background: radial-gradient(1185.76px at 0% 100%, #58688b 0%, #31353E 100%), #31353e; opacity: .65 } @media (max-width: 1199px) { .header-fixed__bottom:before { border-top: 1px solid #676b73 } } .header-fixed__bottom .header-fixed__content { position: relative } .header-search__form { position: relative; padding-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid rgba(209, 223, 231, .5); border-radius: 4px; opacity: .7 } .header-search__input { max-width: 180px; width: 100%; font-family: "Fira Sans"; font-size: 14px; font-weight: normal; font-style: normal; line-height: 17px; text-transform: uppercase; color: rgba(209, 223, 231, .5); background-color: rgba(0, 0, 0, 0); border: none; outline: none } .header-search__btn { margin-left: 10px; width: 20px; height: 20px; background-color: rgba(0, 0, 0, 0); background-image: url(/images/header-search.svg); background-repeat: no-repeat; background-position: bottom right; background-size: contain; border: none; outline: none } .header-social { position: relative; padding: 40px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (max-width: 1199px) { .header-social { padding: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } @media (min-width: 1200px) { .header-social:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: -o-radial-gradient(-332.32% 150.67%, 600.3px, #58688b 0%, #31353E 100%), #31353e; background: radial-gradient(600.3px at -332.32% 150.67%, #58688b 0%, #31353E 100%), #31353e; opacity: .8 } } .header-social__item { position: relative; margin-top: 30px } @media (max-width: 1199px) { .header-social__item { margin-top: 20px } } @media (max-width: 600px) { .header-social__item { margin-top: 15px } } .header-social__item:first-child { margin-top: 0 } @media (max-width: 1199px) { .header-social__item-vk svg { width: 15px } } @media (max-width: 1199px) { .header-social__item-fb svg { width: 8px } } .header-social__text { font-family: "Fira Sans"; font-size: 12px; font-weight: 300; font-style: normal; line-height: 14px; color: #cbd3e4 } @media (min-width: 1200px) { .header-social__text { display: none } } @media (max-width: 350px) { .header-social__text { font-size: 10px } } .header-social__link { position: relative } @media (max-width: 1199px) { .header-social__link { padding-left: 20px } } @media (max-width: 1199px) { .header-social__link path { fill: #cbd3e4 } } .header-social__link:hover path { fill: #f4fa48 } @media (max-width: 1199px) { .header-social__link svg { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } } .header-social__link:hover .header-social__text { color: #f4fa48 } .header-tel { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 600px) { .header-tel { position: relative; padding-left: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap } } @media (max-width: 600px) { .header-tel:before { position: absolute; top: 0; right: auto; bottom: auto; left: 0; content: ""; width: 6px; height: 14px; background-image: url(/images/header-tel.svg); background-repeat: no-repeat; background-position: bottom right; background-size: contain } } .header-tel__item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50% } @media (max-width: 600px) { .header-tel__item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; margin-top: 10px } } .header-tel__item:first-child { margin-top: 0 } .header-tel__item + .header-tel__item { padding-left: 15px } @media (max-width: 600px) { .header-tel__item + .header-tel__item { padding-left: 0 } } .header-tel__tel { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: "Fira Sans"; font-size: 12px; font-weight: bold; font-style: normal; line-height: 1.167; letter-spacing: .1em; text-transform: uppercase; color: #cbd3e4 } @media (max-width: 350px) { .header-tel__tel { font-size: 10px } } .header-tel__tel svg { margin-right: 15px } @media (max-width: 600px) { .header-tel__tel svg { display: none } } .submenu { position: absolute; top: 0; left: 285px; visibility: hidden; width: 285px; opacity: 0; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } @media (max-width: 1199px) { .submenu { left: 240px; width: 240px; z-index: 1; } } @media (max-width: 767px) { .submenu { left: 155px; width: 155px } } @media (max-width: 600px) { .submenu { left: 110px } } .submenu__link { font-family: "Fira Sans"; font-size: 14px; font-weight: normal; font-style: normal; line-height: 1.2143; color: #e6e6e6; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } @media (max-width: 767px) { .submenu__link { font-size: 12px } } .submenu__link:hover { color: #d8dc3d } .submenu__item { position: relative; margin-top: 30px; padding-right: 35px; width: 100% } @media (max-width: 1199px) { .submenu__item { position: static } } @media (max-width: 767px) { .submenu__item { margin-top: 25px; padding-right: 0 } } .submenu__item:first-child { margin-top: 0 } .submenu-list { position: absolute; top: 0; right: 0; visibility: hidden; width: 250px; opacity: 0; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%) } @media (max-width: 1199px) { .submenu-list { right: auto; left: 0; width: 330px } } @media (max-width: 767px) { .submenu-list { width: 250px } } @media (max-width: 600px) { .submenu-list { left: 45px } } @media (max-width: 600px) { .submenu-list { left: -5px; top: -70px; padding: 50px 18px; min-height: 480px } } .submenu-list__item { margin-top: 20px; width: 100% } @media (max-width: 1199px) { .submenu-list__item { margin-top: 30px } } .submenu-list__item:first-child { margin-top: 0 } .submenu-list__item-back { position: relative; font-family: "Fira Sans"; font-size: 18px; font-weight: bold; font-style: normal; line-height: 1.223; text-transform: uppercase; cursor: pointer; color: rgba(255, 255, 255, .9) } @media (min-width: 1200px) { .submenu-list__item-back { display: none } } .submenu-list__item-back:before { position: absolute; top: 50%; right: auto; bottom: auto; left: -30px; content: ""; width: 22px; height: 13px; background-image: url(/images/menu-arrow.svg); background-repeat: no-repeat; background-position: bottom right; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media (min-width: 1200px) { .submenu-list__item-title { display: none } } .submenu-list__item-title a { font-size: 16px; color: #d5da40 } @media (max-width: 767px) { .submenu-list__item-title a { font-size: 14px } } @media (min-width: 1200px) { .submenu-list__item-title + .submenu-list__item { margin-top: 0 } } .submenu-list__link { font-family: "Fira Sans"; font-size: 14px; font-weight: 300; font-style: normal; line-height: 150%; color: #e6e6e6 } @media (max-width: 767px) { .submenu-list__link { font-size: 12px } } .submenu-list__link:hover { color: #d5da40 } @media (min-width: 1200px) { .submenu__item:hover .submenu-list { visibility: visible; opacity: 1 } } .submenu__item.active .submenu__link { visibility: hidden; opacity: 0 } .submenu__item.active .submenu-list { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .menu { position: relative; width: 285px } @media (max-width: 1199px) { .menu { width: 240px; min-height: 300px } } @media (max-width: 767px) { .menu { width: 155px; min-height: 350px } } @media (max-width: 600px) { .menu { width: 110px; min-height: 350px } } .menu__link { font-family: "Fira Sans"; font-size: 22px; font-weight: bold; font-style: normal; line-height: 1.181; text-transform: uppercase; color: #a6aab3; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } @media (max-width: 1199px) { .menu__link { font-size: 18px } } @media (max-width: 600px) { .menu__link { font-size: 16px } } .menu__link:hover { color: rgba(255, 255, 255, .9) } .menu__link:active { color: rgba(255, 255, 255, .9) } .menu__item { margin-top: 40px; padding-right: 35px } @media (max-width: 600px) { .menu__item { margin-top: 0px; padding-right: 15px } } .menu__item:first-child { margin-top: 0 } @media (min-width: 1200px) { .menu__item:hover .submenu { visibility: visible; opacity: 1 } } .menu__item.active .submenu { visibility: visible; opacity: 1 } @media (max-width: 1199px) { .menu__item.active .submenu.active .submenu__item:not(.active) { visibility: hidden } } .menu.active .menu__link { visibility: hidden; opacity: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%) } .menu.active .submenu { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%) } .menu.active .submenu__link { visibility: hidden; opacity: 0 } .burger { position: relative; margin-right: 0; margin-left: auto; padding-right: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: "Fira Sans"; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.2143; letter-spacing: .1em; text-transform: uppercase; color: #fff; background-color: rgba(0, 0, 0, 0); border: none; outline: none } @media (max-width: 1199px) { .burger { color: #333c50 } } .burger:hover { color: #f4fa48 } .burger:before { position: absolute; top: 50%; right: -2px; bottom: auto; left: auto; content: ""; width: 14px; height: 13px; background-image: url(/images/burger-close.svg); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .burger:after { position: absolute; top: 50%; right: 0; bottom: auto; left: auto; content: ""; width: 12px; height: 12px; background-image: url(/images/burger-open.svg); background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .burger.open:before { opacity: 1 } .burger.open:after { opacity: 0 } .fixed-info { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 1199px) { .fixed-info { margin-right: -15px; margin-left: -15px; -ms-flex-wrap: wrap; flex-wrap: wrap } } @media (max-width: 600px) { .fixed-info { margin-right: -5px; margin-left: -5px } } .fixed-info__item { -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; width: 33.333%; padding-right: 35px } @media (max-width: 1199px) { .fixed-info__item { margin-top: 20px; padding-right: 15px; padding-left: 15px } } @media (max-width: 600px) { .fixed-info__item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; padding-right: 5px; padding-left: 5px } } @media (max-width: 1199px) { .fixed-info__item-addres { position: relative; padding-left: 35px } } @media (max-width: 600px) { .fixed-info__item-addres { padding-left: 5px } } .fixed-info__item-addres svg { position: absolute; top: 0; left: 15px } @media (min-width: 1200px) { .fixed-info__item-addres svg { display: none } } @media (max-width: 600px) { .fixed-info__item-addres svg { left: -15px } } @media (max-width: 1199px) { .fixed-info__item-timework { position: relative; padding-left: 35px } } @media (max-width: 600px) { .fixed-info__item-timework { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } @media (max-width: 600px) { .fixed-info__item-timework { padding-left: 5px } } .fixed-info__item-timework svg { position: absolute; top: 3px; left: 15px } @media (min-width: 1200px) { .fixed-info__item-timework svg { display: none } } @media (max-width: 600px) { .fixed-info__item-timework svg { left: -15px } } @media (max-width: 1199px) { .fixed-info__item-search { display: none } } @media (min-width: 1200px) { .fixed-info__item-social { position: absolute; top: -195px; right: 0; padding-right: 0; width: 82px; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) } } @media (max-width: 600px) { .fixed-info__item-social { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } } .fixed-info__item-tel { -webkit-box-flex: 0; -ms-flex: 0 0 66.666%; flex: 0 0 66.666%; max-width: 66.666%; width: 66.666% } @media (min-width: 1200px) { .fixed-info__item-tel { display: none } } @media (max-width: 600px) { .fixed-info__item-tel { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50% } } .fixed-info__title { font-family: "Fira Sans"; font-size: 18px; font-weight: bold; font-style: normal; line-height: 1.222; color: #fff } @media (max-width: 1199px) { .fixed-info__title { font-size: 14px; color: #cbd3e4 } } @media (max-width: 350px) { .fixed-info__title { font-size: 13px } } .fixed-info__text { margin-top: 4px; font-family: "Fira Sans"; font-size: 18px; font-weight: 300; font-style: normal; line-height: 1.222; color: #fff } @media (max-width: 1199px) { .fixed-info__text { font-size: 12px; color: #cbd3e4 } } @media (max-width: 350px) { .fixed-info__text { font-size: 10px } } .preloader { position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; padding: 100px 0 150px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; background: -o-radial-gradient(0% 100%, 106.88% 445.88%, #58688b 0%, #31353E 100%), #31353e; background: radial-gradient(106.88% 445.88% at 0% 100%, #58688b 0%, #31353E 100%), #31353e; -webkit-transition: all .7s ease-in-out 2.5s; -o-transition: all .7s ease-in-out 2.5s; transition: all .7s ease-in-out 2.5s } .preloader img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center } .preloader-image { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; height: 100%; opacity: 0 } .preloader-text { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; height: 100%; opacity: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) } .preloader.active { visibility: hidden; opacity: 0 } .preloader.active .preloader-image { opacity: .2; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); -webkit-animation: preloader-image 2.5s ease-in-out; animation: preloader-image 2.5s ease-in-out } .preloader.active .preloader-text { opacity: 0; -webkit-animation: preloader-text 2.5s ease-in-out; animation: preloader-text 2.5s ease-in-out } @-webkit-keyframes preloader-image { 0% { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) } 25% { opacity: .8; -webkit-transform: translateX(0); transform: translateX(0) } 50% { opacity: .8; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: .2; -webkit-transform: translateX(50%); transform: translateX(50%) } } @keyframes preloader-image { 0% { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) } 25% { opacity: .8; -webkit-transform: translateX(0); transform: translateX(0) } 50% { opacity: .8; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: .2; -webkit-transform: translateX(50%); transform: translateX(50%) } } @-webkit-keyframes preloader-text { 0% { opacity: 0 } 25% { opacity: .8 } 35% { opacity: .8 } 50% { opacity: 0 } 100% { opacity: 0 } } @keyframes preloader-text { 0% { opacity: 0 } 25% { opacity: .8 } 35% { opacity: .8 } 50% { opacity: 0 } 100% { opacity: 0 } } .footer-search__form { position: relative; padding-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box } @media (max-width: 1199px) { .footer-search__form { padding-bottom: 10px } } .footer-search__form span { position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: rgba(103, 107, 115, .7) } .footer-search__input { max-width: 350px; width: 100%; font-family: "Fira Sans"; font-size: 14px; font-weight: normal; font-style: normal; line-height: 1.2143; text-transform: uppercase; color: #a6aab3; background-color: rgba(0, 0, 0, 0); border: none; outline: none } @media (max-width: 1199px) { .footer-search__input { font-size: 12px } } .footer-search__btn { margin-left: 10px; width: 20px; height: 20px; background-color: rgba(0, 0, 0, 0); background-image: url(/images/header-search.svg); background-repeat: no-repeat; background-position: bottom right; background-size: contain; border: none; outline: none } .footer-search__input:focus + .footer-search__btn { background-image: url(/images/header-search_yellow.svg) } .footer-search__input:focus ~ span { background-color: #d5da40 } .footer-top { background: -o-radial-gradient(0% 100%, 1927.53px, #58688b 0%, #31353E 100%), #31353e; background: radial-gradient(1927.53px at 0% 100%, #58688b 0%, #31353E 100%), #31353e } .footer-top__content { padding: 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (max-width: 767px) { .footer-top__content { margin: 0 auto; padding: 30px 0; max-width: 100%; width: 265px } } @media (max-width: 767px) { .footer-top__item { margin-top: 45px } } @media (max-width: 767px) { .footer-top__item:first-child { margin-top: 0 } } .footer-top__item-search { -webkit-box-flex: 0; -ms-flex: 0 0 350px; flex: 0 0 350px; max-width: 350px; width: 350px } @media (max-width: 1199px) { .footer-top__item-search { -webkit-box-flex: 0; -ms-flex: 0 0 210px; flex: 0 0 210px; max-width: 210px; width: 210px } } @media (max-width: 767px) { .footer-top__item-search { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100% } } .footer-top__pro100 { opacity: .6; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } @media (max-width: 1199px) { .footer-top__pro100 { width: 230px } } @media (max-width: 767px) { .footer-top__pro100 { width: 100% } } .footer-top__pro100:hover { opacity: 1 } .footer-top__pro100 img { max-width: 100%; width: 100% } .footer-top__link { position: relative; margin-top: 10px; padding-left: 25px; display: inline-block; font-family: "Fira Sans"; font-size: 14px; font-weight: 300; font-style: normal; line-height: 1.2143; color: #a6aab3 } @media (max-width: 1199px) { .footer-top__link { font-size: 12px } } .footer-top__link:hover { color: #d5da40 } .footer-top__link:first-child { margin-top: 0 } .footer-top__link-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .footer-top__link:before { position: absolute; top: 0; right: auto; bottom: auto; left: 0; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain } .footer-top__link-urb:before { top: 2px; width: 14px; height: 13px; background-image: url(/images/urb.svg) } @media (max-width: 1199px) { .footer-top__link-urb:before { top: 1px } } .footer-top__link-urb:hover:before { background-image: url(/images/urb_yellow.svg) } .footer-top__link-bvi:before { top: 4px; width: 17px; height: 8px; background-image: url(/images/bvi.svg) } @media (max-width: 1199px) { .footer-top__link-bvi:before { top: 3px } } .footer-top__link-bvi:hover:before { background-image: url(/images/bvi_yellow.svg) } .footer__bottom { position: relative } .footer__bottom:before { position: absolute; top: 0; right: auto; bottom: auto; left: 0; content: ""; z-index: -1; width: 100%; height: 100%; background: -o-radial-gradient(0% 100%, 2040.25px, #58688b 0%, #31353E 100%), #31353e; background: radial-gradient(2040.25px at 0% 100%, #58688b 0%, #31353E 100%), #31353e; opacity: .95 } .footer__bottom .container { padding-bottom: 20px } @media (max-width: 991px) { .footer__bottom .container:first-child { display: block } } .footer__bottom .container:last-child { padding-top: 20px; border-top: 1px solid #676b73 } @media (max-width: 1199px) { .footer__bottom .container:last-child { padding-top: 30px; padding-bottom: 30px } } .footer__requirements { font-family: "Fira Sans"; font-size: 12px; font-weight: 300; font-style: normal; line-height: 1.166; text-align: center; color: #a6aab3 } @media (max-width: 1199px) { .footer__requirements { margin: 0 auto; max-width: 345px } } .footer__copyright { margin-top: 10px; font-family: "Fira Sans"; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.714; text-align: center; color: #fff } @media (max-width: 1199px) { .footer__copyright { font-size: 12px } } .footer-content { padding-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .footer-content__logo { -webkit-box-flex: 0; -ms-flex: 0 0 168px; flex: 0 0 168px; max-width: 168px; width: 168px } .footer-content__logo a { display: inline-block } .footer-content__logo img { max-width: 100% } .footer-content__menu { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 104px); flex: 0 0 calc(100% - 104px); max-width: calc(100% - 104px); width: calc(100% - 104px) } .footer-menu { padding-left: 180px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3 } @media (max-width: 1199px) { .footer-menu { padding-left: 60px } } .footer-menu__item { margin-bottom: 21px } .footer-menu__item:last-child { margin-bottom: 55px } .footer-menu__link { font-family: "Fira Sans"; font-size: 20px; font-weight: bold; font-style: normal; line-height: 1.2; text-transform: uppercase; color: rgba(255, 255, 255, .9) } .footer-menu__link:hover { color: #d5da40 } .footer-submenu { padding-top: 18px } .footer-submenu__item { margin-bottom: 17px } .footer-submenu__link { font-family: "Fira Sans"; font-size: 14px; font-weight: 600; font-style: normal; line-height: 1.2143; text-transform: uppercase; color: #a6aab3 } .footer-submenu__link:hover { color: #d5da40 } .banner__container i.discount { display: block; color: #fff; font-size: 11px; margin-top: 10px } @media (min-width: 992px) { .banner__container i.discount { display: none } } .form[name=SIMPLE_FORM_8]::after { content: "Скидка действует только по адресу Н.Онуфриева, д. 10"; display: block; color: #fff; font-size: 10px; margin-top: 10px } @media (max-width: 991px) { .form[name=SIMPLE_FORM_8]::after { display: none } } .form-checkbox { position: relative } .form-checkbox label { position: relative; padding-left: 30px; display: inline-block; font-family: "Fira Sans"; font-size: 10px; font-weight: normal; font-style: normal; line-height: 1.2; color: #a6aab3 } .form-checkbox label:before { position: absolute; top: -1px; right: auto; bottom: auto; left: 0; content: ""; width: 14px; height: 14px; border: 1px solid #a6aab3; border-radius: 2px } .form-checkbox label:after { position: absolute; top: -9px; right: auto; bottom: auto; left: 0; content: ""; width: 18px; height: 20px; background-image: url(/images/form-checkbox.svg); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0 } .form-checkbox label a { text-decoration: underline; color: #d8dc3d } .form-checkbox input { position: absolute; top: 0; left: 0; width: 14px; height: 14px; opacity: 0 } .form-checkbox input:checked + label:after { opacity: 1 } .form-bg { position: relative; margin-right: auto; margin-left: auto; padding: 70px 150px 114px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; max-width: 1110px; width: 100% } @media (max-width: 1199px) { .form-bg { padding: 35px 80px 50px } } @media (max-width: 767px) { .form-bg { padding: 35px 40px 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .form-bg__image { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .form-bg__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } @media (max-width: 1199px) { .form-bg__image img { -o-object-position: right; object-position: right } } .form-bg__image:after { position: absolute; top: 0; right: auto; bottom: auto; left: 0; content: ""; width: 100%; height: 100%; background: -o-radial-gradient(0% 100%, 1488.8px, #58688b 0%, #31353E 100%), -o-linear-gradient(182.1deg, #31353E 0.8%, #31353e 61.44%); background: radial-gradient(1488.8px at 0% 100%, #58688b 0%, #31353E 100%), linear-gradient(267.9deg, #31353E 0.8%, #31353e 61.44%); opacity: .8; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1) } @media (max-width: 767px) { .form-bg__image:after { width: 768px } } .form-bg .form__title { font-family: "Fira Sans"; font-size: 38px; font-weight: 800; font-style: normal; line-height: 100%; text-align: center; color: #fff } @media (max-width: 1199px) { .form-bg .form__title { font-size: 28px } } .form-bg .form__title span { color: #d8dc3d } .form-bg input[type=text]:not(.fl_input), .form-bg input[type=tel]:not(.fl_input), .form-bg input[type=email]:not(.fl_input) { padding: 10px; max-width: 270px; width: 100%; font-family: "Fira Sans"; font-size: 14px; font-weight: 500; font-style: normal; line-height: 1.214; text-align: center; color: #676b73; background: #fff; border: none } @media (max-width: 1199px) { .form-bg input[type=text]:not(.fl_input), .form-bg input[type=tel]:not(.fl_input), .form-bg input[type=email]:not(.fl_input) { max-width: 100%; width: 260px } } @media (max-width: 767px) { .form-bg input[type=text]:not(.fl_input), .form-bg input[type=tel]:not(.fl_input), .form-bg input[type=email]:not(.fl_input) { max-width: 260px; width: 100% } } .form-bg .form-group { margin-top: 20px; width: 100%; text-align: center } .form-bg .form-group:first-child { margin-top: 40px } @media (max-width: 1199px) { .form-bg .form-group:first-child { margin-top: 20px } } .form-bg .form-group_checkbox { margin-top: 10px } .form-bg .form-group.online p { max-width: 270px; padding: 10px; color: #fff; margin: auto; font-size: 16px } @media (max-width: 1199px) { .form-bg .form-group.online p { padding: 0 } } .form-bg .btn { margin-top: 40px } .form-bg .form { position: relative; max-width: 270px; text-align: center; pointer-events: visible } @media (max-width: 1199px) { .form-bg .form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media (max-width: 767px) { .form-bg .form { max-width: 260px; width: 100% } } .form-inline { position: relative; overflow: hidden } .form-inline:before { position: absolute; top: auto; right: 50%; bottom: 0; left: 0; content: ""; height: 180px; background: #d8dc3d } @media (max-width: 767px) { .form-inline:before { content: none } } .form-inline:after { position: absolute; top: 0; right: -100px; bottom: 0; left: 50%; content: ""; background: -o-radial-gradient(0% 100%, 1200.44px, #58688b 0%, #31353E 100%), #31353e; background: radial-gradient(1200.44px at 0% 100%, #58688b 0%, #31353E 100%), #31353e; opacity: .95; -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg) } @media (max-width: 767px) { .form-inline:after { content: none } } .form-inline__skew { position: relative; z-index: 1; overflow: hidden } @media (max-width: 767px) { .form-inline__skew { margin: 0 -15px !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } } .form-inline .item-skew { padding: 100px 215px 120px 180px; background-color: #fff } @media (max-width: 1199px) { .form-inline .item-skew { padding: 50px 120px 50px 120px } } @media (max-width: 991px) { .form-inline .item-skew { padding: 50px 100px } } @media (max-width: 767px) { .form-inline .item-skew { margin: 0 !important; padding: 30px 40px 30px 57px; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } } @media (max-width: 380px) { .form-inline .item-skew { padding: 30px 30px 30px 57px } } @media (max-width: 767px) { .form-inline_contacts .item-skew { padding: 30px } } @media (max-width: 380px) { .form-inline_contacts .item-skew { padding: 30px 15px } } .form-inline .form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 215px } @media (max-width: 767px) { .form-inline .form { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: unset } } .form-inline .form .btn { margin-top: 10px } @media (max-width: 991px) { .form-inline .form .btn { margin-top: 0 } } .form-inline .form__title { margin-bottom: 80px; width: 100%; font-family: "Fira Sans"; font-size: 47px; font-weight: bold; font-style: normal; line-height: 1.191; text-transform: uppercase; color: #333c50 } @media (max-width: 1199px) { .form-inline .form__title { margin-bottom: 30px; font-size: 22px } } .form-inline .form .form__title { display: none } .form-inline .form-group { margin-bottom: 20px; width: calc(100% - 380px - 65px) } @media (max-width: 1199px) { .form-inline .form-group { width: calc(100% - 380px - 30px) } } @media (max-width: 991px) { .form-inline .form-group { width: calc(100% - 300px - 30px) } } @media (max-width: 767px) { .form-inline .form-group { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); width: calc(50% - 10px); margin-right: 0; margin-left: 10px } } @media (max-width: 480px) { .form-inline .form-group { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; margin-right: 0; margin-left: 0 } } .form-inline .form-group:nth-of-type(2n) { margin-right: 10px; margin-left: 0 } @media (max-width: 480px) { .form-inline .form-group:nth-of-type(2n) { margin-right: 0 } } .form-inline .form-group:first-of-type { margin-right: 65px; margin-bottom: 0; width: 380px; height: 215px } @media (max-width: 1199px) { .form-inline .form-group:first-of-type { margin-right: 30px } } @media (max-width: 991px) { .form-inline .form-group:first-of-type { width: 300px } } @media (max-width: 767px) { .form-inline .form-group:first-of-type { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; margin-right: 0; margin-bottom: 15px; margin-left: 0 } } .form-inline .form-group textarea { padding: 10px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; font-family: "Fira Sans"; font-size: 14px; font-weight: 500; font-style: normal; line-height: 1.2143; resize: none; color: #676b73; background: #fff; border: 1px solid #a6aab3; border-radius: 2px } .form-inline .form-group input[type=text], .form-inline .form-group input[type=tel], .form-inline .form-group input[type=email] { padding: 9px 20px 8px; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; width: 260px; font-family: "Fira Sans"; font-size: 14px; font-weight: 500; font-style: normal; line-height: 1.2143; color: #676b73; border: 1px solid #a6aab3; border-radius: 2px } @media (max-width: 767px) { .form-inline .form-group input[type=text], .form-inline .form-group input[type=tel], .form-inline .form-group input[type=email] { width: 100% } } @media (max-width: 767px) { .form-inline .form-group_checkbox { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; margin-right: 0 } } .form-wrap { position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; padding: 0 15px; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(0, 0, 0, .8); opacity: 0; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .form-wrap.open { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1 } .form__close { position: absolute; top: 15px; right: 15px; width: 8px; height: 8px } .form__close:hover path { fill: #d8dc3d } .form-popup { position: relative; padding: 35px 65px; overflow: hidden; max-width: 480px; width: 100%; background: #fff; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .25); box-shadow: 0px 0px 10px rgba(0, 0, 0, .25) } @media (max-width: 480px) { .form-popup { padding: 35px } } .form-popup:before { position: absolute; top: -20px; right: -50px; bottom: 0; left: 0; content: ""; background-image: url(/images/hashtag-1-bg.svg); background-repeat: no-repeat; background-position: right; background-size: contain; opacity: .7 } .form-popup input[type=text]:not(.fl_input) { padding-bottom: 10px; width: 100%; font-family: "Fira Sans"; font-size: 14px; font-weight: 500; font-style: normal; line-height: 1.2143; letter-spacing: .35em; color: #605f5f; background: rgba(0, 0, 0, 0); border: none; border-bottom: 1px solid #95999c; outline: none } .form-popup .btn { position: relative; margin-top: 30px } .form-popup .form { position: relative } .form-popup .form__title { font-family: "Fira Sans"; font-size: 28px; font-weight: 800; font-style: normal; line-height: 100%; color: #333c50 } .form-popup .form-group { margin-top: 15px } .form-popup .form-group:first-child { margin-top: 30px } .form-success { position: relative; padding: 30px 35px; overflow: hidden; max-width: 480px; width: 100%; background: #333c50; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .25); box-shadow: 0px 0px 10px rgba(0, 0, 0, .25) } @media (max-width: 480px) { .form-success { padding: 35px } } .form-success:before { position: absolute; top: -20px; right: 0; bottom: -20px; left: 0; content: ""; background-image: url(/images/hashtag-1_bg.svg); background-repeat: no-repeat; background-position: right; background-size: contain; opacity: .7 } .form-success__wrap { position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(0, 0, 0, .8); opacity: 0; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .form-success__title { font-family: "Fira Sans"; font-size: 28px; font-weight: 800; font-style: normal; line-height: 100%; color: #fff } .form-success__text { margin-top: 10px; font-family: "Fira Sans"; font-size: 12px; font-weight: 300; font-style: normal; line-height: 150%; text-transform: uppercase; color: #fff } .form-success .form__close path { fill: #fff } .form-success .form__close:hover path { fill: #d8dc3d } * { margin: 0; padding: 0 } h1, .h1 { font-family: "Fira Sans"; font-size: 36px; font-weight: 800; font-style: normal; line-height: 1.19; text-transform: uppercase; color: #333c50 } @media (max-width: 1199px) { h1, .h1 { font-size: 28px } } h2, .h2 { font-family: "Fira Sans"; font-size: 36px; font-weight: 800; font-style: normal; line-height: 1.22; text-transform: uppercase; color: #333c50 } @media (max-width: 1199px) { h2, .h2 { font-size: 28px } } h3, .h3 { font-family: "Fira Sans"; font-size: 30px; font-weight: 800; font-style: normal; line-height: 1.167; text-transform: uppercase; color: #333c50 } h4, .h4 { font-family: "Fira Sans"; font-size: 25px; font-weight: normal; font-style: normal; line-height: 108%; text-transform: uppercase; color: #cbd3e4 } @media (max-width: 1199px) { h4, .h4 { font-size: 22px } } h5, .h5 { font-family: "Fira Sans"; font-size: 16px; font-weight: 300; font-style: normal; line-height: 1.1875 ‬; letter-spacing: .765px; text-transform: uppercase; color: #000 } @media (max-width: 1199px) { h5, .h5 { font-size: 15px } } a { display: inline-block; color: initial } a:focus { outline: none } p, .p { font-family: "Fira Sans"; font-size: 15px; font-weight: normal; font-style: normal; line-height: 170%; color: #676b73 } @media (max-width: 1199px) { p, .p { font-size: 14px } } p a, .p a { display: inline; text-decoration: underline } p a:hover, .p a:hover { text-decoration: underline; color: #d8dc3d } blockquote, .blockquote { position: relative; padding-left: 45px; font-family: "Fira Sans"; font-size: 17px; font-weight: normal; font-style: italic; line-height: 170%; color: #333c50 } @media (max-width: 1199px) { blockquote, .blockquote { padding-left: 46px; font-size: 15px } } blockquote:before, .blockquote:before { position: absolute; top: 0; right: auto; bottom: auto; left: 0; content: ""; width: 28px; height: 20px; background-image: url(/images/blockquote.svg); background-repeat: no-repeat; background-position: center; background-size: contain } @media (max-width: 1199px) { blockquote:before, .blockquote:before { left: 22px; width: 14px; height: 10px } } blockquote a, .blockquote a { display: inline; text-decoration: underline } blockquote a:hover, .blockquote a:hover { text-decoration: underline; color: #d8dc3d } .small-text { font-family: "Fira Sans"; font-size: 12px; font-weight: 600; font-style: normal; line-height: 1.167; letter-spacing: .3em; text-transform: uppercase; color: #333c50 } .btn { padding: 17px 50px; font-family: "Fira Sans"; font-size: 14px; font-weight: 600; font-style: normal; line-height: 1.214; letter-spacing: .1em; text-transform: uppercase; color: #333c50; background: #f4fa48; border: none } @media (max-width: 1199px) { .btn { padding: 14px 15px; font-size: 12px } } .btn:hover { background: #d8dc3d } .btn:active { background: #eceea0 } .btn:after { margin-left: 30px; display: inline-block; width: 21px; height: 11px; content: ""; background-image: url(/images/arrow-right.svg); background-repeat: no-repeat; background-position: center; background-size: contain } @media (max-width: 1199px) { .btn:after { margin-bottom: -2px; margin-left: 15px } } .link { padding-bottom: 7px; display: inline-block; font-family: "Fira Sans"; font-size: 12px; font-weight: 600; font-style: normal; line-height: 1.167; text-transform: uppercase; color: #333c50; border-bottom: 2px solid #d8dc3d; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } .link:hover { color: #d8dc3d } .link.white:hover { color: #d8dc3d } .link-pink { border-bottom: 2px solid #d876a5 } .link-pink:hover { color: #d876a5 } .link-blue { border-bottom: 2px solid #93d8ff } .link-blue:hover { color: #76c1ec } .link-green { border-bottom: 2px solid #76d8af } .link-green:hover { color: #76d8af } .more { position: relative; padding-bottom: 30px; display: inline-block; font-family: "Fira Sans"; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.2143; text-transform: uppercase; color: #333c50 } .more:before { position: absolute; top: auto; right: auto; bottom: 0; left: 50%; content: ""; width: 20px; height: 10px; background-image: url(/images/more.svg); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0; -webkit-transform: translateX(-50%) translateY(-5px); -ms-transform: translateX(-50%) translateY(-5px); transform: translateX(-50%) translateY(-5px) } .more:after { position: absolute; top: auto; right: auto; bottom: 0; left: 50%; content: ""; width: 20px; height: 10px; background-image: url(/images/more.svg); background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0) } .more:hover:before { -webkit-animation: more 1s infinite ease .5s; animation: more 1s infinite ease .5s } .more:hover:after { -webkit-animation: more 1s infinite ease; animation: more 1s infinite ease } @-webkit-keyframes more { from { opacity: 1; -webkit-transform: translateX(-50) translateY(-5px); transform: translateX(-50) translateY(-5px) } 50% { opacity: 1; -webkit-transform: translateX(-50) translateY(0); transform: translateX(-50) translateY(0) } to { opacity: 0; -webkit-transform: translateX(-50) translateY(5px); transform: translateX(-50) translateY(5px) } } @keyframes more { from { opacity: 1; -webkit-transform: translateX(-50) translateY(-5px); transform: translateX(-50) translateY(-5px) } 50% { opacity: 1; -webkit-transform: translateX(-50) translateY(0); transform: translateX(-50) translateY(0) } to { opacity: 0; -webkit-transform: translateX(-50) translateY(5px); transform: translateX(-50) translateY(5px) } } .white { color: #fff } .grey { color: #cbd3e4 } .breadcrumb { margin-right: 30px; font-family: "Fira Sans"; font-size: 12px; font-weight: 600; font-style: normal; line-height: 1.182; letter-spacing: .3em; text-transform: uppercase; color: #333c50 } .breadcrumb:last-child { margin-right: 0 } .breadcrumb a { color: #fff } .breadcrumbs { margin-top: -84px; padding-left: 165px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none } @media (max-width: 1199px) { .breadcrumbs { display: none } } .fixed-nav { position: relative; padding-bottom: 1px; overflow: hidden } @media (max-width: 767px) { .fixed-nav { display: none } } .fixed-nav.fixed { position: fixed; z-index: 3; top: 0; right: 0; left: 0 } .fixed-nav__wrap { overflow: hidden } .fixed-nav__content { position: relative; margin-right: -34px; margin-left: -34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; border-bottom: 1px solid #e6e6e6 } .fixed-nav__item { padding: 40px 34px 20px } @media (max-width: 1199px) { .fixed-nav__item { padding: 20px 15px } } .fixed-nav__link { position: relative; font-family: "Fira Sans"; font-size: 14px; font-weight: 500; font-style: normal; line-height: 1.2143; text-transform: uppercase; color: #a6aab3 } .fixed-nav__link:before { position: absolute; top: auto; right: 0; bottom: -23px; left: 0; content: ""; height: 3px; background: rgba(0, 0, 0, 0) } .fixed-nav__link:hover:before { background: #d8dc3d } .fixed-nav__item.active .fixed-nav__link:before { background: #d8dc3d } .container { max-width: 1140px } @media (max-width: 1199px) { .container { padding-right: 40px; padding-left: 40px } } @media (max-width: 767px) { .container { padding-right: 15px; padding-left: 15px } } .content { margin-right: -25px; margin-left: -25px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (max-width: 1199px) { .content { margin-right: -14px; margin-left: -14px } } .content-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .content__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 50px); flex: 0 0 calc(50% - 50px); max-width: calc(50% - 50px); width: calc(50% - 50px); margin-right: 25px; margin-left: 25px } @media (max-width: 1199px) { .content__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 28px); flex: 0 0 calc(50% - 28px); max-width: calc(50% - 28px); width: calc(50% - 28px); margin-right: 14px; margin-left: 14px } } @media (max-width: 767px) { .content__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 28px); flex: 0 0 calc(100% - 28px); max-width: calc(100% - 28px); width: calc(100% - 28px) } } .content__item-text { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 540px - 100px); flex: 0 0 calc(100% - 540px - 100px); max-width: calc(100% - 540px - 100px); width: calc(100% - 540px - 100px) } @media (max-width: 1199px) { .content__item-text { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 28px); flex: 0 0 calc(50% - 28px); max-width: calc(50% - 28px); width: calc(50% - 28px) } } @media (max-width: 991px) { .content__item-text { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 330px - 56px); flex: 0 0 calc(100% - 330px - 56px); max-width: calc(100% - 330px - 56px); width: calc(100% - 330px - 56px) } } @media (max-width: 767px) { .content__item-text { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 28px); flex: 0 0 calc(100% - 28px); max-width: calc(100% - 28px); width: calc(100% - 28px) } } .content__item-image { -webkit-box-flex: 0; -ms-flex: 0 0 540px; flex: 0 0 540px; max-width: 540px; width: 540px } @media (max-width: 1199px) { .content__item-image { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 28px); flex: 0 0 calc(50% - 28px); max-width: calc(50% - 28px); width: calc(50% - 28px) } } @media (max-width: 991px) { .content__item-image { -webkit-box-flex: 0; -ms-flex: 0 0 330px; flex: 0 0 330px; max-width: 330px; width: 330px } } @media (max-width: 767px) { .content__item-image { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 28px); flex: 0 0 calc(100% - 28px); max-width: 345px; width: calc(100% - 28px); margin-right: auto; margin-left: auto } } .content__item-image-big { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 50px); flex: 0 0 calc(100% - 50px); max-width: 1080px; width: calc(100% - 50px); position: relative; padding-right: 30px; padding-bottom: 30px } @media (max-width: 1199px) { .content__item-image-big { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 28px); flex: 0 0 calc(100% - 28px); max-width: calc(100% - 28px); width: calc(100% - 28px); padding-right: 15px; padding-bottom: 15px } } .content__item-image-big:before { position: absolute; top: 35%; right: 0; bottom: 0; left: 38.5%; content: ""; background: #d8dc3d } .content__item-big { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 50px); flex: 0 0 calc(100% - 50px); max-width: calc(100% - 50px); width: calc(100% - 50px); margin-right: 25px; margin-left: 25px } @media (max-width: 1199px) { .content__item-big { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 28px); flex: 0 0 calc(100% - 28px); max-width: calc(100% - 28px); width: calc(100% - 28px); margin-right: 14px; margin-left: 14px } } .banner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; max-height: 768px; height: calc(100vh - 154px) } @media (max-width: 1199px) { .banner { height: auto } } @media (max-width: 767px) { .banner { height: 550px } } .banner.for-label-seal { height: auto; max-height: none } .banner.for-label-seal img.label-seal { max-width: 140px } .banner-prev { position: absolute; z-index: 1; top: 0; left: 0; width: 50%; height: 100%; cursor: pointer; cursor: url(/images/cursor.svg) 0 0, pointer } .banner-next { position: absolute; z-index: 1; top: 0; right: 0; width: 50%; height: 100%; cursor: pointer; cursor: url(/images/cursor-rigth.svg) 90 90, pointer } .banner__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex } .banner-mouse { position: absolute; top: auto; right: auto; bottom: 35px; left: 50%; content: ""; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20px; height: 27px; border: 2px solid #d8dc3d; border-radius: 30px } @media (max-width: 1199px) { .banner-mouse { display: none } } .banner-mouse:before { margin-top: 5px; display: block; width: 2px; height: 6px; content: ""; background: #d8dc3d; -webkit-animation: banner-mouse .5s linear alternate infinite; animation: banner-mouse .5s linear alternate infinite } @-webkit-keyframes banner-mouse { 100% { -webkit-transform: translateY(3px); transform: translateY(3px) } } @keyframes banner-mouse { 100% { -webkit-transform: translateY(3px); transform: translateY(3px) } } .banner__image { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100% } .banner__image:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: -o-radial-gradient(74.97% 71.29%, 1033.99px, #58688b 0%, rgba(34, 44, 67, 0.4) 23.94%, rgba(34, 44, 67, 0.67) 41.27%, rgba(34, 44, 67, 0.77) 54.2%, rgba(34, 44, 67, 0.8) 72.73%, rgba(34, 44, 67, 0.87) 87.67%, rgba(34, 44, 67, 0.9) 100%); background: radial-gradient(1033.99px at 74.97% 71.29%, #58688b 0%, rgba(34, 44, 67, 0.4) 23.94%, rgba(34, 44, 67, 0.67) 41.27%, rgba(34, 44, 67, 0.77) 54.2%, rgba(34, 44, 67, 0.8) 72.73%, rgba(34, 44, 67, 0.87) 87.67%, rgba(34, 44, 67, 0.9) 100%); opacity: .8 } @media (max-width: 991px) { .banner__image:after { background: -webkit-gradient(linear, right top, left top, from(#0F1525), color-stop(32.03%, rgba(29, 35, 47, 0.580208)), color-stop(50%, rgba(49, 53, 62, 0))), radial-gradient(1160.6px at 0% 100%, rgba(88, 104, 139, 0) 0%, #31353E 100%), #31353e; background: -o-linear-gradient(right, #0F1525 0%, rgba(29, 35, 47, 0.580208) 32.03%, rgba(49, 53, 62, 0) 50%), -o-radial-gradient(0% 100%, 1160.6px, rgba(88, 104, 139, 0) 0%, #31353E 100%), #31353e; background: linear-gradient(270deg, #0F1525 0%, rgba(29, 35, 47, 0.580208) 32.03%, rgba(49, 53, 62, 0) 50%), radial-gradient(1160.6px at 0% 100%, rgba(88, 104, 139, 0) 0%, #31353E 100%), #31353e } } .banner__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } .banner__container { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; position: relative; left: -100%; padding-top: 230px } @media (max-width: 1199px) { .banner__container { padding-top: 160px; padding-bottom: 50px } } .banner__content { padding-left: 95px } @media (max-width: 1199px) { .banner__content { padding-left: 40px } } @media (max-width: 767px) { .banner__content { padding-left: 0 } } .banner__title { max-width: 480px } .banner__text { max-width: 369px } .banner p { line-height: 1.467; color: #cbd3e4 } .banner .swiper-wrapper { z-index: 2; pointer-events: none } .banner .swiper-pagination { position: absolute; right: calc((100% - 1110px) / 2); bottom: 50%; left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 63px } @media (max-width: 1199px) { .banner .swiper-pagination { right: 40px } } @media (max-width: 767px) { .banner .swiper-pagination { display: none } } .banner .swiper-pagination-bullet { margin: 30px 0 0 !important; display: inline-block; width: 40px; height: 3px; background-color: #aeb0b5; border-radius: 0; opacity: 1 } .banner .swiper-pagination-bullet-active { width: 63px; background-color: #d8dc3d } .banner-mini { height: auto } .banner-mini:before { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; display: block; width: 100%; height: 65px; content: ""; background: -o-radial-gradient(0% 100%, 1924.76px, #58688b 0%, #31353E 100%), #31353e; background: radial-gradient(1924.76px at 0% 100%, #58688b 0%, #31353E 100%), #31353e; opacity: .95 } @media (max-width: 1199px) { .banner-mini:before { content: none } } .banner-mini .breadcrumb { color: #3f444e } .banner-mini .breadcrumb:last-child { position: relative } .banner-mini .breadcrumb:last-child:before { position: absolute; top: auto; right: -1px; bottom: -2px; left: -1px; content: ""; height: 2px; background: #d8dc3d } .banner-mini .breadcrumb a { color: #a6aab3 } @media (max-width: 1199px) { .banner-mini .banner__container { left: 0; padding-bottom: 0 } } .banner-contacts { overflow: hidden; max-height: unset } .banner-contacts .breadcrumb { color: #f2f2f2 } .banner .btn { pointer-events: auto } .know-more { margin-top: 4px; font-family: "Fira Sans"; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; text-align: right; letter-spacing: 1.12px; text-transform: uppercase; color: #333c50 } .know-more a { vertical-align: middle; text-decoration: none } .know-more a svg { margin-left: 15px } .hashtag { position: relative; padding-left: 76px } @media (max-width: 1199px) { .hashtag { padding-left: 42px } } .hashtag:before { position: absolute; top: 0; right: auto; bottom: auto; left: 0; content: ""; width: 46px; height: 50px; background-image: url(/images/hashtag.svg); background-repeat: no-repeat; background-position: center; background-size: contain } @media (max-width: 1199px) { .hashtag:before { width: 27px; height: 29px } } .hashtag-white:before { background-image: url(/images/hashtag-white.svg) } .hashtag-padding { position: relative; padding-left: 76px } @media (max-width: 1199px) { .hashtag-padding { padding-left: 42px } } @media (max-width: 1199px) { .hashtag-padding-xs { padding-left: 0 } } .image { position: relative } .image .btn { position: absolute; right: 10px; bottom: 20px } @media (max-width: 1199px) { .image .btn { right: 0 } } .image .btn:after { margin-left: 25px } @media (max-width: 1199px) { .image .btn:after { margin-left: 15px } } .image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center } .image-skew { overflow: hidden; -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg) } .image-skew__wrap { -webkit-transform: skewX(10deg); -ms-transform: skewX(10deg); transform: skewX(10deg) } .image-skew__wrap:after { position: absolute; top: 0; right: auto; bottom: auto; left: 0; content: ""; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(72.51%, rgba(0, 27, 42, 0.4))), #31353e; background: -o-linear-gradient(top, #fff 0%, rgba(0, 27, 42, 0.4) 72.51%), #31353e; background: linear-gradient(180deg, #fff 0%, rgba(0, 27, 42, 0.4) 72.51%), #31353e; opacity: .3 } picture.image { display: block } .block-info { margin-right: -40px; margin-left: -40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (max-width: 991px) { .block-info { margin-right: -15px; margin-left: -15px } } @media (max-width: 600px) { .block-info { margin-right: 0; margin-left: 0 } } .block-info__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.333% - 80px); flex: 0 0 calc(33.333% - 80px); max-width: 300px; width: calc(33.333% - 80px); margin-top: 30px; margin-right: 40px; margin-left: 40px } @media (max-width: 991px) { .block-info__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.333% - 30px); flex: 0 0 calc(33.333% - 30px); max-width: 300px; width: calc(33.333% - 30px); margin-right: 15px; margin-left: 15px } } @media (max-width: 600px) { .block-info__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 45px); flex: 0 0 calc(100% - 45px); max-width: calc(100% - 45px); width: calc(100% - 45px); margin-right: 5px; margin-left: 40px } } .block-info__top { margin-bottom: 15px; font-family: "Fira Sans"; font-size: 20px; font-weight: 800; font-style: normal; line-height: 1.2; text-transform: uppercase; color: #333c50 } .block-info__top span { font-family: "Fira Sans"; font-size: 60px; font-weight: 800; font-style: normal; line-height: 1.2; text-transform: uppercase; color: #d8dc3d } @media (max-width: 1199px) { .block-info__top span { display: block; font-size: 50px } } .block-info p { font-size: 12px } .section-margin { margin-top: 140px; margin-bottom: 140px } @media (max-width: 1199px) { .section-margin { margin-top: 70px; margin-bottom: 70px } } @media (max-width: 767px) { .section-margin { margin-top: 60px; margin-bottom: 60px } } .section-margin_top { margin-top: 140px } @media (max-width: 1199px) { .section-margin_top { margin-top: 70px } } @media (max-width: 767px) { .section-margin_top { margin-top: 60px } } .section-margin_bottom { margin-bottom: 140px } @media (max-width: 1199px) { .section-margin_bottom { margin-bottom: 70px } } @media (max-width: 767px) { .section-margin_bottom { margin-bottom: 60px } } .services { margin: 0 } .services-wrap { overflow: hidden; width: 1000px } @media (max-width: 991px) { .services-wrap { margin-left: -15px } } @media (max-width: 767px) { .services-wrap { margin-left: 0; width: 100% } } .services-wrap .services { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 445px; width: 100%; overflow: visible } @media (max-width: 1199px) { .services-wrap .services { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 346px; width: 100% } } @media (max-width: 767px) { .services-wrap .services { overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100% } } .services-prev { position: absolute; z-index: 1; top: 0; left: 0; width: 50%; height: 100%; cursor: pointer; cursor: url(/images/cursor.svg) 0 0, pointer } .services-next { position: absolute; z-index: 1; top: 0; right: 0; width: 50%; height: 100%; cursor: pointer; cursor: url(/images/cursor-rigth.svg) 90 90, pointer } .services .swiper-wrapper { z-index: 2; pointer-events: none } .services .swiper-pagination { position: relative; bottom: auto; margin-top: 30px; padding-bottom: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: "Fira Sans"; font-size: 18px; font-weight: normal; font-style: normal; line-height: 1.222; text-transform: uppercase; color: #dedede } @media (max-width: 1199px) { .services .swiper-pagination { margin-top: 15px; margin-left: 40px } } .services .swiper-pagination:before { position: absolute; top: auto; right: auto; bottom: 0; left: 0; content: ""; display: block; width: 180px; height: 1px; background: #c4c4c4 } .services .swiper-pagination-current { margin-right: 5px; color: #fff } .services .swiper-pagination-total { margin-left: 5px } .services .swiper-pagination:after { position: absolute; top: auto; right: auto; bottom: 0; left: 0; content: ""; display: block; max-width: 180px; width: 0; height: 1px; background: #f5f6cd; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, .25); box-shadow: 0px 0px 4px rgba(0, 0, 0, .25); -webkit-transition: all 0s; -o-transition: all 0s; transition: all 0s } .services .swiper-pagination.active:after { width: 100%; -webkit-transition: all 7s ease-in; -o-transition: all 7s ease-in; transition: all 7s ease-in } .services__item { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; height: auto; opacity: .5 } .services__item.swiper-slide-active { opacity: 1 } .services__image { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100% } .services__image .image-skew { height: 100% } .services__image .image-skew__wrap { height: 100% } .services__image .image-skew__wrap:after { opacity: .6 } .services__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center } .services__image svg { display: block; width: 100% } .services__content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; position: relative; left: -100%; padding: 80px 50px 20px 95px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media (max-width: 1199px) { .services__content { padding: 50px 45px 20px 70px } } .services__title { font-family: "Fira Sans"; font-size: 25px; font-weight: normal; font-style: normal; line-height: 102%; text-transform: uppercase; pointer-events: auto; color: #fff } @media (max-width: 1199px) { .services__title { font-size: 22px } } .services__text { margin-top: 50px; padding-left: 30px; font-family: "Fira Sans"; font-size: 14px; font-weight: normal; font-style: normal; line-height: 1.5; color: rgba(255, 255, 255, .9) } .services__menu { margin-bottom: 20px; list-style: none } .services__menu li { position: relative; margin-top: 20px; padding-left: 30px } @media (max-width: 1199px) { .services__menu li { margin-left: -30px } } .services__menu li:first-child { margin-top: 50px } @media (max-width: 1199px) { .services__menu li:first-child { margin-top: 40px } } .services__menu li:before { position: absolute; top: 10px; right: auto; bottom: auto; left: 0; content: ""; width: 10px; height: 2px; background: #d8dc3d; opacity: .5 } .services__menu li a { font-family: "Fira Sans"; font-size: 14px; font-weight: normal; font-style: normal; line-height: 21px; pointer-events: auto; color: #fff; opacity: .9 } @media (max-width: 1199px) { .services__menu li a { font-size: 12px } } .services .btn { margin-top: auto; margin-bottom: 0; margin-left: auto; pointer-events: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .services-bg { position: relative; padding: 100px 0; overflow: hidden } @media (max-width: 1199px) { .services-bg { padding: 50px 0 } } .services-bg:before { position: absolute; top: 0; right: auto; bottom: auto; left: 0; content: ""; width: 100%; height: 100%; background: -o-radial-gradient(0% 100%, 2044.63px, #58688b 0%, #31353E 100%), #31353e; background: radial-gradient(2044.63px at 0% 100%, #58688b 0%, #31353E 100%), #31353e; opacity: .95 } .services-bg:after { position: absolute; top: -130px; right: 0; bottom: -20px; left: 0; content: ""; background-image: url(/images/hashtag-1_bg.svg); background-repeat: no-repeat; background-position: 35% center; background-size: contain } @media (max-width: 1199px) { .services-bg:after { top: -95px; bottom: -50px; left: -94px; background-position: left center } } @media (max-width: 767px) { .services-bg:after { background-position: 65% center; background-size: cover } } .services-bg .container { position: relative; z-index: 1 } .services-bg__text { max-width: 350px } @media (max-width: 1199px) { .services-bg__text { max-width: 100% } } @media (max-width: 1199px) { .services-bg__p { font-size: 12px } } .services-bg_transparent { padding: 60px 0 0 } @media (max-width: 1199px) { .services-bg_transparent { padding: 30px 0 0 } } .services-bg_transparent:before { background: rgba(0, 0, 0, 0) } .services-bg_transparent:after { top: 0; bottom: 20px; background-image: url(/images/hashtag-1-bg.svg) } .services-bg_transparent .services__item { padding-bottom: 27px; overflow: visible; opacity: .8 } @media (max-width: 767px) { .services-bg_transparent .services__content { padding: 70px 30px 20px 50px } } .services-bg_transparent .services__text { position: relative; margin-top: 30px } @media (max-width: 991px) { .services-bg_transparent .services__text { margin-left: -10px } } .services-bg_transparent .services__text:before { position: absolute; top: 10px; right: auto; bottom: auto; left: 0; content: ""; width: 10px; height: 2px; background: #d8dc3d; opacity: .5 } .services-bg .content__item-services { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 30px); flex: 0 0 calc(50% - 30px); max-width: 445px; width: calc(50% - 30px); margin-top: 80px; margin-right: 15px; margin-left: 15px } @media (max-width: 1199px) { .services-bg .content__item-services { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 51px); flex: 0 0 calc(50% - 51px); max-width: 445px; width: calc(50% - 51px); margin-top: 60px } } .services-bg .content__item-services:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 115px); flex: 0 0 calc(50% - 115px); max-width: 445px; width: calc(50% - 115px); margin-top: 0; margin-left: 100px } @media (max-width: 1199px) { .services-bg .content__item-services:nth-child(2) { margin-top: 60px } } .services-bg .content__item-services:nth-child(2n+1) { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 116px); flex: 0 0 calc(50% - 116px); max-width: 445px; width: calc(50% - 116px); margin-left: 101px } @media (max-width: 1199px) { .services-bg .content__item-services:nth-child(2n+1) { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 51px); flex: 0 0 calc(50% - 51px); max-width: 445px; width: calc(50% - 51px); margin-left: 15px } } @media (max-width: 991px) { .services-bg .content__item-services:nth-child(2n+1) { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 43px); flex: 0 0 calc(50% - 43px); max-width: calc(50% - 43px); width: calc(50% - 43px); margin-left: 7px } } @media (max-width: 767px) { .services-bg .content__item-services:nth-child(2n+1) { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); max-width: 345px; width: calc(100% - 30px); margin-right: auto; margin-left: auto } } @media (max-width: 1199px) { .services-bg .content__item-services:nth-child(2n) { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 51px); flex: 0 0 calc(50% - 51px); max-width: 445px; width: calc(50% - 51px); margin-left: 57px } } @media (max-width: 991px) { .services-bg .content__item-services:nth-child(2n) { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 43px); flex: 0 0 calc(50% - 43px); max-width: calc(50% - 43px); width: calc(50% - 43px); margin-right: 7px } } @media (max-width: 767px) { .services-bg .content__item-services:nth-child(2n) { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); max-width: 345px; width: calc(100% - 30px); margin-right: auto; margin-left: auto } } .services-bg .content__item-services .btn { margin-top: auto; margin-right: -15px; margin-bottom: -20px; margin-left: auto; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%) } .infg { position: relative; margin-right: -62px; margin-left: -62px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (max-width: 1199px) { .infg { margin-right: -15px; margin-left: -15px } } .infg__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.333% - 124px); flex: 0 0 calc(33.333% - 124px); max-width: calc(33.333% - 124px); width: calc(33.333% - 124px); margin-top: 90px; margin-right: 62px; margin-left: 62px } @media (max-width: 1199px) { .infg__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 30px); flex: 0 0 calc(50% - 30px); max-width: calc(50% - 30px); width: calc(50% - 30px); margin-top: 40px; margin-right: 15px; margin-left: 15px } } @media (max-width: 767px) { .infg__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); max-width: calc(100% - 30px); width: calc(100% - 30px) } } .infg__item-blockquote { padding-top: 70px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(66.667% - 124px); flex: 0 0 calc(66.667% - 124px); max-width: 445px; width: calc(66.667% - 124px) } @media (max-width: 1199px) { .infg__item-blockquote { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); max-width: calc(100% - 30px); width: calc(100% - 30px); padding-top: 0 } } .infg__item-blockquote p { color: #cbd3e4 } .infg__icon { margin-bottom: 20px; width: 50px; height: 50px } .infg__title { font-family: "Fira Sans"; font-size: 25px; font-weight: normal; font-style: normal; line-height: 108%; text-transform: uppercase; color: #cbd3e4 } .infg__text { margin-top: 30px; font-family: "Fira Sans"; font-size: 14px; font-weight: normal; font-style: normal; line-height: 1.5; color: #cbd3e4; opacity: .9 } .infg-bg { position: relative; padding-bottom: 120px; overflow: hidden } @media (max-width: 1199px) { .infg-bg { padding-bottom: 75px } } .infg-bg:before { position: absolute; top: 60px; right: auto; bottom: auto; left: 0; content: ""; width: 100%; height: 100%; pointer-events: none; background: -o-radial-gradient(0% 100%, 2044.63px, #58688b 0%, #31353E 100%), #31353e; background: radial-gradient(2044.63px at 0% 100%, #58688b 0%, #31353E 100%), #31353e; opacity: .95 } @media (max-width: 1199px) { .infg-bg:before { top: 20px } } .infg-bg:after { position: absolute; top: 130px; right: 0; bottom: 20px; left: 0; content: ""; pointer-events: none; background-image: url(/images/hashtag-1_bg.svg); background-repeat: no-repeat; background-position: center top; background-size: auto } @media (max-width: 1199px) { .infg-bg:after { top: 0; bottom: 0; background-position: 65% center; background-size: cover } } @media (max-width: 767px) { .infg-bg:after { content: none } } .infg-bg_padding-bottom-none { padding: 0 } .infg-bg_padding-bottom-none:before { height: calc(100% - 210px) } @media (max-width: 1199px) { .infg-bg_padding-bottom-none:before { height: calc(100% - 80px) } } .infg-bg_padding-bottom-none:after { bottom: 150px } .square-block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (max-width: 1199px) { .square-block { margin-right: -40px; margin-left: -40px } } @media (max-width: 767px) { .square-block { margin-right: -15px; margin-left: -15px } } .square-block__image { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; position: absolute; top: 0; left: 0; height: 100%; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } .square-block__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } .square-block__image:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; pointer-events: none; background: #333c50; opacity: .5 } .square-block__content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; position: relative; z-index: 1; padding: 60px 76px 50px } @media (max-width: 767px) { .square-block__content { padding: 60px 57px 50px } } .square-block__subtitle { margin-bottom: 30px; font-family: "Fira Sans"; font-size: 12px; font-weight: 600; font-style: normal; line-height: 1.167; letter-spacing: .3em; text-transform: uppercase; color: #cbd3e4 } .square-block__title { font-family: "Fira Sans"; font-size: 25px; font-weight: normal; font-style: normal; line-height: 102%; text-transform: uppercase; color: #cbd3e4 } @media (max-width: 1199px) { .square-block__title { font-size: 22px } } .square-block__data { margin-top: 10px; font-family: "Fira Sans"; font-size: 12px; font-weight: 300; font-style: normal; line-height: 1.167; color: #e6e6e6 } .square-block__text { margin-top: 25px; font-family: "Fira Sans"; font-size: 14px; font-weight: normal; font-style: normal; line-height: 1.5; color: #cbd3e4 } .square-block__item { -webkit-box-flex: 0; -ms-flex: 0 0 380px; flex: 0 0 380px; max-width: 380px; width: 380px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 306px } @media (max-width: 1199px) { .square-block__item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; min-height: 315px } } @media (max-width: 767px) { .square-block__item { min-height: 306px } } @media (max-width: 600px) { .square-block__item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100% } } .square-block__item-text { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 380px); flex: 0 0 calc(100% - 380px); max-width: calc(100% - 380px); width: calc(100% - 380px); padding-right: 75px; padding-bottom: 100px; display: block } @media (max-width: 1199px) { .square-block__item-text { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0 155px 100px 40px } } @media (max-width: 767px) { .square-block__item-text { padding: 0 15px 50px } } .square-block__item-text + .square-block__item { -ms-flex-item-align: end; align-self: flex-end } @media (max-width: 1199px) { .square-block__item-text + .square-block__item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100% } } .square-block__item-top { background: #333c50 } .square-block__item-top .square-block__image { clip: rect(500px, auto, auto, auto) } @media (max-width: 1199px) { .square-block__item-top .square-block__image { z-index: 0; clip: inherit; -webkit-transform: none; -ms-transform: none; transform: none } } .square-block__item-top:hover .square-block__image { clip: rect(0, auto, auto, auto) } .square-block__item-right { margin-right: 380px; background: #d8dc3d } @media (max-width: 1199px) { .square-block__item-right { margin-right: 0 } } .square-block__item-right .square-block__subtitle, .square-block__item-right .square-block__title, .square-block__item-right .square-block__data, .square-block__item-right .square-block__text { color: #333c50 } .square-block__item-right .square-block__image { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% + 380px); flex: 0 0 calc(100% + 380px); max-width: calc(100% + 380px); width: calc(100% + 380px); z-index: 0; clip: rect(auto, 0, auto, auto) } @media (max-width: 1199px) { .square-block__item-right .square-block__image { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; clip: inherit } } @media (max-width: 1199px) { .square-block__item-right .square-block__image:after { background: #d8dc3d; opacity: .85 } } .square-block__item-right:hover .square-block__subtitle, .square-block__item-right:hover .square-block__title, .square-block__item-right:hover .square-block__data, .square-block__item-right:hover .square-block__text { color: #cbd3e4 } @media (max-width: 767px) { .square-block__item-right:hover .square-block__subtitle, .square-block__item-right:hover .square-block__title, .square-block__item-right:hover .square-block__data, .square-block__item-right:hover .square-block__text { color: #333c50 } } .square-block__item-right:hover .square-block__image { clip: rect(auto, 760px, auto, auto) } .square-block__item-small { -webkit-box-flex: 0; -ms-flex: 0 0 350px; flex: 0 0 350px; max-width: 350px; width: 350px } @media (max-width: 1199px) { .square-block__item-small { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50% } } @media (max-width: 600px) { .square-block__item-small { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100% } } @media (max-width: 991px) { .slider-bg { margin-left: -15px } } @media (max-width: 767px) { .slider-bg { margin-left: 0 } } .slider-bg__prev { position: absolute; z-index: 1; top: 0; left: 0; width: 50%; height: 100%; cursor: pointer; cursor: url(/images/cursor.svg) 0 0, pointer } .slider-bg__next { position: absolute; z-index: 1; top: 0; right: 0; width: 50%; height: 100%; cursor: pointer; cursor: url(/images/cursor-rigth.svg) 90 90, pointer } .footnote { position: relative; width: 100% } .footnote__number { position: relative; z-index: 1; padding: 8px 11px; font-family: "Fira Sans"; font-size: 12px; font-weight: 600; font-style: normal; line-height: 1.167; letter-spacing: .1em; text-transform: uppercase; color: #333c50; background: #d8dc3d } .footnote__content { position: absolute; top: 0; left: 0; padding: 40px 30px 30px; visibility: hidden; overflow: hidden; width: 295px } .footnote__content:before { position: absolute; top: 0; right: auto; bottom: auto; left: 0; content: ""; width: 30px; height: 30px; background: #d8dc3d; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .footnote__content p { position: relative; font-family: "Fira Sans"; font-size: 12px; font-weight: normal; font-style: normal; line-height: 150%; color: #333c50; opacity: 0; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease } .footnote__item { position: absolute; z-index: 1; top: 0; left: 0 } @media (max-width: 1199px) { .footnote__item { display: none } } .footnote__item:hover { z-index: 2 } .footnote__item-right .footnote__content { right: 0; left: auto } .footnote__item-right .footnote__content:before { right: 0; left: auto } .footnote__item:hover .footnote__content { visibility: visible } .footnote__item:hover .footnote__content:before { width: 100%; height: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .footnote__item:hover .footnote__content p { opacity: 1; -webkit-transition: all .25s ease .2s; -o-transition: all .25s ease .2s; transition: all .25s ease .2s } .list { list-style: none } .list li { position: relative; margin-top: 20px; padding-left: 30px; font-family: "Fira Sans"; font-size: 14px; font-weight: normal; font-style: normal; line-height: 21px; color: rgba(103, 107, 115, .9) } @media (max-width: 1199px) { .list li { font-size: 12px } } .list li:first-child { margin-top: 0 } .list li:before { position: absolute; top: 10px; right: auto; bottom: auto; left: 0; content: ""; width: 10px; height: 2px; background-color: #d8dc3d; opacity: .5 } .list li div { margin-bottom: 10px; font-family: "Fira Sans"; font-size: 18px; font-weight: bold; font-style: normal; line-height: 1.222; text-transform: uppercase; color: #333c50 } @media (max-width: 1199px) { .list li div { font-size: 14px } } .reviews { margin-right: -63px; margin-left: -63px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (max-width: 1199px) { .reviews { margin-right: -15px; margin-left: -15px } } @media (max-width: 767px) { .reviews { margin-right: 10px } } .reviews__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.333% - 126px); flex: 0 0 calc(33.333% - 126px); max-width: calc(33.333% - 126px); width: calc(33.333% - 126px); margin-top: 80px; margin-right: 63px; margin-left: 63px } @media (max-width: 1199px) { .reviews__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.333% - 30px); flex: 0 0 calc(33.333% - 30px); max-width: calc(33.333% - 30px); width: calc(33.333% - 30px); margin-top: 40px; margin-right: 15px; margin-left: 15px } } @media (max-width: 991px) { .reviews__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 30px); flex: 0 0 calc(50% - 30px); max-width: calc(50% - 30px); width: calc(50% - 30px) } } @media (max-width: 600px) { .reviews__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); max-width: calc(100% - 30px); width: calc(100% - 30px) } } .reviews__image { width: 100%; height: 107px } .reviews__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } .reviews__content { margin-top: 30px } .reviews__content .link { margin-top: 35px } @media (max-width: 1199px) { .reviews__content .link { margin-top: 30px } } .reviews__title { font-family: "Fira Sans"; font-size: 18px; font-weight: bold; font-style: normal; line-height: 1.222; text-transform: uppercase; color: #333c50 } @media (max-width: 1199px) { .reviews__title { font-size: 16px } } .reviews__data { margin-top: 5px; font-family: "Fira Sans"; font-size: 12px; font-weight: 300; font-style: normal; line-height: 1.167; color: #676b73 } .reviews__text { margin-top: 20px; font-family: "Fira Sans"; font-size: 15px; font-weight: normal; font-style: normal; line-height: 1.467; color: #676b73 } @media (max-width: 1199px) { .reviews__text { margin-top: 10px; font-size: 14px } } .reviews-image { position: relative; margin-left: 20px; max-width: 460px } @media (max-width: 1199px) { .reviews-image { margin-left: 6px } } .reviews-image:before { position: absolute; top: -40px; right: auto; bottom: auto; left: -40px; content: ""; width: 68%; height: 74%; background: -o-radial-gradient(0% 100%, 548.73px, #58688b 0%, #31353E 100%), #31353e; background: radial-gradient(548.73px at 0% 100%, #58688b 0%, #31353E 100%), #31353e; opacity: .95 } @media (max-width: 1199px) { .reviews-image:before { position: absolute; top: -20px; right: auto; bottom: auto; left: -20px; content: ""; width: 60%; height: 60% } } @media (max-width: 767px) { .reviews-image:before { position: absolute; top: -10px; right: auto; bottom: auto; left: -10px; content: "" } } .reviews-image img { position: relative; z-index: 1; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } .reviews-image:after { position: absolute; top: auto; right: -40px; bottom: -40px; left: auto; content: ""; width: 68%; height: 74%; background: #d8dc3d } @media (max-width: 1199px) { .reviews-image:after { position: absolute; top: auto; right: -20px; bottom: -20px; left: auto; content: ""; width: 60%; height: 60% } } @media (max-width: 767px) { .reviews-image:after { position: absolute; top: auto; right: -10px; bottom: -10px; left: auto; content: ""; margin-left: 0 } } .reviews-slider__wrap { position: relative; margin-top: 60px } @media (max-width: 1199px) { .reviews-slider__wrap { margin-top: 30px; margin-right: 55px } } @media (max-width: 767px) { .reviews-slider__wrap { margin-right: 30px } } .reviews-slider__wrap .swiper-prev { position: absolute; top: 50%; left: -55px; width: 20px; height: 11px; background-image: url(/images/arrow-right.svg); background-repeat: no-repeat; background-position: center; background-size: contain; outline: none; -webkit-transform: translateY(-50%) scaleX(-1); -ms-transform: translateY(-50%) scaleX(-1); transform: translateY(-50%) scaleX(-1) } @media (max-width: 767px) { .reviews-slider__wrap .swiper-prev { left: -30px } } .reviews-slider__wrap .swiper-next { position: absolute; top: 50%; right: -55px; width: 20px; height: 11px; background-image: url(/images/arrow-right.svg); background-repeat: no-repeat; background-position: center; background-size: contain; outline: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media (max-width: 767px) { .reviews-slider__wrap .swiper-next { right: -30px } } .reviews-more__wrap { text-align: center } @media (max-width: 1199px) { .reviews-more__wrap { display: none } } .page-navigation { margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .page-navigation__item { padding: 4px 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 30px; min-height: 30px; font-family: "Fira Sans"; font-size: 18px; font-weight: bold; font-style: normal; line-height: 1.222; text-transform: uppercase; cursor: pointer; color: #333c50 } .page-navigation__item.active { background: #f4fa48; color: #333; border-color: white; } .contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .contacts-text { -webkit-box-flex: 0; -ms-flex: 0 0 475px; flex: 0 0 475px; max-width: 475px; width: 475px; padding-bottom: 100px } @media (max-width: 1199px) { .contacts-text { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; max-width: 400px; width: 400px } } @media (max-width: 991px) { .contacts-text { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; max-width: 300px; width: 300px } } @media (max-width: 767px) { .contacts-text { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; position: relative; padding-bottom: 30px } } .contacts h1 { color: #fff } .contacts-city { position: relative; padding-left: 30px; font-family: "Fira Sans"; font-size: 26px; font-weight: 600; font-style: normal; line-height: 1.1923; letter-spacing: .765px; text-transform: uppercase; color: #f2f2f2 } @media (max-width: 1199px) { .contacts-city { font-size: 20px } } .contacts-city:before { position: absolute; top: 2px; right: auto; bottom: auto; left: 0; content: ""; width: 15px; height: 21px; background-image: url(/images/contacts-pin.svg); background-repeat: no-repeat; background-position: center; background-size: contain } .contacts-address { font-family: "Fira Sans"; font-size: 25px; font-weight: 300; font-style: normal; line-height: 150%; color: #f2f2f2 } @media (max-width: 1199px) { .contacts-address { font-size: 20px } } .contacts-gate { font-family: "Fira Sans"; font-size: 14px; font-weight: 300; font-style: normal; line-height: 150%; color: #f2f2f2 } @media (max-width: 1199px) { .contacts-gate { font-size: 12px } } .contacts-parking { position: relative; padding-left: 30px; font-family: "Fira Sans"; font-size: 14px; font-weight: 300; font-style: normal; line-height: 150%; color: #f2f2f2 } .contacts-parking:before { position: absolute; top: 2px; right: auto; bottom: auto; left: 0; content: ""; width: 16px; height: 16px; background-image: url(/images/contacts-parking.svg); background-repeat: no-repeat; background-position: center; background-size: contain } .contacts-tel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .contacts-tel__item { font-family: "Fira Sans"; font-size: 29px; font-weight: 800; font-style: normal; line-height: 1.207; letter-spacing: .1em; text-transform: uppercase; color: #f2f2f2 } @media (max-width: 1199px) { .contacts-tel__item { font-size: 22px } } .contacts-bg { position: absolute; z-index: -1; top: 81px; right: calc((100% - 1110px) / 2 + 475px); bottom: 0; left: -195px } @media (max-width: 767px) { .contacts-bg { top: -30px; right: -15px; left: -15px } } .contacts-bg__skew { overflow: hidden; height: 100% } @media (max-width: 767px) { .contacts-bg__skew { margin: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } } .contacts-bg .item-skew { position: relative; height: 100% } @media (max-width: 767px) { .contacts-bg .item-skew { margin: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } } .contacts-bg .item-skew:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: -o-radial-gradient(0% 100%, 1312.91px, #58688b 0%, #31353E 100%), #31353e; background: radial-gradient(1312.91px at 0% 100%, #58688b 0%, #31353E 100%), #31353e; opacity: .95 } .contacts-bg img { position: relative; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } @media (min-width: 768px) { .contacts-map { position: absolute; top: 81px; right: -80px; bottom: 0; left: calc((100% - 1110px) / 2 + 475px) } } @media (max-width: 767px) { .contacts-map { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% + 30px); flex: 0 0 calc(100% + 30px); max-width: calc(100% + 30px); width: calc(100% + 30px); margin-right: -15px; margin-left: -15px; height: 350px } } .contacts-map__skew { overflow: hidden; width: 100%; height: 100% } @media (max-width: 767px) { .contacts-map__skew { margin: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } } @media (max-width: 767px) { .contacts-map__skew .item-skew { margin: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } } .contacts #map { height: 100% } @media (min-width: 768px) { .contacts #map .ymaps-2-1-79-controls__control { inset: 108px auto auto 65% !important } } @media (min-width: 991px) { .contacts #map .ymaps-2-1-79-controls__control { inset: 108px auto auto 72% !important } } @media (min-width: 1520px) { .contacts #map .ymaps-2-1-79-controls__control { inset: 108px auto auto 78% !important } } .contacts-block { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 767px) { .contacts-block { -ms-flex-wrap: wrap; flex-wrap: wrap } } .contacts-block__wrap { position: relative; overflow: hidden } .contacts-block__text { -webkit-box-flex: 0; -ms-flex: 0 0 580px; flex: 0 0 520px; max-width: 580px; width: 580px; /*padding-top:395px;*/ padding-bottom: 80px } @media (max-width: 1199px) { .contacts-block__text { -webkit-box-flex: 0; -ms-flex: 0 0 340px; flex: 0 0 340px; max-width: 340px; width: 340px; padding-top: 30px; padding-bottom: 30px } } @media (max-width: 767px) { .contacts-block__text { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100% } } .contacts-block__address { font-family: "Fira Sans"; font-size: 22px; font-weight: normal; font-style: normal; line-height: 1.182; color: #676b73 } @media (max-width: 1199px) { .contacts-block__address { font-size: 18px } } .contacts-block__city { display: block } @media (max-width: 1199px) { .contacts-block__city { margin-bottom: 15px; font-family: "Fira Sans"; font-size: 18px; font-weight: 600; font-style: normal; line-height: 1.222; letter-spacing: .765px; text-transform: uppercase; color: #333c50 } } .contacts-block__gate { margin-top: 5px; display: block; font-family: "Fira Sans"; font-size: 12px; font-weight: 300; font-style: normal; line-height: 150%; color: #333c50 } .contacts-block__tel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .contacts-block__tel-item { margin-top: 20px; font-family: "Fira Sans"; font-size: 26px; font-weight: 800; font-style: normal; line-height: 1.192; text-transform: uppercase; color: #333c50 } @media (max-width: 1199px) { .contacts-block__tel-item { margin-top: 10px; font-size: 16px } } .contacts-block__tel-item:first-child { margin-top: 0 } .contacts-block__image { position: absolute; z-index: -1; top: 0; right: calc(100% - ((100% - 1110px) / 2 + 592px)); bottom: 0; left: -195px; pointer-events: none } @media (max-width: 1199px) { .contacts-block__image { display: none } } .contacts-block__image-skew { margin-right: 0 !important; overflow: hidden; width: 100%; height: 100% } .contacts-block__image .item-skew { position: relative; height: 100% } .contacts-block__image-img { position: relative; width: 100%; height: 315px } .contacts-block__image-img:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: -o-radial-gradient(0% 100%, 1153.48px, #58688b 0%, #31353E 100%), #31353e; background: radial-gradient(1153.48px at 0% 100%, #58688b 0%, #31353E 100%), #31353e; opacity: .55 } .contacts-block__image-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } @media (min-width: 1200px) { .contacts-block__map { position: absolute; top: 0; right: -80px; bottom: 0; left: calc((100% - 1110px) / 2 + 580px) } } @media (max-width: 1199px) { .contacts-block__map { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 340px + 40px); flex: 0 0 calc(100% - 340px + 40px); max-width: calc(100% - 340px + 40px); width: calc(100% - 340px + 40px); margin-right: -40px } } @media (max-width: 767px) { .contacts-block__map { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% + 30px); flex: 0 0 calc(100% + 30px); max-width: calc(100% + 30px); width: calc(100% + 30px); margin-right: -15px; margin-left: -15px; height: 335px } } @media (min-width: 1200px) { .contacts-block__map .ymaps-2-1-79-controls__control { inset: 108px auto auto 64% !important } } @media (min-width: 1520px) { .contacts-block__map .ymaps-2-1-79-controls__control { inset: 108px auto auto 69% !important } } @media (min-width: 1800px) { .contacts-block__map .ymaps-2-1-79-controls__control { inset: 108px auto auto 71% !important } } .contacts-block__map-skew { overflow: hidden; width: 100%; height: 100% } @media (max-width: 1199px) { .contacts-block__map-skew { margin: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } } .contacts-block__map-skew .item-skew { height: 100% } @media (max-width: 1199px) { .contacts-block__map-skew .item-skew { margin: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } } .doctors-block__wrap { position: relative; overflow: hidden } .doctors-block__wrap:before { position: absolute; top: auto; right: 50%; bottom: 0; left: 0; content: ""; height: 305px; background: #d8dc3d } @media (max-width: 1199px) { .doctors-block__wrap:before { content: none } } .doctors-block__wrap:after { position: absolute; top: 0; right: auto; bottom: 0; left: calc((100% - 1110px) / 2 + 520px); content: ""; z-index: -1; width: 1000px; background: -o-radial-gradient(0% 100%, 1200.44px, #58688b 0%, #31353E 100%), #31353e; background: radial-gradient(1200.44px at 0% 100%, #58688b 0%, #31353E 100%), #31353e; opacity: .95; -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom } @media (max-width: 1199px) { .doctors-block__wrap:after { content: none } } .doctors-block__wrap .hashtag, .doctors-block__wrap .hashtag-padding { position: relative; z-index: 2 } .doctors-slider { margin-top: -150px } @media (max-width: 1199px) { .doctors-slider { margin-top: 0; overflow: visible } } .doctors-slider__wrap { position: relative } @media (max-width: 1199px) { .doctors-slider__wrap { margin-right: -40px; margin-left: -40px } } @media (max-width: 767px) { .doctors-slider__wrap { margin-right: -15px; margin-left: -15px } } .doctors-slider__wrap-skep { position: absolute; top: 180px; right: 0; bottom: 0; left: 0; overflow: hidden } @media (max-width: 1199px) { .doctors-slider__wrap-skep { display: none } } .doctors-slider__wrap-skep .item-skew { height: 100%; background-color: #fff } .doctors-slider__item { padding-top: 180px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto } @media (max-width: 1199px) { .doctors-slider__item { padding-top: 0 } } @media (max-width: 767px) { .doctors-slider__item { overflow: hidden } } .doctors-slider__content { -webkit-box-flex: 0; -ms-flex: 0 0 520px; flex: 0 0 520px; max-width: 520px; width: 520px; position: relative; padding: 0 20px 75px 190px; opacity: 0; /*-webkit-transition:all 1s ease-in;-o-transition:all 1s ease-in;transition:all 1s ease-in*/ } @media (max-width: 1199px) { .doctors-slider__content { -webkit-box-flex: 0; -ms-flex: 0 0 445px; flex: 0 0 445px; max-width: 445px; width: 445px; padding: 0 0 50px 80px } } @media (max-width: 767px) { .doctors-slider__content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 320px; width: 100%; margin-right: auto; margin-left: 0; padding: 0 15px 30px 57px } } @media (max-width: 1199px) { .doctors-slider__content .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } } .doctors-slider__content .list li { padding-right: 15px } @media (max-width: 1199px) { .doctors-slider__content .list li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50% } } @media (max-width: 767px) { .doctors-slider__content .list li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding-right: 0 } } .doctors-slider__content .list li:first-child { margin-top: 20px } .doctors-slider__title { font-family: "Fira Sans"; font-size: 26px; font-weight: bold; font-style: normal; line-height: 1.192; text-transform: uppercase; color: #333c50 } @media (max-width: 1199px) { .doctors-slider__title { font-size: 18px } } .doctors-slider__title span { display: block } .doctors-slider__position { margin-top: 30px; font-family: "Fira Sans"; font-size: 22px; font-weight: normal; font-style: normal; line-height: 1.182; color: #676b73 } @media (max-width: 1199px) { .doctors-slider__position { margin-top: 10px; font-size: 16px } } .doctors-slider__services-title { margin-top: 50px; font-family: "Fira Sans"; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.2143; text-transform: uppercase; color: #333c50 } @media (max-width: 1199px) { .doctors-slider__services-title { margin-top: 25px } } .doctors-slider__image { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 520px); flex: 0 0 calc(100% - 520px); max-width: calc(100% - 520px); width: calc(100% - 520px); position: relative; margin-top: -180px; padding-top: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } @media (max-width: 1199px) { .doctors-slider__image { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 445px); flex: 0 0 calc(100% - 445px); max-width: calc(100% - 445px); width: calc(100% - 445px); margin-top: -60px; padding-top: 0; overflow: hidden } } @media (max-width: 767px) { .doctors-slider__image { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 320px; width: 100%; margin-top: 0; margin-right: auto; margin-left: auto; overflow: visible } } .doctors-slider__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: bottom center; object-position: bottom center } @media (max-width: 1199px) { .doctors-slider__image:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; z-index: -1; background: -o-radial-gradient(0% 100%, 1200.44px, #58688b 0%, #31353E 100%), #31353e; background: radial-gradient(1200.44px at 0% 100%, #58688b 0%, #31353E 100%), #31353e; opacity: .95; -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom } } @media (max-width: 480px) { .doctors-slider__image:before { right: -40px } } @media (max-width: 1199px) { .doctors-slider__image:after { position: absolute; top: 90px; right: 40px; bottom: 0; left: -40px; content: ""; z-index: -1; background-color: #fff; -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top } } .swiper-slide-active .doctors-slider__content { opacity: 1 } .price-title { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (max-width: 380px) { .price-title { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } .price-title__link { position: relative; padding-right: 35px; padding-left: 20px; font-family: "Fira Sans"; font-size: 16px; font-weight: 500; font-style: normal; line-height: 1.1875; text-align: right; letter-spacing: 1.12px; text-transform: uppercase; color: #333c50 } @media (max-width: 1199px) { .price-title__link { padding-right: 20px; font-size: 12px } } @media (max-width: 380px) { .price-title__link { margin-top: 20px; margin-right: 20px; padding-left: 0 } } .price-title__link:before { position: absolute; top: 4px; right: 0; bottom: auto; left: auto; content: ""; width: 21px; height: 11px; background-image: url(/images/arrow-right.svg); background-repeat: no-repeat; background-position: center; background-size: contain } @media (max-width: 1199px) { .price-title__link:before { top: 2px; width: 15px; height: 9px } } .price-list { position: relative; overflow: hidden; height: 0; -webkit-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in } .price-list__item { margin-top: 25px; padding-left: 95px; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 920px; width: 100%; opacity: 0; -webkit-transition: all .3s ease-in .3s; -o-transition: all .3s ease-in .3s; transition: all .3s ease-in .3s } @media (max-width: 1199px) { .price-list__item { padding-right: 50px; padding-left: 55px; max-width: 100% } } @media (max-width: 767px) { .price-list__item { padding-right: 15px } } @media (max-width: 1199px) { .price-list__item:first-child { margin-top: 0 } } .price-list__item:last-child { padding-bottom: 55px } @media (max-width: 1199px) { .price-list__item:last-child { padding-bottom: 35px } } .price-list__content { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 100px); flex: 0 0 calc(100% - 100px); max-width: calc(100% - 100px); width: calc(100% - 100px); padding-right: 20px } @media (max-width: 1199px) { .price-list__content { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 80px); flex: 0 0 calc(100% - 80px); max-width: calc(100% - 80px); width: calc(100% - 80px) } } .price-list__title { font-family: "Fira Sans"; font-size: 16px; font-weight: normal; font-style: normal; line-height: 1.1875; color: #fff } @media (max-width: 1199px) { .price-list__title { font-size: 12px } } .price-list__article { font-family: "Fira Sans"; font-size: 14px; font-weight: normal; font-style: normal; line-height: 1.2143; letter-spacing: 1px; color: #cbd3e4 } @media (max-width: 1199px) { .price-list__article { margin-top: 5px; font-size: 12px } } .price-list__price { -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; max-width: 120px; width: 120px; font-family: "Fira Sans"; font-size: 16px; font-weight: 600; font-style: normal; line-height: 137%; text-align: right; letter-spacing: 1px; color: #fff } @media (max-width: 1199px) { .price-list__price { font-size: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; max-width: 80px; width: 80px } } .price-section { position: relative; margin-top: 30px; overflow: hidden } @media (max-width: 767px) { .price-section { margin-right: -15px; margin-left: -15px } } .price-section:before { position: absolute; top: 0; right: 0; bottom: 0; left: auto; content: ""; width: calc(100% - 980px); background: #333c50; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; -webkit-transform: skewX(-20deg); -ms-transform: skewX(-20deg); transform: skewX(-20deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom } @media (max-width: 1199px) { .price-section:before { width: 110px } } .price-section:after { position: absolute; top: 0; right: -100%; bottom: 0; left: 100%; content: ""; background: #f4fa48; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; -webkit-transform: skewX(-10deg) translateX(100%); -ms-transform: skewX(-10deg) translateX(100%); transform: skewX(-10deg) translateX(100%); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top } @media (max-width: 1199px) { .price-section:after { content: none } } .price-section__top { position: relative; width: 980px } @media (max-width: 1199px) { .price-section__top { width: calc(100% - 110px) } } .price-section__top:before { position: absolute; top: 0; right: 0; bottom: 0; left: -40px; content: ""; z-index: -1; background: #e6e6e6; -webkit-transform: skewX(-20deg); -ms-transform: skewX(-20deg); transform: skewX(-20deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top } @media (max-width: 1199px) { .price-section__top:before { -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom } } .price-section.active:before { width: 100%; -webkit-transform: none; -ms-transform: none; transform: none } .price-section.active:after { -webkit-transform: skewX(-10deg) translateX(0); -ms-transform: skewX(-10deg) translateX(0); transform: skewX(-10deg) translateX(0) } .price-section.active .yellow_rectangle { z-index: 1 } .price-section.active .price-section__title { padding: 32px 50px 20px 95px; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; cursor: pointer } @media (max-width: 1199px) { .price-section.active .price-section__title { padding: 30px 50px 20px 95px } } @media (max-width: 600px) { .price-section.active .price-section__title { padding: 22px 25px 20px 55px } } .price-section.active .price-section__title:before, .price-section.active .price-section__title:after { position: absolute; top: 45px; right: auto; bottom: auto; left: 45px; content: ""; width: 18px; height: 4px; background: #333c50; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } @media (max-width: 1199px) { .price-section.active .price-section__title:before, .price-section.active .price-section__title:after { top: 53% } } @media (max-width: 600px) { .price-section.active .price-section__title:before, .price-section.active .price-section__title:after { top: 47%; left: 18px } } .price-section.active .price-section__title:after { -webkit-transform: rotateZ(90deg); -ms-transform: rotate(90deg); transform: rotateZ(90deg) } .price-section.active .price-section__title { color: #fff } .price-section.active .price-section__title:before { background-color: #fff } .price-section.active .price-section__title:after { background-color: #fff; -webkit-transform: none; -ms-transform: none; transform: none } .price-section__title { position: relative; padding: 32px 50px 30px 95px; font-family: "Fira Sans"; font-size: 26px; font-weight: 600; font-style: normal; line-height: 31px; letter-spacing: .765px; text-transform: uppercase; color: #333c50; cursor: pointer; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } @media (max-width: 1199px) { .price-section__title { padding: 30px 25px 30px 55px; font-size: 16px } } @media (max-width: 600px) { .price-section__title { padding: 22px 25px 20px 55px; font-size: 10px } } .price-section__title:before { position: absolute; top: 45px; right: auto; bottom: auto; left: 45px; content: ""; width: 18px; height: 4px; background: #333c50; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } @media (max-width: 1199px) { .price-section__title:before { top: 47%; left: 18px } } .price-section__title:after { position: absolute; top: 45px; right: auto; bottom: auto; left: 45px; content: ""; width: 18px; height: 4px; background: #333c50; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; -webkit-transform: rotateZ(90deg); -ms-transform: rotate(90deg); transform: rotateZ(90deg) } @media (max-width: 1199px) { .price-section__title:after { top: 47%; left: 18px } } .price-section.active .price-list { padding-bottom: 40px; height: unset } .price-section.active .price-list__item { opacity: 1 } .price-card { margin-right: -15px; margin-left: -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (max-width: 767px) { .price-card { margin-right: -10px; margin-left: -10px } } .price-card__item { margin-top: 20px; margin-right: 15px; margin-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media (max-width: 767px) { .price-card__item { margin-right: 10px; margin-left: 10px } } .price-card__item img { width: 100% } .works-slider { overflow: visible; max-width: 100%; width: 702px } @media (max-width: 991px) { .works-slider { padding: 0 125px; width: 100% } } @media (max-width: 767px) { .works-slider { padding: 0 57px } } @media (max-width: 480px) { .works-slider { padding: 0 40px } } .works-slider__wrap { overflow: hidden } .works-slider__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } @media (max-width: 991px) { .works-slider__item { -ms-flex-wrap: wrap; flex-wrap: wrap } } .works-slider__image { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; position: relative } .works-slider__image .btn { position: absolute; z-index: 1; right: 0; bottom: 20px; pointer-events: auto; opacity: 0; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in } .works-slider__skew { position: relative; margin: 0 !important; overflow: hidden; height: 500px } @media (max-width: 1199px) { .works-slider__skew { height: 400px } } @media (max-width: 991px) { .works-slider__skew { height: 305px } } @media (max-width: 480px) { .works-slider__skew { height: 235px } } .works-slider__skew:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(72.51%, rgba(0, 27, 42, 0.4))), #31353e; background: -o-linear-gradient(top, #fff 0%, rgba(0, 27, 42, 0.4) 72.51%), #31353e; background: linear-gradient(180deg, #fff 0%, rgba(0, 27, 42, 0.4) 72.51%), #31353e; opacity: .8; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } .works-slider__skew .item-skew { height: 100% } .works-slider__skew img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } .works-slider__content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; position: relative; left: -100%; padding: 20px 70px 80px; opacity: 0; -webkit-transition: all .3 ease-in; -o-transition: all .3 ease-in; transition: all .3 ease-in } @media (max-width: 991px) { .works-slider__content { left: 0; padding: 30px 35px 0 } } @media (max-width: 767px) { .works-slider__content { padding: 30px 0 0 } } @media (max-width: 480px) { .works-slider__content { padding: 30px 17px 0 } } .works-slider__services { font-family: "Fira Sans"; font-size: 16px; font-weight: bold; font-style: normal; line-height: 1.1875; text-transform: uppercase; color: rgba(203, 211, 228, .7) } @media (max-width: 991px) { .works-slider__services { color: rgba(51, 60, 80, .7) } } .works-slider__services span { color: #fff } @media (max-width: 991px) { .works-slider__services span { color: #333c50 } } .works-slider__text { margin-top: 10px; font-family: "Fira Sans"; font-size: 12px; font-weight: normal; font-style: normal; line-height: 1.5; color: rgba(203, 211, 228, .7) } @media (max-width: 991px) { .works-slider__text { color: #676b73 } } .works-slider__doctor { margin-top: 15px } @media (max-width: 991px) { .works-slider__doctor { display: -webkit-box; display: -ms-flexbox; display: flex } } @media (max-width: 767px) { .works-slider__doctor { display: block } } .works-slider__doctor-text { margin-bottom: 10px; font-family: "Fira Sans"; font-size: 12px; font-weight: 600; font-style: normal; line-height: 1.167; color: rgba(203, 211, 228, .7) } @media (max-width: 991px) { .works-slider__doctor-text { -webkit-box-flex: 0; -ms-flex: 0 0 237px; flex: 0 0 237px; max-width: 237px; width: 237px; padding-right: 20px; color: rgba(51, 60, 80, .7) } } @media (max-width: 767px) { .works-slider__doctor-text { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100% } } .works-slider__doctor-name { font-family: "Fira Sans"; font-size: 12px; font-weight: 600; font-style: normal; line-height: 1.167; color: #fff } @media (max-width: 991px) { .works-slider__doctor-name { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 237px); flex: 0 0 calc(100% - 237px); max-width: calc(100% - 237px); width: calc(100% - 237px); color: #676b73 } } @media (max-width: 767px) { .works-slider__doctor-name { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100% } } .works-slider__doctor-name span { display: block } .works-slider .swiper-wrapper { z-index: 2; pointer-events: none } .works-slider .swiper-slide-active { z-index: 1 } .works-slider .swiper-slide-active .works-slider__image .btn { opacity: 1 } .works-slider .swiper-slide-active .works-slider__skew:after { opacity: .4 } .works-slider .swiper-slide-active .works-slider__content { opacity: 1 } .works-slider .swiper-pagination { position: absolute; bottom: 20px; margin-top: 30px; margin-left: 70px; padding-bottom: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: "Fira Sans"; font-size: 18px; font-weight: normal; font-style: normal; line-height: 1.222; text-transform: uppercase; pointer-events: none; color: #dedede } @media (max-width: 991px) { .works-slider .swiper-pagination { top: 20px; bottom: auto; margin-top: 0; margin-left: 190px } } @media (max-width: 767px) { .works-slider .swiper-pagination { margin-left: 90px } } .works-slider .swiper-pagination:before { position: absolute; top: auto; right: auto; bottom: 0; left: 0; content: ""; display: block; width: 180px; height: 1px; background: #c4c4c4 } @media (max-width: 991px) { .works-slider .swiper-pagination:before { content: none } } .works-slider .swiper-pagination-current { margin-right: 5px; color: #fff } .works-slider .swiper-pagination-total { margin-left: 5px } .works-slider .swiper-pagination:after { position: absolute; top: auto; right: auto; bottom: 0; left: 0; content: ""; display: block; max-width: 180px; width: 0; height: 1px; background: #f5f6cd; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, .25); box-shadow: 0px 0px 4px rgba(0, 0, 0, .25); -webkit-transition: all 0s; -o-transition: all 0s; transition: all 0s } @media (max-width: 991px) { .works-slider .swiper-pagination:after { content: none } } .works-slider .swiper-pagination.active:after { width: 100%; -webkit-transition: all 7s ease-in; -o-transition: all 7s ease-in; transition: all 7s ease-in } .works-prev { position: absolute; z-index: 1; top: 0; left: 0; width: 50%; height: 100%; cursor: pointer; cursor: url(/images/cursor.svg) 0 0, pointer } .works-next { position: absolute; z-index: 1; top: 0; right: 0; width: 50%; height: 100%; cursor: pointer; cursor: url(/images/cursor-rigth.svg) 90 90, pointer } .gallery-slider { background-color: #fff } .gallery-slider__wrap { position: relative; padding: 40px } @media (max-width: 1199px) { .gallery-slider__wrap { margin-right: -40px; margin-left: -40px } } @media (max-width: 991px) { .gallery-slider__wrap { padding: 0 } } @media (max-width: 767px) { .gallery-slider__wrap { margin-right: -15px; margin-left: -15px } } .gallery-slider__wrap:before { position: absolute; top: 0; right: auto; bottom: auto; left: 0; content: ""; width: 680px; height: 390px; background: -o-radial-gradient(0% 100%, 786.07px, #58688b 0%, #31353E 100%), #31353e; background: radial-gradient(786.07px at 0% 100%, #58688b 0%, #31353E 100%), #31353e; opacity: .95 } @media (max-width: 991px) { .gallery-slider__wrap:before { content: none } } .gallery-slider__wrap:after { position: absolute; top: auto; right: 0; bottom: 0; left: auto; content: ""; width: 680px; height: 390px; background: #d8dc3d } @media (max-width: 991px) { .gallery-slider__wrap:after { content: none } } .gallery-slider__image { height: 557px; opacity: 0; -webkit-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in } @media (max-width: 1199px) { .gallery-slider__image { height: 415px } } @media (max-width: 767px) { .gallery-slider__image { height: 400px } } .gallery-slider__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } .gallery-slider .swiper-slide-active .gallery-slider__image { opacity: 1 } .gallery-slider .swiper-prev { position: absolute; z-index: 1; right: 100px; bottom: 30px; width: 28px; height: 13px; background-image: url(/images/arrow-right_white.svg); background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1) } @media (max-width: 1199px) { .gallery-slider .swiper-prev { right: 72px; bottom: 20px } } @media (max-width: 767px) { .gallery-slider .swiper-prev { display: none } } .gallery-slider .swiper-next { position: absolute; z-index: 1; right: 50px; bottom: 30px; width: 28px; height: 13px; background-image: url(/images/arrow-right_white.svg); background-repeat: no-repeat; background-position: center; background-size: contain } @media (max-width: 1199px) { .gallery-slider .swiper-next { right: 30px; bottom: 20px } } @media (max-width: 767px) { .gallery-slider .swiper-next { display: none } } .found { position: relative; margin-top: 64px; padding: 133px 0 90px; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (max-width: 991px) { .found { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .found:before { position: absolute; z-index: 0; top: -125px; right: -325px; width: 1018px; height: 837px; content: ""; background-image: url("/images/foundhash.svg"); background-repeat: no-repeat; background-position: center; background-size: 100% } @media screen and (max-width: 1400px) { .found:before { right: -155px } } @media screen and (max-width: 1024px) { .found:before { top: 80px; right: -60px; width: 718px; height: 537px } } @media screen and (max-width: 991px) { .found:before { top: 80px; right: -30px } } @media screen and (max-width: 767px) { .found:before { top: 0; width: 518px } } .found-section { margin-top: -230px; overflow: hidden; min-height: 819px } @media screen and (max-width: 1024px) { .found-section { min-height: unset } } .found-section:before { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 1080px; content: ""; background: -o-radial-gradient(62.45% 58.61%, 652.82px, rgba(201, 208, 223, 0.4) 0%, #b4bccd 100%); background: radial-gradient(652.82px at 62.45% 58.61%, rgba(201, 208, 223, 0.4) 0%, #b4bccd 100%) } @media screen and (max-width: 767px) { .found-section:before { height: 100% } } .found-section:after { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 1080px; content: ""; background: -webkit-gradient(linear, left top, left bottom, from(#404654), color-stop(59.24%, #868a94), color-stop(61.03%, #abb4c8), color-stop(67.19%, #b4bac7), to(#7c8596)); background: -o-linear-gradient(top, #404654 0%, #868a94 59.24%, #abb4c8 61.03%, #b4bac7 67.19%, #7c8596 100%); background: linear-gradient(180deg, #404654 0%, #868a94 59.24%, #abb4c8 61.03%, #b4bac7 67.19%, #7c8596 100%) } @media screen and (max-width: 767px) { .found-section:after { height: 100% } } .found-content { margin-top: 40px; margin-left: 90px; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 282px; width: 100% } @media screen and (max-width: 991px) { .found-content { margin-bottom: 60px; margin-right: auto; margin-left: auto; max-width: 600px; width: 100% } } .found-content .btn { margin-top: 40px; padding-right: 0; padding-left: 0; max-width: 270px; width: 100%; text-align: center } .found__title { margin-bottom: 30px; font-family: "Fira Sans"; font-size: 140px; font-weight: 800; font-style: italic; line-height: 100%; text-transform: uppercase; color: #fff } .found__subtitle { margin-bottom: 20px; font-family: "Fira Sans"; font-size: 26px; font-weight: bold; font-style: normal; line-height: 100%; text-transform: uppercase; color: #fff } .found__text { font-family: "Fira Sans"; font-size: 14px; font-weight: normal; font-style: normal; line-height: 17px; text-align: center; color: #fff } .found-img { position: absolute; top: 113px; right: -30px; display: block; width: 708px; height: 596px } @media screen and (max-width: 1024px) { .found-img { width: 628px } } @media screen and (max-width: 991px) { .found-img { position: static; max-width: 628px; width: 100%; height: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } .found__img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .two-column { margin-right: -49px; margin-left: -49px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (max-width: 1199px) { .two-column { margin-right: -14px; margin-left: -14px } } .two-column__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 98px); flex: 0 0 calc(50% - 98px); max-width: 380px; width: calc(50% - 98px); margin-right: 49px; margin-left: 49px } @media (max-width: 1199px) { .two-column__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 28px); flex: 0 0 calc(50% - 28px); max-width: calc(50% - 28px); width: calc(50% - 28px); margin-right: 14px; margin-left: 14px } } @media (max-width: 767px) { .two-column__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 28px); flex: 0 0 calc(100% - 28px); max-width: calc(100% - 28px); width: calc(100% - 28px) } } .sertificate-popup__wrap { position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; padding: 0 15px; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(0, 0, 0, .8); opacity: 0; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .sertificate-popup__wrap.open { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1 } .sertificate-popup__close { position: absolute; z-index: 5; top: 15px; right: 15px; width: 8px; height: 8px } .sertificate-popup__close svg { display: block } .sertificate-popup__close:hover path { fill: #d8dc3d } .sertificate-popup__content { position: relative; display: inline-block; max-width: 1110px } .sertificate-popup__content img { max-width: 100% } .sertificate-popup__slider { width: auto } .sertificate-popup__slider .swiper-prev { position: absolute; z-index: 1; top: 50%; left: 5px; width: 21px; height: 11px; background-image: url(/images/arrow-right.svg); background-repeat: no-repeat; background-position: center; background-size: contain; outline: none; -webkit-transform: translateY(-50%) scaleX(-1); -ms-transform: translateY(-50%) scaleX(-1); transform: translateY(-50%) scaleX(-1) } .sertificate-popup__slider .swiper-next { position: absolute; z-index: 1; top: 50%; right: 5px; width: 21px; height: 11px; background-image: url(/images/arrow-right.svg); background-repeat: no-repeat; background-position: center; background-size: contain; outline: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .sertificate-popup__slide { display: inline-block; width: auto !important; height: auto !important; opacity: 0 !important } .sertificate-popup__slide.swiper-slide-active { opacity: 1 !important } .popup-bg { position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; padding: 0 15px; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(0, 0, 0, .8); opacity: 0; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .popup-bg.open { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1 } .popup-close { position: absolute; z-index: 5; top: 15px; right: 15px; width: 8px; height: 8px } .popup-close svg { display: block } .popup-close:hover path { fill: #d8dc3d } .popup-wrapper { position: relative; display: inline-block; max-width: 1110px } .popup-wrapper img { max-width: 100% } .filter { margin-top: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 2px solid #e6e6e6 } .filter-item { position: relative; padding: 7px 25px; font-family: "Fira Sans", serif; font-size: 12px; font-weight: 600; font-style: normal; line-height: 1.167; text-transform: uppercase; color: #333c50; cursor: pointer; } .filter-item:after { position: absolute; top: auto; right: 0; bottom: -2px; left: 0; content: ""; height: 2px; background: rgba(0, 0, 0, 0) } .filter-item.active:after { position: absolute; top: auto; right: 0; bottom: -2px; left: 0; content: ""; height: 2px; background: #d8dc3d } #app .onlineBooking { position: fixed; bottom: 0; left: 18px; z-index: 1; font-family: "Fira Sans"; border: 0; width: 180px; padding: 8px; border-radius: 10px 10px 0 0; color: #000; background: #f4fa48 } @media (max-width: 600px) { #app .onlineBooking { width: 81px; left: 9px; bottom: 20px; border-radius: 10px; background: #f4fa48 } } #app.blue .header-content__address:hover, #app.blue .header-phone__item:hover, #app.blue .burger:hover { color: #93d8ff } #app.blue .burger:before { background-image: url(/images/burger-close_blue.svg) } #app.blue .burger:after { background-image: url(/images/burger-open_blue.svg) } #app.blue .submenu__link:hover, #app.blue .submenu-list__link:hover { color: #93d8ff } #app.blue .header-social__link:hover path { fill: #93d8ff } #app.blue .breadcrumb { color: #93d8ff } #app.blue .banner-mouse { border: 2px solid #93d8ff } #app.blue .banner-mouse:before { background: #93d8ff } #app.blue .hashtag:before { background-image: url(/images/hashtag_blue.svg) } #app.blue .hashtag-white:before { background-image: url(/images/hashtag-white.svg) } #app.blue .btn { color: #fff; background: #93d8ff } #app.blue .btn:after { background-image: url(/images/arrow-right_blue.svg) } #app.blue .link { border-bottom: 2px solid #93d8ff } #app.blue .link:hover { color: #76c1ec } #app.blue blockquote:before, #app.blue .blockquote:before { background-image: url(/images/blockquote_blue.svg) } #app.blue .list li:before { background-color: #93d8ff } #app.blue .form-bg__title span { color: #93d8ff } #app.blue .form-bg .form-checkbox label:after { background-image: url(/images/form-checkbox_blue.svg) } #app.blue .fixed-nav__item.active .fixed-nav__link:before { background: #93d8ff } #app.blue .fixed-nav__link:hover:before { background: #93d8ff } #app.blue .services-bg_transparent .services__text:before { background: #93d8ff } #app.blue .form-bg .form__title span { color: #93d8ff } #app.blue .more:before { background-image: url(/images/more_blue.svg) } #app.blue .more:after { background-image: url(/images/more_blue.svg) } #app.blue .doctors-block__wrap:before { background: #93d8ff } #app.blue .gallery-slider__wrap:after { background: #93d8ff } #app.blue .price-section:after { background: #93d8ff } #app.blue .content__item-image-big:before { background: #93d8ff } #app.blue .footer-search__input:focus + .footer-search__btn { background-image: url(/images/header-search_blue.svg) } #app.blue .footer-search__input:focus ~ span { background-color: #93d8ff } #app.blue .footer-top__link:hover { color: #93d8ff } #app.blue .footer-top__link-urb:hover:before { background-image: url(/images/urb_blue.svg) } #app.blue .footer-top__link-bvi:hover:before { background-image: url(/images/bvi_blue.svg) } #app.blue .footer-menu__link:hover { color: #93d8ff } #app.blue .footer-submenu__link:hover { color: #93d8ff } #app.green .header-content__address:hover, #app.green .header-content__address:hover .header-content__street, #app.green .header-phone__item:hover, #app.green .burger:hover { color: #64c099 } #app.green .burger:before { background-image: url(/images/burger-close_green.svg) } #app.green .burger:after { background-image: url(/images/burger-open_green.svg) } #app.green .submenu__link:hover, #app.green .submenu-list__link:hover { color: #64c099 } #app.green .header-social__link:hover path { fill: #64c099 } #app.green .breadcrumb { color: #64c099 } #app.green .banner-mouse { border: 2px solid #64c099 } #app.green .banner-mouse:before { background: #64c099 } #app.green .hashtag:before { background-image: url(/images/hashtag_green.svg) } #app.green .hashtag-white:before { background-image: url(/images/hashtag-white.svg) } #app.green .btn { color: #fff; background: #64c099 } #app.green .btn:after { background-image: url(/images/arrow-right_green.svg) } #app.green .link { border-bottom: 2px solid #76d8af } #app.green .link:hover { color: #64c099 } #app.green blockquote:before, #app.green .blockquote:before { background-image: url(/images/blockquote_green.svg) } #app.green .list li:before { background-color: #64c099 } #app.green .form-bg__title span { color: #64c099 } #app.green .form-bg .form-checkbox label:after { background-image: url(/images/form-checkbox_green.svg) } #app.green .fixed-nav__item.active .fixed-nav__link:before { background: #64c099 } #app.green .fixed-nav__link:hover:before { background: #64c099 } #app.green .services-bg_transparent .services__text:before { background: #64c099 } #app.green .form-bg .form__title span { color: #64c099 } #app.green .more:before { background-image: url(/images/more_green.svg) } #app.green .more:after { background-image: url(/images/more_green.svg) } #app.green .doctors-block__wrap:before { background: #64c099 } #app.green .gallery-slider__wrap:after { background: #64c099 } #app.green .price-section:after { background: #64c099 } #app.green .content__item-image-big:before { background: #64c099 } #app.green .footer-search__input:focus + .footer-search__btn { background-image: url(/images/header-search_green.svg) } #app.green .footer-search__input:focus ~ span { background-color: #64c099 } #app.green .footer-top__link:hover { color: #64c099 } #app.green .footer-top__link-urb:hover:before { background-image: url(/images/urb_green.svg) } #app.green .footer-top__link-bvi:hover:before { background-image: url(/images/bvi_green.svg) } #app.green .footer-menu__link:hover { color: #64c099 } #app.green .footer-submenu__link:hover { color: #64c099 } #app.pink .header-content__address:hover, #app.pink .header-content__address:hover .header-content__street, #app.pink .header-phone__item:hover, #app.pink .burger:hover { color: #c76594 } #app.pink .burger:before { background-image: url(/images/burger-close_pink.svg) } #app.pink .burger:after { background-image: url(/images/burger-open_pink.svg) } #app.pink .submenu__link:hover, #app.pink .submenu-list__link:hover { color: #c76594 } #app.pink .header-social__link:hover path { fill: #c76594 } #app.pink .breadcrumb { color: #c76594 } #app.pink .banner-mouse { border: 2px solid #c76594 } #app.pink .banner-mouse:before { background: #c76594 } #app.pink .hashtag:before { background-image: url(/images/hashtag_pink.svg) } #app.pink .hashtag-white:before { background-image: url(/images/hashtag-white.svg) } #app.pink .btn { color: #fff; background: #c76594 } #app.pink .btn:after { background-image: url(/images/arrow-right_pink.svg) } #app.pink .link { border-bottom: 2px solid #d876a5 } #app.pink .link:hover { color: #c76594 } #app.pink blockquote:before, #app.pink .blockquote:before { background-image: url(/images/blockquote_pink.svg) } #app.pink .list li:before { background-color: #c76594 } #app.pink .form-bg__title span { color: #c76594 } #app.pink .form-bg .form-checkbox label:after { background-image: url(/images/form-checkbox_pink.svg) } #app.pink .fixed-nav__item.active .fixed-nav__link:before { background: #c76594 } #app.pink .fixed-nav__link:hover:before { background: #c76594 } #app.pink .services-bg_transparent .services__text:before { background: #c76594 } #app.pink .form-bg .form__title span { color: #c76594 } #app.pink .more:before { background-image: url(/images/more_pink.svg) } #app.pink .more:after { background-image: url(/images/more_pink.svg) } #app.pink .doctors-block__wrap:before { background: #c76594 } #app.pink .gallery-slider__wrap:after { background: #c76594 } #app.pink .price-section:after { background: #c76594 } #app.pink .content__item-image-big:before { background: #c76594 } #app.pink .footer-search__input:focus + .footer-search__btn { background-image: url(/images/header-search_pink.svg) } #app.pink .footer-search__input:focus ~ span { background-color: #c76594 } #app.pink .footer-top__link:hover { color: #c76594 } #app.pink .footer-top__link-urb:hover:before { background-image: url(/images/urb_pink.svg) } #app.pink .footer-top__link-bvi:hover:before { background-image: url(/images/bvi_pink.svg) } #app.pink .footer-menu__link:hover { color: #c76594 } #app.pink .footer-submenu__link:hover { color: #c76594 } html:not(.android-device) * { text-rendering: geometricPrecision } .fixed-nav__item { padding: 40px 19px 20px; } .works-slider-2 .swiper-container { padding-bottom: 65px; margin-top: 40px; } .works-slider-2 .swiper-slide img:nth-child(1) { z-index: 3; } .works-slider-2 .swiper-slide img:nth-child(2) { margin-left: -291px; z-index: 2; } .works-slider-2 .swiper-slide img:nth-child(3) { margin-left: -59px; z-index: 1; } .works-slider-2 .swiper-slide div { display: flex; } .works-slider-2 .swiper-slide div:before { content: "ДО"; width: 41px; height: 25px; position: absolute; background: #d8dc3d; z-index: 4; text-align: center; left: 10px; top: 10px; font-size: 16px; font-weight: 600; line-height: 24px; } .works-slider-2 .swiper-slide div:after { content: "ПОСЛЕ"; width: 70px; height: 25px; position: absolute; background: #d8dc3d; z-index: 4; text-align: center; right: 10px; top: 10px; font-size: 16px; font-weight: 600; line-height: 24px; } .works-slider-2 .works-prev, .works-slider-2 .works-next { cursor: pointer; top: auto; bottom: 0px; width: 91px; height: 37px; border: 1px solid #333C50; } .works-slider-2 .works-prev { background: url('/services/ortodontiya/brekety/images/works-prev.png') center no-repeat; } .works-slider-2 .works-next { background: url('/services/ortodontiya/brekety/images/works-next.png') center no-repeat; right: 0; } .footer_callback_form { background: linear-gradient(90.11deg, #D8DC3D 12.41%, #BEC130 75.14%); margin-top: 20px; } .fcf-title { font-family: Fira Sans; font-size: 30px; font-weight: 800; line-height: 40px; letter-spacing: 0em; text-align: left; color: #fff; text-transform: uppercase; } .fcf-text { font-family: Fira Sans; font-size: 16px; font-weight: 800; line-height: 26px; letter-spacing: 0em; text-align: left; color: #fff; text-transform: uppercase; } .footer_callback_form_wrap { display: flex; justify-content: space-between; padding: 15px 0px; margin: 0px; } .footer_callback_form button.btn.in_footer { font-family: Fira Sans; font-size: 16px; font-weight: 600; line-height: 17px; letter-spacing: 0.05em; text-align: left; color: #333C50; background-color: #FFFFFF; height: 50px; margin-top: 10px; } .footer_callback_form button.btn.in_footer:after { display: none; } @media (max-width: 1199px) { .works-slider-2 .swiper-slide { display: flex; justify-content: center; } .works-slider-2 .swiper-slide div { width: 423px; } .works-slider-2 .swiper-slide img { height: 194px; } .works-slider-2 .swiper-slide img:nth-child(2) { margin-left: -162px; } .works-slider-2 .swiper-slide img:nth-child(3) { margin-left: -22px; } .works-slider-2 .swiper-slide div:before { position: relative; padding: 2px 11px; left: 52px; line-height: 24px; } .works-slider-2 .swiper-slide div:after { position: relative; padding: 2px 11px; right: 80px; line-height: 24px; } } @media (max-width: 800px) { .fcf-title { font-size: 23px; } .fcf-text { font-size: 14px; } } @media (max-width: 680px) { .fcf-title { text-align: center; line-height: 30px; padding: 0px 15px; } .fcf-text { font-size: 10px; text-align: center; } .footer_callback_form_wrap { display: block; text-align: center; } .footer_callback_form .container { margin: 0px; padding: 4px; } .footer_callback_form button.btn.in_footer { width: 100%; text-align: center; } } @media (max-width: 767px) { .works-slider-2 .swiper-slide div { width: 290px; } .works-slider-2 .swiper-slide img { height: 175px; } .works-slider-2 .swiper-slide img:nth-child(1) { z-index: 3; margin-left: -40px; } .works-slider-2 .swiper-slide img:nth-child(2) { margin-left: -151px; } .works-slider-2 .swiper-slide img:nth-child(3) { margin-left: -30px; } .works-slider-2 .swiper-slide div:before { left: 10px; } .works-slider-2 .swiper-slide div:after { right: 78px; } } .active .yellow_rectangle { transition: all .3s ease-in;; background: #F4FA48; height: 1000px; width: 2000px; position: absolute; top: 0px; bottom: 0px; left: 100%; /* margin-right: -2000px; */ z-index: 999; -ms-transform: skewX(-10deg); -o-transform: skewX(-10deg); transform: skewX(-10deg); -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; } .price-section .price-section__main-price { position: absolute; top: 0; bottom: 0; right: 0; padding: 32px 10px 32px 70px; width: calc(100% - 855px); line-height: 26px; font-family: "Fira Sans"; font-weight: 600; font-size: 22px; letter-spacing: 0.1em; text-transform: uppercase; color: #FFFFFF; } .price-section.without-children:before { width: calc(100% - 855px); } /*.content .content__item.content__item-text:nth-child(2){ margin-left: 40px; }*/ .show-more { margin-right: -15px; margin-left: -15px; text-align: center; margin-top: 40px; } .show-more .show-more__text { font-family: "Fira Sans"; font-weight: bold; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #333C50; } .show-more .show-more__text svg { margin-top: 30px; } @media (max-width: 1199px) { .price-section.without-children .price-section__main-price { width: 254px; } .price-section.without-children:before { width: 254px; } } .dent_fixed_form { background: rgba(49, 55, 70, 0.89); position: fixed; z-index: 10; bottom: 0; width: 100%; border-top: 2px solid #D8DC3D; } .header-fixx { height: 130px; position: fixed; z-index: 5; width: 100%; /* background: rgba(49, 55, 70, 0.89)!important; */ top: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .header-wrap { background: rgba(49, 55, 70, 0.0); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } /** roman от 02.03.2025 */ @media screen and (min-width: 768px) { .content__item-text.flex-400 { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 100px); flex: 0 0 calc(100% - 100px); max-width: calc(100% - 100px); width: calc(100% - 100px); } } /** roman от 02.03.2025 */ @media screen and (min-width: 1024px) { .content__item-text.flex-400 { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 200px - 100px); flex: 0 0 calc(100% - 200px - 100px); max-width: calc(100% - 200px - 100px); width: calc(100% - 200px - 100px); } } /** roman от 02.03.2025 */ @media screen and (min-width: 1200px) { .content__item-text.flex-400 { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 400px - 100px); flex: 0 0 calc(100% - 400px - 100px); max-width: calc(100% - 400px - 100px); width: calc(100% - 400px - 100px); } } .content__item-image.flex-200 { -webkit-box-flex: 0; -ms-flex: 0 0 540px; flex: 0 0 200px; max-width: 200px; width: 200px; } .content__item-text.flex-400 .two_color_block { padding-left: 0px; } @media (max-width: 767px) { .banner__container .banner__title { font-size: 35px !important; } .header-fixx { height: auto; position: fixed; z-index: 5; width: 100%; background: rgba(49, 55, 70, 0) !important; top: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } } .doctors-slider__wrap .swiper-prev, .gallery-slider .swiper-prev { position: absolute; z-index: 1; right: 100px; bottom: 30px; width: 28px; height: 13px; background-image: url(/images/arrow-right_green.svg); background-repeat: no-repeat; background-position: center; background-size: contain; -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } .doctors-slider__wrap .swiper-next, .gallery-slider .swiper-next { position: absolute; z-index: 1; right: 50px; bottom: 30px; width: 28px; height: 13px; background-image: url(/images/arrow-right_green.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } .banner__container .banner__title { font-family: "Fira Sans"; font-size: 52px; font-weight: 800; font-style: normal; line-height: 1.19; text-transform: uppercase; } .dent_fixed_form .form-popup { position: relative; padding: 35px 65px; overflow: hidden; max-width: 100%; width: 100%; background: rgba(234, 234, 234, 0); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0); } .dent_fixed_form .form__title { font-family: "Fira Sans"; padding: 15px 20px 15px 0px; font-size: 28px; font-weight: 800; font-style: normal; line-height: 100%; color: #fff; width: 28%; float: left; } .dent_fixed_form .form-colum { font-family: "Fira Sans"; padding: 15px 80px 15px 0px; line-height: 100%; color: #fff; width: 48%; float: left; } .dent_fixed_form .bottom-left { padding: 19px 0px 15px; font-size: 32px; font-weight: 800; font-style: normal; line-height: 100%; color: #fff; width: 24%; float: left; } .dent_fixed_form input[type=text] { padding-bottom: 10px; width: 100%; font-family: "Fira Sans"; font-size: 14px; font-weight: 500; font-style: normal; line-height: 1.2143; letter-spacing: 0.35em; color: #fff; background: transparent; border: none; border-bottom: 1px solid #fff; outline: none; margin-bottom: 12px; } .dent_fixed_form .container { background-image: url(/images/hashtag-1_bg.svg); background-repeat: no-repeat; background-position: right center; background-size: contain; } .main-menu-heder { min-width: 100%; padding-left: 125px; margin-top: -54px; } .main-menu-heder .menu { position: relative; width: 100%; z-index: 20; pointer-events: painted; } .main-menu-heder .menu .menu__item:hover .menu__link { color: #333C50; background: #F4FA48; } .main-menu-heder .menu .root-item-selected { color: #333C50 !important; background: #F4FA48; } .main-menu-heder .menu .menu__item { float: left; margin-top: 0px; padding-right: 15px; position: relative; } .main-menu-heder .menu .menu__link { font-family: "Fira Sans"; font-size: 16px; font-weight: bold; font-style: normal; line-height: 1.181; padding: 10px 20px; text-transform: uppercase; color: #c4c4c4; -o-transition: all .3s ease-in; transition: all .3s ease-in; } .main-menu-heder .submenu { left: 0px; top: 38px; padding: 30px; background: rgba(49, 55, 70, 0.89); } .main-menu-heder .submenu .submenu-list { width: 250px; padding: 30px; border: 2px solid #D8DC3D; background: rgb(49, 55, 70); } .blue .main-menu-heder .submenu .submenu-list { border: 2px solid #93D8FF; } .blue .main-menu-heder .menu .menu__item:hover .menu__link { background: #93D8FF; } .blue .main-menu-heder .menu .root-item-selected { background: #93D8FF; } .blue .dent_fixed_form { border-top: 2px solid #93D8FF; } .pink .main-menu-heder .submenu .submenu-list { border: 2px solid #C76594; } .pink .main-menu-heder .menu .menu__item:hover .menu__link { background: #C76594; } .pink .main-menu-heder .menu .root-item-selected { background: #C76594; } .pink .dent_fixed_form { border-top: 2px solid #C76594; } @media screen and (max-width: 1320px) { .dent_fixed_form, .main-menu-heder { visibility: hidden !important; display: none !important; } .header-fixed { position: fixed; top: 0; } } @media screen and (min-width: 1320px) { .burger { visibility: hidden; display: none; } .breadcrumbs { margin-top: -35px; padding-left: 97px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; } } /*// переработанный лист цен //*/ .price-list { } .price-list__item:first-child { padding-top: 10px; margin-top: 0px; -o-transition: all .3s ease-in .3s; transition: all .3s ease-in .3s; } .price-list__content { -ms-flex: 0 0 calc(100% - 280px); flex: 0 0 calc(100% - 280px); max-width: calc(100% - 280px); width: calc(100% - 280px); padding: 35px 20px 0px 0px; } .price-list__item { max-width: 100%; margin-top: 0px; } .price-list__price { padding: 35px 20px 0px 0px; -ms-flex: 0 0 140px; flex: 0 0 140px; max-width: 140px; width: 140px; border-left: 20px solid #333C50; font-family: "Fira Sans"; font-size: 16px; font-weight: 600; font-style: normal; line-height: 137%; text-align: right; letter-spacing: 1px; color: #FFFFFF; background: #333C50; } .price-list__price_r { padding: 35px 20px 0px 0px; -ms-flex: 0 0 140px; flex: 0 0 140px; max-width: 140px; width: 140px; border-left: 20px solid #fff; font-family: "Fira Sans"; font-size: 16px; font-weight: 600; font-style: normal; line-height: 137%; text-align: right; letter-spacing: 1px; color: #FFFFFF; background: #75B8DE; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .price-section:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; background: #F4FA48; -o-transition: all .3s ease-in; transition: all .3s ease-in; -ms-transform: skewX(-0deg) translateX(100%); -o-transform: skewX(-0deg) translateX(100%); transform: skewX(-0deg) translateX(100%); -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; width: 0px; } .price-list__item:last-child { padding-bottom: 0px; } .price-list__content_top { -ms-flex: 0 0 calc(100% - 280px); flex: 0 0 calc(100% - 280px); max-width: calc(100% - 280px); width: calc(100% - 280px); padding: 0px 20px 0px 0px; } .price-list__price_top { margin-top: -60px; -o-transition: all .3s ease-in; transition: all .3s ease-in; -ms-flex: 0 0 140px; flex: 0 0 140px; max-width: 140px; width: 140px; position: relative; font-family: "Fira Sans"; font-size: 16px; font-weight: 600; font-style: normal; line-height: 137%; text-align: right; letter-spacing: 1px; color: #FFFFFF; } .active .price-list__price_top .hed_1_st, .active .price-list__price_top .hed_2_st { opacity: 1; } .price-list__price_top .hed_1_st, .price-list__price_top .hed_2_st { opacity: 0; } .price-list__price_top .hed_1_st { position: absolute; z-index: 1; top: -10px; padding: 24px 5px 25px 5px; text-align: center; border-left: 20px solid #fff; background: #64C099; width: 100%; } .price-list__price_top .hed_2_st { position: absolute; z-index: 1; top: -10px; padding: 14px 5px 14px 16px; text-align: left; border-left: 20px solid #fff; background: #75B8DE; width: 100%; } .price-list__item_z { border-top: 0px solid #fff; } .price-section__top { position: relative; margin-top: -1px; } .price-list__item_nowarp { border-top: 0px solid #fff; margin-top: 0px; width: 100%; -o-transition: all .3s ease-in .3s; transition: all .3s ease-in .3s; } /*// стиль слогана //*/ .dent_fixed_form .slogan { font-family: "Fira Sans"; padding: 15px 20px 15px 0px; font-size: 32px; font-weight: 800; font-style: normal; line-height: 100%; color: #fff; width: 28%; float: left; } /* Новый дизайн страницы врачей - разводящая */ .doctor_container { display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; margin-left: -45px; } .doctor_container .doctors-list__item { float: left; margin-top: 45px; width: 50%; padding-left: 45px; position: relative; padding-right: 20px; padding-bottom: 20px; } @media screen and (max-width: 920px) { .doctor_container .doctors-list__item { float: left; margin-top: 45px; width: 100%; padding-left: 45px; position: relative; padding-right: 20px; padding-bottom: 20px; } } .doctor_container .doctors-list__item .doctors-list__content:before { position: absolute; top: 0; right: 50px; bottom: auto; left: 0; content: ''; height: 450px; pointer-events: none; background: -o-radial-gradient(0% 100% 744.37px, rgba(88, 104, 139, 0) 0%, #D8DC3D 100%), #D8DC3D; background: radial-gradient(744.37px at 0% 100%, rgba(88, 104, 139, 0) 0%, #D8DC3D 100%), #D8DC3D; opacity: 0.95; } .doctor_container .doctors-list__item .doctors-list__content:after { position: absolute; top: 25px; right: 0px; bottom: auto; left: 25px; content: ''; height: 0px; pointer-events: none; background: #A6AAB2; } .doctor_container .doctors-list__item:first-child { margin-top: 45px; } .doctor_container .doctors-list__image { -ms-flex: 100%; flex: 100%; margin: 25px; max-width: 100%; background: #A6AAB2; width: calc(100% - 50px); position: relative; padding: 45px 45px 0px 45px; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; } .doctor_container .doctors-list__content { position: relative; -ms-flex: 100%; flex: 100%; max-width: 100%; width: 100%; padding: 0; } .doctor_container .doctors-list__image:before { position: absolute; top: auto; right: -25px; bottom: -25px; left: 25px; content: ''; height: 450px; pointer-events: none; border-right: 25px solid #31353E; border-bottom: 25px solid #31353E; } .doctor_container .doctors-list__title { font-family: "Fira Sans"; font-size: 26px; font-weight: bold; font-style: normal; line-height: 1.192; text-transform: uppercase; color: #FFF; } .doctor_container .doctor__work { font-family: Fira Sans; font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #FEFEFF; list-style: none; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } .doctor_container .doctor__work li { float: left; padding-right: 30px; } .doctor_container .doctors-list__prewu { font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #FFFFFF; padding-top: 35px; height: 90px; } .doctor_container .btn { position: absolute; z-index: 2; bottom: 0; right: 0; padding: 25px 70px 25px 50px; font-family: "Fira Sans"; font-size: 14px; font-weight: 600; font-style: normal; line-height: 1.214; letter-spacing: 0.1em; text-transform: uppercase; color: #333C50; background: #F4FA48; border: none; } .doctor_container .doctors-list__image .image { margin-top: 20px; } .doctoresimg { width: calc(100% + 60px) !important; height: auto !important; margin-left: -60px !important; } .dok-65 { font-size: 65px; padding-bottom: 30px; } .doctor_container .doctors-list__stje { font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #FFFFFF; padding-bottom: 25px; } .doctor_container_pre .doctor-page { position: relative; padding-bottom: 0px; } .doctor_container_pre .doctor-page:after { bottom: 0px; } .doctor_container_pre .pretext { padding-right: 35px; } .doctor_container_pre .banner:after { position: absolute; top: 81px; right: 42%; bottom: 0; left: 0; content: ''; background-color: #fff; -ms-transform: skewX(-10deg); -o-transform: skewX(-10deg); transform: skewX(-10deg); -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; } .doctor_container_pre .banner__container { padding-top: 145px; } .doctor_container_pre .doctor-page .container { position: relative; padding-top: 80px; } .doctor_container_pre { overflow: hidden; } .doctor_container_pre .doctor-page__yellow { top: 188px; } @media screen and (max-width: 920px) { .doctor_container .doctors-list__item { float: left; margin-top: 45px; width: 100%; padding-left: 45px; position: relative; padding-right: 20px; padding-bottom: 20px; } .doctoresimg { width: 100% !important; height: auto !important; margin-left: 0px !important; } .dok-65 { font-size: 35px; padding-bottom: 30px; } .doctor_container_pre .doctor-page .container { position: relative; padding-top: 0px; } .doctor_container .doctors-list__prewu { height: auto; } .doctor_container .doctors-list__image { padding: 25px 25px 0px 25px; } .doctor_container .btn { margin-top: 0px !important; } .doctors-list__content { margin-bottom: 0px !important; } } @media (max-width: 600px) { /*.submenu-list { left: -5px; top: -70px; background: #586682; width: 250px; padding: 50px 18px; min-height: 480px; }*/ .submenu-list__item-back { padding-left: 30px; } .submenu-list__item-back:before { left: 0px; } .price-list__price { padding: 15px 5px 0px 5px; -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; width: 100px; font-size: 10px; text-align: center; border-left: 5px solid #fff; } .price-list__price_r { padding: 15px 5px 0px 5px; -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; width: 100px; font-size: 10px; text-align: center; border-left: 5px solid #fff; } .price-list__content { -ms-flex: 0 0 calc(100% - 200px); flex: 0 0 calc(100% - 200px); max-width: calc(100% - 200px); width: calc(100% - 200px); padding: 15px 20px 0px 0px; } .price-list__item { padding-right: 0px; padding-left: 10px; } .price-list__price_top { flex: 0 0 100px; max-width: 100px; width: 100px; position: relative; font-family: "Fira Sans"; font-size: 12px; } .price-list__content_top { -ms-flex: 0 0 calc(100% - 200px); flex: 0 0 calc(100% - 200px); max-width: calc(100% - 200px); width: calc(100% - 200px); padding: 0px 20px 0px 0px; } .price-list__price_top .hed_1_st { height: 70px; padding: 27px 5px 25px 5px; text-align: center; border-left: 5px solid #fff; } .price-list__price_top .hed_2_st { height: 70px; padding: 21px 5px 25px 5px; text-align: center; border-left: 5px solid #fff; } .donotprice { height: 100px; } .donotprice .banner__container { padding-top: 20px; } } .without-children .price-section__top { width: 855px; } .without-children .price-section__title:before, .without-children .price-section__title:after { display: none; } .banner__form { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: row; } .banner__form > div { flex: 1 1 auto; } .banner__form .form-bg { flex-basis: 360px !important; flex-grow: 0.5; padding: 12px 20px 10px; } @media (max-width: 991px) { .banner__form .form-bg { display: none; } } @media (min-width: 1200px) { .banner__form .form-bg { padding: 4px 25px; } } @media (min-width: 992px) { .banner__form .banner__content .btn { display: none; } } #whatsapp-chat { position: fixed; bottom: 20px; left: 20px; max-width: 200px; z-index: 2; display: inline-block; } #whatsapp-chat .window { /* position: absolute; */ margin-bottom: 0; width: 0; height: 0; top: -100px; left: 17px; visibility: hidden; opacity: 0; border-radius: 10px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 24px 0px; transition: opacity 0.3s ease 0s, margin 0.3s ease 0s, visibility 0.3s ease 0s, width 0s ease 0.3s, height 0s ease 0.3s; } #whatsapp-chat .window.open { margin-bottom: 20px; visibility: visible; width: 300px; height: 100%; transition: opacity 0.3s ease 0s, margin 0.3s ease 0s, visibility 0.3s ease 0s, width 0s ease 0s, height 0s ease 0s; opacity: 1; } @media (max-width: 340px) { #whatsapp-chat { max-width: 100% } #whatsapp-chat .window.open { width: 100%; } } #whatsapp-chat .chat_header { background: rgb(9, 94, 84); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; padding: 20px; position: relative; } #whatsapp-chat .chat_header .close { position: absolute; top: 8px; right: 8px; width: 20px; height: 20px; opacity: 0.4; cursor: pointer; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; } #whatsapp-chat .chat_header .close:hover { opacity: 1; } #whatsapp-chat .chat_header .close::after, #whatsapp-chat .chat_header .close::before { content: ""; position: absolute; width: 12px; height: 2px; background-color: rgb(255, 255, 255); display: block; border-radius: 2px; } #whatsapp-chat .chat_header .close::before { transform: rotate(-45deg); } #whatsapp-chat .chat_header .close::after { transform: rotate(45deg); } #whatsapp-chat .chat_header .name { background: none; color: #fff; padding-left: 5px; } #whatsapp-chat .chat_header img { max-width: 50px; } #whatsapp-chat .messageContainer { background: url(/images/whatsapp.png) rgb(230, 221, 212); padding: 20px; padding-left: 10px; } #whatsapp-chat .whatsappText { background: #fff; padding: 5px; border-radius: 0 8px 8px 8px; max-width: 200px; position: relative; } #whatsapp-chat .whatsappText:before { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; content: ""; position: absolute; top: 0px; left: -12px; width: 12px; height: 19px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC") } #whatsapp-chat a { display: block; text-align: center; padding: 5px 10px; font-size: 12px; background: rgb(0, 180, 0); color: #fff; } #whatsapp-chat img { max-height: 100%; border-radius: 50%; overflow: hidden; max-width: 80px; background: #fff; } #whatsapp-chat .whatsapp_img_icon { box-shadow: 0 0 4px green; -webkit-animation: whatsapp-shadow 3s linear 5 normal 5s; -o-animation: whatsapp-shadow 3s linear 5 normal 5s; animation: whatsapp-shadow 3s linear 5 normal 5s; cursor: pointer; } @media (max-width: 500px) { #whatsapp-chat .whatsapp_img_icon { max-width: 65px; } } @keyframes whatsapp-shadow { 0% { box-shadow: 0 0 4px green; } 50% { box-shadow: 0 0 18px green; } 100% { box-shadow: 0 0 4px green; } } @media (max-width: 767px) { .price .yellow_rectangle { display: none } } .price-list__price { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; max-width: 300px; width: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media (max-width: 600px) { .price-list__price { -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; max-width: 200px; width: 200px; text-align: right; border: none; padding-left: 5px } } @media (max-width: 470px) { .price-list__price { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; max-width: 160px; width: 160px } } .price-list__price .btn { padding: 0; width: 140px; min-width: 140px; color: #F4FA48; background: none } @media (max-width: 600px) { .price-list__price .btn { min-width: 80px; width: 80px; font-size: 10px } } .price-list__price .btn:after { background-image: url("/images/arrow-price_yellow.svg"); margin-left: 10px } @media (max-width: 600px) { .price-list__price .btn:after { display: none } } #app.pink .price-list__price .btn { color: #C76594; background: none } #app.pink .price-list__price .btn:after { background-image: url("/images/arrow-price_pink.svg") } #app.green .price-list__price .btn { color: #64C099; background: none } #app.green .price-list__price .btn:after { background-image: url("/images/arrow-price_green.svg") } #app.blue .price-list__price .btn { color: #93D8FF; background: none } #app.blue .price-list__price .btn:after { background-image: url("/images/arrow-price_blue.svg") } .price-list__content { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 400px); flex: 0 0 calc(100% - 400px); max-width: calc(100% - 400px); width: calc(100% - 400px) } @media (max-width: 1199px) { .price-list__content { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 350px); flex: 0 0 calc(100% - 350px); max-width: calc(100% - 350px); width: calc(100% - 350px) } } @media (max-width: 767px) { .price-list__content { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 280px); flex: 0 0 calc(100% - 280px); max-width: calc(100% - 280px); width: calc(100% - 280px) } } @media (max-width: 600px) { .price-list__content { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 200px); flex: 0 0 calc(100% - 200px); max-width: calc(100% - 200px); width: calc(100% - 200px) } } @media (max-width: 470px) { .price-list__content { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 160px); flex: 0 0 calc(100% - 160px); max-width: calc(100% - 160px); width: calc(100% - 160px) } } .header-content__info_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-content__info_inner .header-content__address .city { color: transparent; display: none; } .banner-mini::before { height: 81px; } @media (min-width: 1200px) and (max-width: 1319px) { .banner-mini::before { height: 98px; } } .header-phone { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-content__info button.callme { display: none; border: none; background: transparent; color: #A6AAB3; font-family: "Fira Sans"; padding-bottom: 0; margin: 0; font-size: 16px; line-height: 2; } .contacts-wrap .contact .contacts-block__address { font-family: Fira Sans; font-size: 18px; font-weight: 400; line-height: 26px; letter-spacing: 0em; text-align: left; } .contacts-wrap .contact .contacts-block__address .contacts-block__gate { font-family: Fira Sans; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: 0em; text-align: left; } .contacts-wrap .contact .contacts-block__tel-item { font-family: Fira Sans; font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: 0em; text-align: left; } .contacts-wrap .contact .btn { font-family: Fira Sans; font-size: 12px; font-weight: 600; line-height: 15px; letter-spacing: 1.2000000476837158px; text-transform: uppercase; padding: 10px 14px; } .contacts-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-right: 20px; margin-top: 20px; } .contacts-wrap .contact button { width: 100%; } .contacts-wrap .contact { padding-left: 45px; background: url(/images/contact-loc.svg) left top no-repeat; width: 230px; } @media (max-width: 700px) { .header-content__info button.callme { display: flex; position: relative; justify-content: center; align-items: center; } .header-content__info button.callme::before { position: relative; top: 0; right: auto; bottom: auto; left: 0; content: ''; width: 29px; height: 24px; background-image: url(/images/header-phone.svg); background-repeat: no-repeat; background-position: bottom right; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-0%); display: block; } .header-content__info_inner { display: none; } .header-content__info_wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .header-phone { display: none; } } @media (min-width: 1200px) { .header-content__info_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 80% } .header-content__info_inner { flex-direction: column; } .header-phone { margin-left: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-fixed { max-height: 780px; } .header-fixed__bottom { padding: 30px 0; } .fixed-info__item.fixed-info__wrap .fixed-info__item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } .fixed-info__text, .fixed-info__title { font-size: 14px } } @media (min-width: 1320px) { .header-content__info_wrap { width: 95% } } @media (max-width: 1199px) { .header-content__info_wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .header-content__info_inner .header-content__address .city { display: none; } .fixed-info__item.fixed-info__wrap { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-top: -20px; } .fixed-info__item { min-width: 120px; } .header-tel__item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } .doctor_container_pre .banner::after { top: 78px; } } /* @media (max-width: 840px){ .header-phone{ margin-left: 15px; } } */ @media (max-width: 790px) { /* .header-content__address{ font-size: 12px; } */ .header-phone__item { font-size: 12px; } } @media (min-width: 601px) and (max-width: 700px) { .fixed-info__item { margin-top: 10px; } } @media (max-width: 680px) { .fixed-info__item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } } @media (max-width: 600px) { .fixed-info__item-tel { margin-left: -20px; margin-top: 10px; } .price-list__price .oldprice { font-size: 9px; color: #b5b5b5; z-index: 1; min-width: 65px; position: absolute; left: 0px; top: 38px; text-decoration: line-through; } } @media (max-width: 515px) { .header-content__info_wrap { flex-direction: column; } .header-content__info_inner:last-child { margin-top: 5px; } .header-phone__item span { display: none; } } @media (max-width: 400px) { .header-tel__tel { font-size: 11px; } } #map img.map { width: 100%; height: 100%; object-fit: cover; object-position: center; } @media (min-width: 1200px) { #map img.map { display: none; } } /* .contacts-block__map-skew .item-skew, .contacts-map__skew .item-skew{ background: url(/images/maps.jpg) no-repeat; background-position: -10px 0; background-size: cover; } */ @media (max-width: 1525px) { .contacts-block__map-skew .item-skew, .contacts-map__skew .item-skew { background-position: -75px 0; } } @media (max-width: 1300px) { .contacts-block__map-skew .item-skew, .contacts-map__skew .item-skew { background-position: -130px 0; } } @media (max-width: 1199px) { .contacts-block__map-skew .item-skew, .contacts-map__skew .item-skew { background: none; } } .pr .filter { margin-top: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 0px solid #E6E6E6; } .pr .filter .filter-item { position: relative; padding: 7px 0px; font-family: "Fira Sans"; font-size: 16px; font-weight: 600; font-style: normal; margin-right: 40px; line-height: 1.167; text-transform: uppercase; color: #333C50; cursor: pointer; } .pr.pr_in .filter .filter-item { position: relative; padding: 11px 0px 7px; font-family: "Fira Sans"; font-size: 13px; font-weight: 600; font-style: normal; margin-right: 30px; line-height: 1.167; text-transform: uppercase; color: #333C50; cursor: pointer; } .price_padding { padding: 50px 0px; } .pr .filter .filter-item { position: relative; padding: 13px 0px 7px; font-family: "Fira Sans"; font-size: 13px; font-weight: 600; font-style: normal; margin-right: 40px; line-height: 1.167; text-transform: uppercase; color: #333C50; cursor: pointer; } .form[name="SIMPLE_FORM_8"]::after { content: "Скидка действует только по адресу Н.Онуфриева, д. 10"; display: block; color: #fff0; font-size: 0px; margin-top: 0px; } .oldprice { font-size: 12px; color: #b5b5b5; min-width: 65px; position: absolute; left: -35px; top: 38px; text-decoration: line-through; } .newprice { width: 120px; } .price-list__price { position: relative; } .icon_sistems_dw { width: 80px; padding-top: 25px; display: inline-block; height: auto; padding-right: 10px; } .icon_sistems_dw img { width: 100%; display: block; } .botton_innert { padding-bottom: 50px; margin-top: -90px; } .botton_innert .graphh { font-family: "Fira Sans"; font-size: 20px; font-weight: 800; font-style: normal; line-height: 1.192; text-transform: uppercase; color: #333c509c; padding-top: 4px; } .botton_innert .btn.mt-25 { margin-top: 8px !important; display: inline-block; float: right; } .contacts-block__city.bigg { font-weight: 700; padding: 15px 0px 0px; display: block; } #SE4 { padding-bottom: 50px; } .price-waranty { display: flex; margin-top: 14px; height: 70px; } .price-waranty img.label-seal { max-width: 100px; margin: 0px !important; } .price-block { padding: 10px 20px; background-color: rgba(255, 255, 255, 0.6); display: inline-block; margin-right: 10px; } .price-title { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 22px; align-items: center; color: rgba(34, 44, 67, 0.9); } .price-text { font-family: 'Fira Sans'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 22px; color: #333C50; } @media (max-width: 660px) { .cbcc { padding: 50px 33px 5px; } .botton_innert .graphh { font-family: "Fira Sans"; font-size: 12px; font-weight: 800; font-style: normal; line-height: 1.192; text-transform: uppercase; color: #333c509c; padding-top: 0; margin-top: 7px; } .botton_innert .btn.mt-25 { margin-top: 8px !important; display: inline-block; float: left !important; } .price-list__price .btn.no_arrow { display: none !important; } } iframe .ytp-right-controls { height: 100% !important; display: none !important; } .price-list__price .btn.no_arrow :after { background-image: url(/images/arrow-price_yellow.svg); margin-left: 10px; opacity: 0 !important; } /*Виджет Marquiz*/ .marquiz-widget__container { bottom: 45px !important; } .yandex-bottom { margin-top: 10px; } @media (max-width: 660px) { .marquiz-widget__container { bottom: 85px !important; } } /*end Виджет Marquiz*/ .square-block-flex { display: flex; justify-content: left; flex-wrap: wrap; } .square-block-flex > div { width: 33%; } .square-block-flex-dark { background: #333C50; color: #CBD3E4; } .square-block-flex-dark .square-block__title, .square-block-flex-dark .square-block__text { color: #CBD3E4; } .square-block-flex-light { background: #D8DC3D; color: #333C50; } .square-block-flex-light .square-block__title, .square-block-flex-light .square-block__text { color: #333C50; } @media (max-width: 800px) { .square-block-flex .square-block__content { padding: 60px 20px 50px; } } @media (max-width: 660px) { .square-block-flex > div { width: 100%; } } .stars_container { position: relative; width: 107px; height: 19px; background: #353C4F; background-size: 100% 100%; } .stars_bg { z-index: 90; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/rating/starsn.png) no-repeat center; } .stars_progress { background: #FFD543; position: absolute; top: 0; bottom: 0; left: 0; } .rating-block.hashtag:before { top: 47px; } .rating-block { display: flex; flex-wrap: wrap; justify-content: space-between; } .rating-block .rating-item { width: calc(25% - 10px); background-color: #353C4F; padding: 25px; } .rating-block .rating-title { width: calc(50% - 10px); } .rating-block .rating-item .brand { font-family: Fira Sans; font-size: 12px; font-weight: 400; line-height: 14px; letter-spacing: 0.255em; text-align: left; color: #FFFFFF; } .rating-block .rating-item .flex-rating { display: flex; align-items: center; } .rating-block .rating-item .rating-number { font-family: Fira Sans; font-size: 36px; font-weight: 800; line-height: 43px; letter-spacing: 0em; text-align: left; color: #fff; margin-right: 20px; } .rating-block .rating-item .rating-logo { margin-bottom: 20px; } .rating-block .rating-item, .rating-block .rating-title { margin-bottom: 10px; } .header-email { font-family: "Fira Sans"; font-size: 14px; font-weight: 700; color: white; text-transform: uppercase; letter-spacing: 1.4px; } .dropbtn.cont { width: 280px; } .header-email-wrap { width: 200px; } .header-content__info_wrap { width: 100%; } .open-search { background: url('/images/header-search.svg') no-repeat center; font-size: 0; height: 37px; width: 37px; cursor: pointer; } .search-form-wrap { display: none; } .header .menu, .main-menu-heder { display: flex; flex-wrap: wrap; } .main-menu-heder { padding-right: 10px; } .header-search-wrap { display: flex; align-items: center; position: relative; z-index: 20; pointer-events: painted; } .search-form-wrap { display: none; position: absolute; right: 9px; top: 100%; width: 250px; } .search-form-wrap.open { display: block; } .main-menu-heder .menu { width: calc(100% - 37px); } .footer-copy { color: #A6AAB3; font-size: 12px; line-height: 1.1667; } .mb-80 { margin-bottom: 80px; } .mb-40 { margin-bottom: 40px; } .mt-30 { margin-top: 30px; } .mb-25 { margin-bottom: 25px; } .mb-10 { margin-bottom: 10px; } .footer-p2 { font-size: 14px; color: #A6AAB3; line-height: 1.214; font-family: 'Fira Sans'; font-weight: 300; } .payments { display: flex; flex-wrap: wrap; } .payments > *:not(:last-child) { margin-right: 10px; } .footer-p { color: white; font-size: 14px; margin-bottom: 10px; } .footer-menu { padding-left: 20px; } .footer-content__menu { max-width: 700px; } .header-content__logo .logo-mobile { width: 115px; } .banner__form form[name="SIMPLE_FORM_2"] { position: relative; padding-top: 40px; } .banner__form .form-bg { margin-top: -40px; padding-left: 30px; padding-bottom: 30px; } .banner__form form[name="SIMPLE_FORM_2"]::after { position: absolute; content: ''; left: 0; bottom: 0; top: 0; right: 0; background: rgba(255, 255, 255, 0.2); margin: -10px -40px; z-index: 1; } .banner__form form[name="SIMPLE_FORM_2"] > * { position: relative; z-index: 2; } .banner__preview { display: flex; align-items: center; margin-top: 60px; margin-right: 90px; } .banner__content .banner__text { color: #B5FB00; max-width: 480px; } .banner__preview img:not(:last-child) { margin-right: 50px; } .img-garant { max-width: 100%; width: 100%; display: block; } .footer-logo-text { margin-top: 30px; } .footer-logo-text > *:not(:last-child) { margin-bottom: 20px; } @media (max-width: 1199px) { .header-email-wrap { display: none; } } @media all and (max-width: 1100px) { .rating-block .rating-item, .rating-block .rating-title { width: calc(50% - 10px); } .rating-block .rating-item, .rating-block .rating-title { margin-bottom: 20px; } } @media (min-width: 992px) { .header-content__logo .logo-mobile { display: none; } } @media (min-width: 1200px) { body { overflow-x: hidden; } } @media (min-width: 992px) and (max-width: 1199px) { .footer-content__menu { max-width: 560px; } .footer-menu { column-count: 2; } } @media (max-width: 991px) { .header-content__logo .logo-desk { display: none; } .header-content__logo { padding-top: 11px; } .footer-content__menu { max-width: none; width: 100%; flex: auto; } .footer-menu { padding-left: 0; } .footer-content__menu .footer-menu { -webkit-column-count: 3 !important; -moz-column-count: 3 !important; column-count: 3 !important; } .banner__preview img:not(:last-child) { margin-right: 10px; max-width: 70px !important; } } @media (min-width: 768px) and (max-width: 991px) { .footer-logo-link { width: 85px; flex-shrink: 0; } .footer-logo-link > img { width: 100%; display: block; } .footer-content { flex-wrap: wrap; } .footer-content__icons { display: flex; justify-content: space-between; width: 100%; max-width: 645px; } .footer-content__logo { max-width: none; align-items: center; display: flex; flex-grow: 1; width: 100%; margin-bottom: 40px; } .footer-logo-text { text-align: right; flex-grow: 1; } .footer-copy br { display: none; } .footer-logo-text { margin-top: 0; } .footer-logo-text > *:not(:last-child) { margin-bottom: 15px; } } @media (min-width: 768px) { .visible-xs { display: none !important; } } @media (max-width: 767px) { .footer-logo-link { width: 90px; flex-shrink: 0; } .footer-content__logo { display: flex; } .footer-logo-text { margin-top: 0; } .footer-logo-text > *:not(:last-child) { margin-bottom: 20px; } .visible-xs.sym-arr { display: inline-block !important; } .header-content__logo { padding-top: 0; } .hidden-xs { display: none !important; } .header-content__info_inner.mobile-filial { display: block; } .header-content__logo { width: 115px; flex: 0 0 115px; max-width: 115px; padding-left: 15px; } .header-content__info { display: flex; flex-direction: column; } .header-content__info_wrap { width: auto; } .burger { margin-left: 0; margin-top: 10px; } .header-content__info_wrap .dropdown-content { left: -56px; margin-top: 5px; } .footer__bottom .footer-content { display: flex; flex-direction: column; align-items: center; } .footer-content__menu .footer-menu { column-count: 1 !important; } .footer-content__menu .footer-menu { padding-left: 0; text-align: center; } .footer-content__icons { text-align: center; } .footer-copy { text-align: right; } .footer-content__logo { width: 100%; max-width: none; text-align: center; margin-bottom: 20px; } .my-20-xs { margin-bottom: 20px !important; margin-top: 20px !important; } .mb-40-xs { margin-bottom: 40px !important; } .footer-content__logo { flex: 0; margin-bottom: 40px; } } @media all and (max-width: 560px) { .rating-block .rating-item, .rating-block .rating-title { width: 100%; } } @media (max-width: 1025px) and (min-width: 767px) { .menu__item:not(:first-child) { margin-top: 20px; } .fixed-info__item { min-width: 220px; margin-top: 20px; } } .form-bg.free-consult-form .form-bg__image img { object-fit: initial; } .form-bg.free-consult-form .form-bg__image::before { content: ""; display: block; background: url(/images/form_free_cons_doc.png) no-repeat; width: 290px; height: 280px; position: absolute; bottom: 0; left: 35px; } .form-bg.free-consult-form .form-bg__image::after { background: transparent; } .form-bg.free-consult-form { padding: 35px 35px 45px; position: relative; } .form-bg.free-consult-form .form { max-width: 100%; margin: 20px 0 10px auto; text-align: left; width: 700px; position: relative; } .form-bg.free-consult-form .form .form-group { display: inline-block; width: 285px; max-width: 100%; } .form-bg.free-consult-form .form .btn { margin: 20px 10px 0; width: 270px; } .form-bg.free-consult-form .form .form-group.form-group_checkbox { position: absolute; right: 18%; bottom: 21px; } .form-bg.free-consult-form .form__title { text-transform: uppercase; } .form-bg.free-consult-form .form__title::before { content: ""; display: inline-block; background: url(/images/hashtag.png) no-repeat; background-size: contain; width: 46px; height: 50px; margin-left: -105px; margin-right: 21px; vertical-align: middle; } .form-bg.free-consult-form input[type="text"], .form-bg.free-consult-form input[type="tel"] { text-align: left; } .form_intro { color: #fff; padding: 5px; } .oborudovanie { color: #353C4F; width: 1013px; font-family: 'Fira Sans', sans-serif; max-width: 100%; line-height: 1.2; margin-left: auto; margin-right: auto; } .oborudovanie__item { background: #F2F6F8; display: flex; margin-bottom: 20px; min-height: 292px; } .oborudovanie__item:last-child { margin-bottom: 0; } .oborudovanie__content { flex-grow: 1; padding: 53px 40px 40px 55px; position: relative; } .oborudovanie__content.left::after { content: ''; position: absolute; right: -20px; top: 0; height: 100%; width: 41px; background: #F2F6F8; transform: skewX(-8deg); z-index: 1; } .oborudovanie__content.right::before { content: ''; position: absolute; left: -22px; top: 0; height: 100%; width: 44px; background: #F2F6F8; transform: skewX(-8deg); z-index: 1; } [class*="oborudovanie__bg"] { background-image: radial-gradient(#5C6682, #414550); flex-shrink: 0; position: relative; width: 49%; } .oborudovanie__tag { position: relative; color: #D8DC3D; background: #353C4F; padding: 2.5px 10px; font-size: 12px; line-height: 1.25; margin-bottom: 9px; display: inline-block; } .oborudovanie__tag::before { content: '#'; } .oborudovanie__h { font-size: 25px; font-weight: 700; margin-bottom: 18px; } .oborudovanie__text { font-size: 14px; max-width: 375px; } .oborudovanie__bg_1 { background: url('/images/o1.png') no-repeat center bottom, radial-gradient(#5C6682, #414550); } .oborudovanie__bg_2 { background: url('/images/o2.png') no-repeat center bottom, radial-gradient(#5C6682, #414550); } .oborudovanie__bg_3 { background: url('/images/o3.png') no-repeat center bottom, radial-gradient(#5C6682, #414550); } .oborudovanie__bg_4 { background: url('/images/o4.png') no-repeat center bottom, radial-gradient(#5C6682, #414550); } .oborudovanie__bg_5 { background: url('/images/o5.png') no-repeat center bottom, radial-gradient(#5C6682, #414550); } /*form[name="SIMPLE_FORM_2"] label[for="04"] { color: white; } .price-block.type-2 { min-width: 189px; padding: 22px; margin-top: 50px; } .type-2 .price-title { font-size: 14px; line-height: 1.572; } .type-2 .price-text { font-size: 23px; line-height: 1; } .flex-with-img, .flex-with-img-2 { display: flex; flex-wrap: wrap; } .flex-middle, .flex-with-img-2 { align-items: center; } .pt-130 { padding-top: 130px; } .infg-bg.bg-top-350::after { top: 350px; } .flex-with-img__img { width: 49%; position: relative; z-index: 1; } .flex-with-img__img { max-width: 540px; } .flex-with-img-2 .flex-with-img__img { max-width: 480px; } .flex-with-img__img:last-child { margin-left: auto; } .flex-with-img__img:first-child { margin-right: auto; } .flex-with-img__content { width: 50%; } .fs-15 { font-size: 15px; } .flex-with-img__img img { width: 100%; } .list .mt-5 { margin-top: 5px; } .list.fs-15 li { font-size: 15px; }*/ .container.doctor-detail { position: relative; } .container.doctor-detail .staj { position: absolute; right: 0px; top: 50px; text-align: center; background: url(/images/staj.png) top center no-repeat; } .container.doctor-detail .staj .let { font-family: Fira Sans; font-size: 40px; font-weight: 700; line-height: 22px; letter-spacing: 0em; color: white; margin-top: 30px; } .container.doctor-detail .staj .let-text { font-family: Fira Sans; font-size: 14px; font-weight: 700; line-height: 22px; letter-spacing: 0em; color: white; } .container.doctor-detail .staj .staj-text { font-family: Fira Sans; font-size: 14px; font-weight: 700; line-height: 22px; letter-spacing: 0em; text-align: left; color: #333C50; margin-top: 18px; } .reviews-page { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px; } .reviews-page .ajax-item { width: calc(50% - 15px); border: 1px solid #CBD3E4; padding: 30px 50px; margin-bottom: 30px; } .reviews-page .reviews__content { margin-top: 0px; } .reviews-page .reviews__title { font-family: Fira Sans; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0em; text-align: left; color: #333C50; } .reviews-page .reviews__data { font-family: Fira Sans; font-size: 12px; font-weight: 300; line-height: 14px; letter-spacing: 0em; text-align: left; color: #676B73; margin-top: 5px; margin-bottom: 10px; } .reviews-page .reviews__text1 { font-family: Fira Sans; font-size: 15px; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; color: #676B73; } @media (max-width: 991px) { [class*="oborudovanie__bg"] { width: 45%; } .oborudovanie__content { padding: 50px 40px 40px 40px } } @media (max-width: 767px) { .px-15-xs { padding-left: 15px; padding-right: 15px; } .mb-35-xs { margin-bottom: 35px !important; } .oborudovanie__item { flex-direction: column; position: relative; overflow: hidden; } .oborudovanie__content { order: 1; padding: 23px 20px; } [class*="oborudovanie__bg"] { background: radial-gradient(#5C6682, #414550); order: 2; width: 100%; height: 286px; position: relative; transform: skewY(-8deg) translateY(25px); } [class*="oborudovanie__bg"]::before { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; transform: skewY(8deg); } .oborudovanie__bg_1::before { background: url('/images/o1.png') no-repeat center bottom; } .oborudovanie__bg_2::before { background: url('/images/o2.png') no-repeat center bottom; } .oborudovanie__bg_3::before { background: url('/images/o3.png') no-repeat center bottom; } .oborudovanie__bg_4::before { background: url('/images/o4.png') no-repeat center bottom; } .oborudovanie__bg_5::before { background: url('/images/o5.png') no-repeat center bottom; } .oborudovanie__content.right::before, .oborudovanie__content.left::after { display: none; } .oborudovanie__text { max-width: auto; } } @media (max-width: 815px) and (min-width: 569px) { .form-bg.free-consult-form .form { width: 420px; display: block; } .form-bg.free-consult-form .form__title { text-transform: uppercase; display: block; width: 70%; text-align: left; } .form-bg.free-consult-form .form__title::before { margin-left: -70px; } .form-bg.free-consult-form input[type="text"], .form-bg.free-consult-form input[type="tel"] { width: 180px; } .form_intro { padding: 5px 0; } .form-bg.free-consult-form .form .form-group { display: inline-block; width: 200px; max-width: 100%; text-align: left; } .form-bg.free-consult-form .form__title::before { margin-right: 23px; } .form-bg.free-consult-form .form .btn { margin: 20px 0px; width: 200px; } .form-bg.free-consult-form .form .btn { margin: 20px 0px 0; width: 180px; } .form-bg.free-consult-form .form .form-group.form-group_checkbox { position: absolute; right: 7%; bottom: 5px; } } @media (max-width: 568px) { .form-bg.free-consult-form .form-bg__image img { width: 120%; margin-left: -45px; } .form-bg.free-consult-form .form__title::before { display: none; margin: 0; } .form_intro { text-align: center; } .form-bg.free-consult-form input[type="text"], .form-bg.free-consult-form input[type="tel"] { width: 100%; } .form-bg.free-consult-form .form .form-group.form-group_checkbox { position: relative; right: 0; bottom: 0; } .form-bg.free-consult-form { min-height: 650px; } .form-bg.free-consult-form .form-bg__image::before { width: 230px; height: 223px; bottom: 0; left: 30%; background-size: contain; margin: auto; } } @media (max-width: 375px) { .form-bg.free-consult-form .form-bg__image::before { left: 20%; } .form-bg.free-consult-form .form { margin: 0 0 10px auto; } .form-bg.free-consult-form .form__title { font-size: 20px; } .form-bg.free-consult-form { min-height: 590px; } } .price-list-filial { margin-top: 40px; padding-left: 76px; } .price-list-table { display: none; } .price-list-filial-name { color: #333C50; font-family: Fira Sans; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; cursor: pointer; display: flex; align-items: center; padding: 18px 20px; border-radius: 5px; border: 1px solid #EFEFEF; background: #FFF; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05); margin-bottom: 20px; } .price-list-filial-name:before { content: ""; display: inline-block; width: 24px; height: 24px; background-image: url(/images/plus.png); margin-right: 20px; } .price-list-item.open .price-list-filial-name:before { background-image: url(/images/minus.png); } .price-list-item.open .price-list-table { display: block; margin-top: 30px; padding-left: 67px; margin-bottom: 30px; } .price-list-item.open .price-list-table > div { display: flex; border-bottom: 1px solid #D8D8D8; padding: 18px 0px; } .price-list-item.open .price-list-table > div > div:first-child { color: #676B73; font-family: Fira Sans; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; width: 80%; } .price-list-item.open .price-list-table > div > div:last-child { color: #333C50; font-family: Fira Sans; font-size: 15px; font-style: normal; font-weight: 700; line-height: normal; width: 20%; text-align: center; } .price-list-item.open .price-list-table > div:last-child { border-bottom: none; } .udropdown__list-item._set-address[data-contact-item="1697"] { display: none; } @media (max-width: 1199px) { .price-list-filial { padding-left: 42px; } } @media (max-width: 767px) { .price-list-filial { padding-left: 0px; } .price-list-filial-name:before { min-width: 24px; } .price-list-item.open .price-list-table { padding-left: 0px; } } .udropdown__list-item._set-address[data-contact-item="1697"] { display: none; } .rating-block.hashtag:before { top: 47px; } .rating-block { display: flex; flex-wrap: wrap; justify-content: space-between; } .rating-block .rating-item { width: calc(25% - 10px); background-color: #353C4F; padding: 25px; } .rating-block .rating-title { width: calc(50% - 10px); } .rating-block .rating-item .brand { font-family: Fira Sans; font-size: 12px; font-weight: 400; line-height: 14px; letter-spacing: 0.255em; text-align: left; color: #FFFFFF; } .rating-block .rating-item .flex-rating { display: flex; align-items: center; } .rating-block .rating-item .rating-number { font-family: Fira Sans; font-size: 36px; font-weight: 800; line-height: 43px; letter-spacing: 0em; text-align: left; color: #fff; margin-right: 20px; } .rating-block .rating-item .rating-logo { margin-bottom: 20px; } .rating-block .rating-item, .rating-block .rating-title { margin-bottom: 10px; } .hashtag-ul, .koronki { font-family: "Fira Sans"; font-size: 15px; font-weight: normal; font-style: normal; line-height: 18px; color: #676b73; margin-bottom: 30px; list-style-type: none; } .hashtag-ul li { padding: 5px 0px 5px 30px; background: url(/images/hashtag.svg.png) left 10px no-repeat; } .hashtag-ul li span { font-weight: bold; } .koronki li { padding-left: 60px; background: url(/images/koronki-ol.png) left top no-repeat; margin-bottom: 20px; } .koronki .koronki-title, .koronki-etapi { font-family: Fira Sans; font-size: 25px; font-weight: 400; line-height: 30px; letter-spacing: 0em; text-align: left; color: #676B73; margin-bottom: 10px; } .blog-item p { margin-bottom: 10px; line-height: 18px; } .hash-abzac { padding: 20px; padding-left: 90px; background: url(/images/pseudo.png) 30px 26px no-repeat #454952; color: #fff; font-family: Fira Sans; font-size: 15px; font-weight: 400; line-height: 18px; letter-spacing: 0em; text-align: left; margin-bottom: 10px; } .koronki-etapi { display: flex; flex-wrap: wrap; align-content: space-between; list-style-type: none; margin: 40px 0; } .koronki-etapi li { width: 33%; padding-top: 60px; margin: 20px 0; } .koronki-etapi li:nth-child(1) { background: url(/images/koronki-etapi-1.png) top center no-repeat; } .koronki-etapi li:nth-child(2) { background: url(/images/koronki-etapi-2.png) top center no-repeat; } .koronki-etapi li:nth-child(3) { background: url(/images/koronki-etapi-3.png) top center no-repeat; } .koronki-etapi li:nth-child(4) { background: url(/images/koronki-etapi-4.png) top center no-repeat; } .koronki-etapi li:nth-child(5) { background: url(/images/koronki-etapi-5.png) top center no-repeat; } .koronki-etapi li:nth-child(6) { background: url(/images/koronki-etapi-6.png) top center no-repeat; } .koronki-etapi .koronki-etapi-title { font-family: Fira Sans; font-size: 25px; font-weight: 400; line-height: 30px; letter-spacing: 0em; text-align: center; color: #676B73; margin-bottom: 20px; text-transform: uppercase; } .koronki-etapi .koronki-etapi-text { font-family: Fira Sans; font-size: 15px; font-weight: 400; line-height: 18px; letter-spacing: 0em; text-align: center; } h2.white.h2-top { font-size: 25px; } .doctor-page__wrap .breadcrumbs .breadcrumb a:hover { color: #F4FA48; } @media all and (max-width: 1100px) { .koronki-etapi li { width: 48%; } .rating-block .rating-item, .rating-block .rating-title { width: calc(50% - 10px); } .rating-block .rating-item, .rating-block .rating-title { margin-bottom: 20px; } } @media all and (max-width: 560px) { .koronki-etapi li { width: 100%; } .hash-abzac { padding-left: 20px; padding-top: 90px; } .rating-block .rating-item, .rating-block .rating-title { width: 100%; } .reviews-page .ajax-item { width: 100%; } } .ui-accordion .ui-accordion-header { border: none; padding-left: 0px; background: none; font-family: Fira Sans; font-size: 24px; font-weight: 400; line-height: 29px; letter-spacing: 0em; text-align: left; color: #000; display: flex; align-items: center; background: url(/images/acc-close.png) right center no-repeat; border-bottom: 1px solid #CBD3E4; padding: 25px 0px; } .ui-accordion .ui-accordion-header.ui-accordion-header-active { background: url(/images/acc-open.png) right center no-repeat; border-bottom: none; } .ui-accordion .ui-accordion-header span { font-family: Fira Sans; font-size: 36px; font-weight: 800; line-height: 43px; letter-spacing: 0em; text-align: left; color: #D8DC3D; padding-right: 20px; } span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e { display: none; } .acc-content.ui-accordion-content { border: none; border-bottom: 1px solid #CBD3E4; height: auto !important; padding-bottom: 30px; padding-left: 0px; font-family: Fira Sans; font-size: 16px; font-weight: 400; line-height: 19px; letter-spacing: 0em; text-align: left; color: #A6AAB3; } .acc-content.ui-accordion-content ul { margin: 20px; list-style-type: disc; } .acc-content.ui-accordion-content p, .acc-content.ui-accordion-content li { font-family: Fira Sans; font-size: 16px; font-weight: 400; line-height: 19px; letter-spacing: 0em; text-align: left; color: #A6AAB3; } /* End */ /* Start:/ux/css/ux.min.css?177221926659712*/ .ubtn { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; min-width: 187px; height: 50px; padding: 0 10px; font-family: "Fira Sans"; font-size: 14px; font-weight: 400; line-height: 1; border: 1px solid transparent; background-color: transparent; border-radius: 0; outline: 0 !important; letter-spacing: 1.2px; text-transform: uppercase; text-decoration: none !important; text-align: center; transition: all .3s ease; appearance: none; cursor: pointer } .ubtn .usvg { pointer-events: none } .ubtn.loading { font-size: 0; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' width='104px' height='13px' viewBox='0 0 128 16' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M6.4,4.8A3.2,3.2,0,1,1,3.2,8,3.2,3.2,0,0,1,6.4,4.8Zm12.8,0A3.2,3.2,0,1,1,16,8,3.2,3.2,0,0,1,19.2,4.8ZM32,4.8A3.2,3.2,0,1,1,28.8,8,3.2,3.2,0,0,1,32,4.8Zm12.8,0A3.2,3.2,0,1,1,41.6,8,3.2,3.2,0,0,1,44.8,4.8Zm12.8,0A3.2,3.2,0,1,1,54.4,8,3.2,3.2,0,0,1,57.6,4.8Zm12.8,0A3.2,3.2,0,1,1,67.2,8,3.2,3.2,0,0,1,70.4,4.8Zm12.8,0A3.2,3.2,0,1,1,80,8,3.2,3.2,0,0,1,83.2,4.8ZM96,4.8A3.2,3.2,0,1,1,92.8,8,3.2,3.2,0,0,1,96,4.8Zm12.8,0A3.2,3.2,0,1,1,105.6,8,3.2,3.2,0,0,1,108.8,4.8Zm12.8,0A3.2,3.2,0,1,1,118.4,8,3.2,3.2,0,0,1,121.6,4.8Z'/%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M-42.7,3.84A4.16,4.16,0,0,1-38.54,8a4.16,4.16,0,0,1-4.16,4.16A4.16,4.16,0,0,1-46.86,8,4.16,4.16,0,0,1-42.7,3.84Zm12.8-.64A4.8,4.8,0,0,1-25.1,8a4.8,4.8,0,0,1-4.8,4.8A4.8,4.8,0,0,1-34.7,8,4.8,4.8,0,0,1-29.9,3.2Zm12.8-.64A5.44,5.44,0,0,1-11.66,8a5.44,5.44,0,0,1-5.44,5.44A5.44,5.44,0,0,1-22.54,8,5.44,5.44,0,0,1-17.1,2.56Z'/%3E%3CanimateTransform attributeName='transform' type='translate' values='23 0;36 0;49 0;62 0;74.5 0;87.5 0;100 0;113 0;125.5 0;138.5 0;151.5 0;164.5 0;178 0' calcMode='discrete' dur='780ms' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E%0A") } .ubtn.loading * { display: none } .ubtn[disabled] { opacity: .6; cursor: not-allowed } .ubtn_white { background: #fff; border-color: #fff; color: #333c50 } .ubtn_white:hover { background: #f4fa48; border-color: #f4fa48; color: #333c50 } .ubtn_yellow { background: #f4fa48; border-color: #f4fa48; color: #333c50 } .ubtn_yellow:hover { background: #64c099; border-color: #64c099; color: #fff } .ubtn_dark-blue { background: #333c50; border-color: #333c50; color: #fff } .ubtn_dark-blue:hover { background: #f4fa48; border-color: #f4fa48; color: #333c50 } .ubtn_dark-blue2 { background: #58688b; border-color: #58688b; color: #fff } .ubtn_dark-blue2:hover { background: #f4fa48; border-color: #f4fa48; color: #333c50 } .ubtn_lime-green { background: #64c099; border-color: #64c099; color: #fff } .ubtn_lime-green:hover { background: #f4fa48; border-color: #f4fa48; color: #333c50 } .ubtn_lime-green2-transparent { background: transparent; border-color: #76d8af; color: #fff } .ubtn_lime-green2-transparent:hover { background: #76d8af; border-color: #76d8af; color: #fff } .ucontainer { margin: 0 auto; padding: 0 10px; width: 100%; max-width: 1060px } .urow { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px } ._uscrollbar { scrollbar-color: #eb5757 #e5e5e5; scrollbar-width: thin } ._uscrollbar::-webkit-scrollbar { width: 4px; height: 4px; background-color: #e5e5e5 } ._uscrollbar::-webkit-scrollbar-button { display: none } ._uscrollbar::-webkit-scrollbar-thumb { background-color: #eb5757 } ._uscrollbar::-webkit-scrollbar-track { background-color: transparent } ._scrollbar-hidden { scrollbar-width: none } ._scrollbar-hidden::-webkit-scrollbar { display: none } [data-upopup-container]:not([data-upopup-container-active]) { display: none } ._bold { font-weight: 700 } .ucheckbox { display: block; margin: 0; padding: 0; cursor: pointer } .ucheckbox-label { display: block; margin: 0; padding: 0 } .ucheckbox__btn { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; width: 16px; height: 16px; border: 1px solid; border-radius: 4px; cursor: pointer } .ucheckbox__btn svg { display: none } .ucheckbox input[type=checkbox] { display: none } .ucheckbox input[type=checkbox]:checked + .ucheckbox__btn svg { display: block } .usvg { display: block } .usvg_before { margin-right: 12px } .usvg_after { margin-left: 12px } .fl_wrap { position: relative; margin: 0 0 12px; padding: 0; width: 100%; font-family: "Fira Sans" } .fl_wrap label { position: absolute; left: 0; top: 0; z-index: 5; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: inherit; font-style: normal; font-weight: normal; font-size: 15px; letter-spacing: 0; line-height: 38px; color: #333c50; text-align: left; transition: all .3s ease; pointer-events: none; user-select: none; box-sizing: border-box } .fl_wrap.focused label, .fl_wrap.populated label { top: -9px; font-size: 12px; line-height: 16px; color: #676b73 } .fl_wrap .fl_input { display: block; margin: 0; padding: 0; width: 100%; height: 38px; background: transparent; border-width: 0 0 1px 0; border-style: solid; border-color: #a6aab3; border-radius: 0; outline: 0; box-shadow: none; font-family: inherit; font-style: normal; font-weight: normal; font-size: 15px; letter-spacing: 0; color: #333c50; text-align: left; transition: all .3s ease; box-sizing: border-box } .fl_wrap.focused .fl_input { border-color: #58688b } .fl_wrap.error .fl_input { border-color: #f43 } .fl_wrap textarea.fl_input { padding: 13px 16px; height: 126px; resize: none; border-width: 1px } .fl_wrap_textarea label { top: 5px; padding-left: 17px; padding-right: 17px } .fl_wrap_textarea.focused label, .fl_wrap_textarea.populated label { top: 1px } .container:not(._not-modified) { max-width: 1070px } .udropdown { position: relative; z-index: 90 } .udropdown__current { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; cursor: pointer } .udropdown__current ._value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .udropdown__arrow { display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; vertical-align: middle; flex-shrink: 0; margin: -2px 0 0 5px; width: 18px; height: 18px; cursor: pointer } @media only screen and (max-width: 1023px) { .udropdown__arrow { margin-left: 13px } } .udropdown__arrow svg { display: block; fill: currentColor } .udropdown__list { position: absolute; top: 100%; left: 0; margin-top: 10px; width: 246px; background: #fff; opacity: 0; visibility: hidden; transition: all .3s ease } @media only screen and (max-width: 767px) { .udropdown__list { width: 200px } } .udropdown__list-item { padding: 10px 20px; font-size: 13px; color: #a6aab3; transition: all .3s ease; cursor: pointer } .udropdown__list-item:hover { background: #e5e5e5 } .udropdown__list-item a { color: inherit } .udropdown__list-item ._phone { font-size: 16px; font-weight: 800; color: #333c50 } .udropdown._open .udropdown__list { opacity: 1; visibility: visible } .uheader { position: relative; z-index: 50; background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(88, 104, 139, 0.95) 0%, rgba(49, 53, 62, 0.95) 100%); font-family: "Fira Sans" } @media only screen and (max-width: 1023px) { .uheader { background: #333c50 } } .uheader_abs { position: absolute; top: 0; left: 0; right: 0; background: transparent } .uheader_fixed { position: fixed; top: -100px; left: 0; right: 0; z-index: 95; background: #333c50; opacity: 0; visibility: hidden; transition: all .3s ease } .uheader_fixed._active { top: 0; opacity: 1; visibility: visible } .uheader__main { padding: 20px 0; background: #333c50; } .uheader__main-row { position: relative } .uheader__logo { max-width: 140px } @media only screen and (max-width: 1023px) { .uheader__logo { max-width: 90px } } @media only screen and (max-width: 767px) { .uheader__logo { margin-top: 5px; max-width: 105px } } @media only screen and (max-width: 374px) { .uheader__logo { margin-top: 5px; max-width: 90px } } .uheader__logo a { display: block } .uheader__logo img, .uheader__logo svg { display: block; max-width: 100%; height: auto } .uheader__address, .uheader__phones, .uheader__mail { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; font-size: 13px; font-weight: 700; letter-spacing: 1.4px } .uheader__address > .usvg, .uheader__phones > .usvg, .uheader__mail > .usvg { display: block; margin-right: 15px; flex-shrink: 0 } .uheader__address-inner, .uheader__phones-inner, .uheader__mail-inner { display: flex; flex-direction: column; gap: 6px } @media only screen and (max-width: 1023px) { .uheader__address-inner, .uheader__phones-inner, .uheader__mail-inner { gap: 0; line-height: 1.15 } } .uheader__address .udropdown__current, .uheader__phones .udropdown__current, .uheader__mail .udropdown__current { color: #d8dc3d } .uheader__address .udropdown__current:hover, .uheader__phones .udropdown__current:hover, .uheader__mail .udropdown__current:hover { color: #fff } .uheader__address .udropdown__current a, .uheader__phones .udropdown__current a, .uheader__mail .udropdown__current a { color: inherit; transition: all .3s ease } @media only screen and (max-width: 1023px) { .uheader__address { display: none } } .uheader__city-list-item, .uheader__worktime-list-item { color: #fff } .uheader__city-list-item:not(._active), .uheader__worktime-list-item:not(._active) { display: none } .uheader__phones-list-item { font-size: 13px; font-weight: 700; letter-spacing: 1.4px; color: #d8dc3d } .uheader__phones-list-item:not(._active) { display: none } .uheader__phones-list-item a { color: inherit; transition: all .3s ease } .uheader__phones-list-item a:hover { color: #fff } @media only screen and (max-width: 1023px) { .uheader__mail { display: none } } .uheader__mail-heading { color: #fff } .uheader__mail-value { color: #d8dc3d } .uheader__mail-value:hover { color: #fff } .uheader__mail-value a { color: inherit; transition: all .3s ease } @media only screen and (min-width: 1024px) { .uheader__search { margin-right: 16px } } .uheader__search-toggle { color: #a6aab3; transition: all .3s ease; cursor: pointer } .uheader__search-toggle:hover { color: #fff } @media only screen and (max-width: 767px) { .uheader__search-toggle { padding: 10px } } .uheader__search-toggle svg { display: block; fill: currentColor } .uheader__search-form { position: absolute; left: 0; right: 0; z-index: 60; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; margin-top: 25px; padding: 25px 20px; background: #58688b } @media only screen and (max-width: 1023px) { .uheader__search-form { margin-top: 20px; top: 100%; left: -10px; right: -10px } } .uheader__search-form form { position: relative; flex-grow: 1 } .uheader__search-form-input { display: block; padding: 0 70px 0 30px; width: 100%; height: 50px; background: #fff; border: 1px solid #fff; border-radius: 0; outline: 0; box-shadow: none; font-family: "Fira Sans"; font-size: 13px; font-weight: 400; color: #000; text-transform: uppercase; letter-spacing: 1.4px } .uheader__search-form-btn { position: absolute; top: 0; right: 15px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; width: 50px; height: 50px; margin: 0; padding: 0; background: transparent; border: 0; border-radius: 0; outline: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #a6aab3; transition: all .3s ease } .uheader__search-form-btn:hover { color: #000 } .uheader__search-form-btn svg { display: block; fill: currentColor } .uheader__search-close { flex-shrink: 0; margin-left: 15px; color: #fff; transition: all .3s ease; cursor: pointer } .uheader__search-close svg { display: block; fill: currentColor } .uheader__search._open .uheader__search-toggle { color: #fff } .uheader__search._open .uheader__search-toggle ._open { display: none } .uheader__search:not(._open) .uheader__search-toggle ._close { display: none } .uheader__search:not(._open) .uheader__search-form { display: none } .uheader__btns { gap: 16px } @media only screen and (min-width: 1024px) { .uheader__btns { gap: 0 } } @media only screen and (max-width: 767px) { .uheader__btns { margin-top: 10px; width: 100% } } @media only screen and (max-width: 575px) { .uheader__btns-callback { display: none } } @media only screen and (min-width: 1024px) { .uheader__btns-order { display: none } } @media only screen and (max-width: 1023px) { .uheader__btns .ubtn { min-width: 146px; height: 40px; font-size: 12px } } .uheader__nav { background: #333c50 } .uheader__nav-row { gap: 0 } .uheader__nav-btns { flex-shrink: 0 } @media only screen and (max-width: 1023px) { .uheader__nav-btns { display: none } } .uheader__nav-toggle { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #d8dc3d; cursor: pointer } @media only screen and (min-width: 1024px) { .uheader__nav-toggle { display: none } } .uheader__nav-toggle .usvg { display: block; flex-shrink: 0; margin-left: 10px; fill: currentColor } .uheader_fixed .uheader__logo { max-width: 44px } @media only screen and (max-width: 575px) { .uheader_fixed .uheader__address, .uheader_fixed .uheader__phones { display: none } } .uheader_fixed .uheader__address > .usvg, .uheader_fixed .uheader__phones > .usvg { margin-right: 7px } .uheader_fixed .uheader__order .ubtn { min-width: 171px } @media only screen and (max-width: 1023px) { .uheader_fixed .uheader__order .ubtn { min-width: 146px; height: 40px; font-size: 12px } } @media only screen and (min-width: 1024px) { .unav { position: relative; z-index: 50; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; flex-grow: 1; margin-right: 3px } .unav ._dropdown { position: absolute; top: 100%; left: 0; padding: 20px 0; width: 250px; background: rgba(51, 60, 80, 1); opacity: 0; visibility: hidden; transition: all .3s ease } .unav ._dropdown-item { position: relative } .unav ._dropdown-item > a { display: block; padding: 15px 20px; font-size: 16px; font-weight: 400; line-height: 16px; color: #c4c4c4; text-transform: none; text-align: left; transition: all .3s ease } .unav ._dropdown-item > a ._arrow { display: none } .unav ._dropdown-item:hover > a, .unav ._dropdown-item._selected > a { color: #64c099 } .unav ._dropdown-item > ._dropdown { top: 0; left: 100% } .unav ._dropdown-item:hover > ._dropdown { opacity: 1; visibility: visible } .unav ._arrow { cursor: pointer } .unav__item { position: relative; flex-grow: 1 } .unav__item > span.static, .unav__item > a { display: block; padding: 15px 0; font-size: 16px; font-weight: 700; line-height: 20px; color: #c4c4c4; text-transform: uppercase; text-align: center; white-space: nowrap; transition: all .3s ease } .unav__item > a ._arrow { display: inline-flex; justify-content: center; align-items: center; vertical-align: middle; margin: -3px 0 0 0; width: 20px; height: 20px } .unav__item > a ._arrow svg { display: block; fill: currentColor } .unav__item:hover > a, .unav__item._selected > a { background: #d8dc3d; color: #333c50 } .unav__item._selected > a { background: #f4fa48 } .unav__item:hover > ._dropdown { opacity: 1; visibility: visible } .unav_fixed { flex-grow: 0; margin-right: 0 } } @media only screen and (min-width: 1024px)and (max-width: 1023px) { .unav_fixed { display: none } } @media only screen and (min-width: 1024px) { .unav_fixed .unav__item > a { padding-left: 7px; padding-right: 7px; font-size: 13px } } @media only screen and (max-width: 1023px) { .unav { position: absolute; top: 100%; left: 0; right: 0; padding: 20px 0; max-height: calc(100vh - 100%); overflow-y: auto; background: rgba(51, 60, 80, 1); transition: all .3s ease } .unav:not(._open) { opacity: 0; visibility: hidden } .unav ._arrow { cursor: pointer } .unav ._dropdown { display: none } .unav ._dropdown-item > a { display: block; padding: 7px 20px; font-size: 16px; font-weight: 400; line-height: 16px; color: #c4c4c4; text-transform: none; text-align: left; transition: all .3s ease } .unav ._dropdown-item > a ._arrow { display: inline-flex; justify-content: center; align-items: center; vertical-align: middle; margin: -3px 0 0 0; width: 20px; height: 20px } .unav ._dropdown-item > a ._arrow svg { display: block; fill: currentColor } .unav ._dropdown-item._selected > a { color: #64c099 } .unav ._dropdown-item._selected > a ._arrow { transform: rotate(180deg) } .unav ._dropdown-item._selected > ._dropdown { display: block } .unav ._dropdown ._dropdown { padding-left: 20px } .unav__item > span.static, .unav__item > a { position: relative; display: block; padding: 10px 40px 10px 10px; font-size: 16px; font-weight: 700; line-height: 20px; color: #c4c4c4; text-transform: uppercase; white-space: nowrap; transition: all .3s ease } .unav__item > a ._arrow { position: absolute; top: 0; right: 0; display: inline-flex; justify-content: center; align-items: center; vertical-align: middle; margin: -3px 0 0 0; width: 40px; height: 40px } .unav__item > a ._arrow svg { display: block; fill: currentColor } .unav__item._selected > a { background: #f4fa48; color: #333c50 } .unav__item._selected > a ._arrow { transform: rotate(180deg) } .unav__item._selected > ._dropdown { display: block } } .ufooter { font-family: "Fira Sans" } .ufooter__top { padding: 16px 0 28px; background: radial-gradient(70.71% 70.71% at 50% 50%, #58688B 0%, #31353E 100%); color: #fff } .ufooter__top-row { align-items: flex-start } .ufooter__top-links { margin-top: 13px } @media only screen and (max-width: 575px) { .ufooter__top-links { width: 100% } } .ufooter__top-links-item { position: relative; margin-bottom: 2px; padding-left: 25px; font-size: 14px; font-weight: 300; color: #dedede } .ufooter__top-links-item:last-child { margin-bottom: 0 } .ufooter__top-links-item a { color: inherit; transition: all .3s ease } .ufooter__top-links-item a:hover { color: #fff } .ufooter__top-links-item .usvg { position: absolute; top: 3px; left: 0; display: block } .ufooter__top-links-item .usvg._bvi { top: 5px } .ufooter__main { padding: 22px 0 38px; background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(88, 104, 139, 0.95) 0%, rgba(49, 53, 62, 0.95) 100%); color: #fff } .ufooter__main-row { align-items: stretch } .ufooter__main-col { display: flex; flex-direction: column; max-width: calc((100% - 10px * (4 - 1)) / 4) } @media only screen and (max-width: 1023px) { .ufooter__main-col { margin-bottom: 30px; width: calc((100% - 10px * (2 - 1)) / 2); max-width: 100% } } @media only screen and (max-width: 575px) { .ufooter__main-col { width: 100% } } .ufooter__nav { margin-bottom: 29px } .ufooter__nav:last-child { margin-bottom: 0 } .ufooter__nav-item { margin-bottom: 29px; font-size: 22px; font-weight: 700 } .ufooter__nav-item:last-child { margin-bottom: 0 } .ufooter__nav-item > a { color: rgba(255, 255, 255, .9); text-transform: uppercase; transition: all .3s ease } .ufooter__nav-item > a:hover { color: #d8dc3d } .ufooter__nav ._submenu { margin-top: 29px } .ufooter__nav ._submenu-item { margin-bottom: 31px; font-size: 14px; font-weight: 600 } .ufooter__nav ._submenu-item:last-child { margin-bottom: 0 } .ufooter__nav ._submenu-item > a { color: #a6aab3; text-transform: uppercase; transition: all .3s ease } .ufooter__nav ._submenu-item > a:hover { color: #d8dc3d } .ufooter__logo { margin-top: auto } .ufooter__logo a, .ufooter__logo img { display: block; max-width: 100% } .ufooter__sitemap { margin: 21px 0; font-size: 14px; font-weight: 300 } .ufooter__sitemap a { color: #a6aab3; transition: all .3s ease } .ufooter__sitemap a:hover { color: #fff } .ufooter__rating { margin-top: auto } .ufooter__rating-item { margin-bottom: 27px } .ufooter__rating-item:last-child { margin-bottom: 0 } .ufooter__rating-item iframe { display: block } .ufooter__btns { margin-top: auto } .ufooter__btns-item { margin-bottom: 27px } .ufooter__btns-item:last-child { margin-bottom: 0 } .ufooter__copy { margin-top: 73px; padding-top: 20px; border-top: 1px solid #a6aab3; text-align: center } @media only screen and (max-width: 1023px) { .ufooter__copy { margin-top: 40px } } .ufooter__copy-text { margin-top: 10px; font-size: 14px; font-weight: 700 } .ufooter__copy-text-small { font-size: 12px; font-weight: 300; color: #a6aab3 } .ufooter__search { width: 350px; max-width: 100% } @media only screen and (max-width: 575px) { .ufooter__search { width: 100% } } .ufooter__search form { position: relative } .ufooter__search-input { display: block; padding: 0 30px 0 30; width: 100%; height: 50px; background: transparent; border: 0; border-bottom: 1px solid #c4c4c4; border-radius: 0; outline: 0; box-shadow: none; font-family: "Fira Sans"; font-size: 14px; font-weight: 400; color: #fff; text-transform: uppercase } .ufooter__search-input::-moz-placeholder { color: #fff } .ufooter__search-input:-ms-input-placeholder { color: #fff } .ufooter__search-input::placeholder { color: #fff } .ufooter__search-btn { position: absolute; top: 0; right: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; width: 19px; height: 50px; margin: 0; padding: 0; background: transparent; border: 0; border-radius: 0; outline: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: rgba(255, 255, 255, .9); transition: all .3s ease } .ufooter__search-btn:hover { color: #fff } .ufooter__search-btn svg { display: block } @media only screen and (min-width: 1200px) { .infg-bg:after { top: 60px; bottom: 0 } } .section-about { margin-top: 30px } @media only screen and (min-width: 1200px) { .section-margin_top { margin-top: 100px } } .section-margin_top > .infg-bg:first-child { margin-top: -60px } @media only screen and (max-width: 1199px) { .section-margin_top > .infg-bg:first-child { margin-top: -20px } } @media only screen and (min-width: 1200px) { .section-margin_bottom { margin-bottom: 100px } } .form.js-validate-form { position: relative } .form.js-validate-form ._error-message { position: absolute; bottom: 25px; left: 0; width: 100%; font-family: "Fira Sans"; font-size: 12px; line-height: 1.2; color: #f43; text-align: center } .form.js-validate-form:not(._has-errors) ._error-message { display: none } .form .form-bg .form-group_checkbox { text-align: left } .form-checkbox { text-align: left } .form-checkbox input { top: 50%; margin-top: -7px } .form-checkbox label:before { top: 50%; margin-top: -7px } .form-checkbox label:after { top: 50%; margin-top: -15px } .form-checkbox label a { transition: all .3s ease } .form-checkbox label a:hover { color: #64c099 } .form-checkbox input.error + label:before { border-color: #f43 } .banner._ux._max-height { max-height: 768px } .banner._ux .breadcrumbs { margin-bottom: 60px; padding-left: 63px } @media only screen and (max-width: 1023px) { .banner._ux .breadcrumbs { padding-left: 14px } } @media only screen and (max-width: 767px) { .banner._ux .breadcrumbs { padding-left: 0 } } .banner._ux .banner__image { max-height: 770px } @media only screen and (max-width: 1023px) { .banner._ux .banner__image { min-height: 696px } } @media only screen and (max-width: 767px) { .banner._ux .banner__image { position: relative; height: 696px } } .banner._ux .banner__container { padding-top: 190px } @media only screen and (max-width: 1023px) { .banner._ux .banner__container { padding-top: 121px } } @media only screen and (max-width: 767px) { .banner._ux .banner__container { padding-top: 174px; padding-bottom: 0 } } .banner._ux .banner__preview { margin: 13px 0 0 } @media only screen and (max-width: 767px) { .banner._ux .banner__preview { margin-top: 10px } } .banner._ux .banner__content { position: relative; padding-left: 63px } @media only screen and (max-width: 1023px) { .banner._ux .banner__content { padding-left: 14px } } @media only screen and (max-width: 767px) { .banner._ux .banner__content { padding-left: 0 } } .banner._ux .banner__content .zx-seal { position: absolute; top: 100px; right: -69px; z-index: 10 } @media only screen and (max-width: 1023px) { .banner._ux .banner__content .zx-seal { top: 100%; right: -39px; margin-top: -15px } } @media only screen and (max-width: 767px) { .banner._ux .banner__content .zx-seal { position: static; display: block; margin: -10px 4px 0 auto; max-width: 195px } } @media only screen and (max-width: 767px) { .banner._ux .banner__content .banner__title { line-height: 1.3 } } .banner._ux .banner__content .banner__text { font-size: 36px; line-height: 1.22 } @media only screen and (max-width: 767px) { .banner._ux .banner__content .banner__text { font-size: 24px; line-height: 1.37 } } .banner._ux .banner__form { flex-wrap: nowrap; align-items: flex-start } @media only screen and (max-width: 767px) { .banner._ux .banner__form { flex-direction: column; justify-content: flex-start; align-items: stretch } } .banner._ux .banner__form .form-bg { display: flex; flex-basis: 385px !important; flex-grow: 0; flex-shrink: 0; margin: -20px 85px 0 0; padding: 0 } @media only screen and (max-width: 1023px) { .banner._ux .banner__form .form-bg { margin-top: 58px; margin-right: 8px } } @media only screen and (max-width: 767px) { .banner._ux .banner__form .form-bg { margin-top: 13px; margin-right: 0; flex-basis: auto !important } } .banner._ux .banner__form .form-bg form { padding: 50px 40px 65px; width: 100%; max-width: 100%; background: #fff } .banner._ux .banner__form .form-bg form[name=SIMPLE_FORM_2]:after { display: none } .banner._ux .banner__form .form-bg .form__title { margin-bottom: 45px; font-size: 38px; color: #333c50 } .banner._ux .banner__form .form-bg .form-group_checkbox { margin-top: 25px } @media only screen and (max-width: 1023px) { .banner._ux .banner__form .form-bg .form-group_checkbox { margin-top: 13px } } .banner._ux .banner__form .form-bg .ubtn { margin-top: 30px; width: 187px; max-width: 100%; min-width: 0 } .block-info { display: flex; justify-content: space-between; align-items: stretch } .block-info._ux { margin: 0 0 80px; gap: 85px } @media only screen and (max-width: 1199px) { .block-info._ux { gap: 35px } } .block-info._ux .block-info__item { margin: 0; flex-basis: auto; width: auto; max-width: none } @media only screen and (max-width: 1023px) { .block-info._ux .block-info__item { width: calc((100% - 35px * (4 - 1)) / 4) } .block-info._ux .block-info__item br { display: none } } @media only screen and (max-width: 767px) { .block-info._ux .block-info__item { width: calc((100% - 35px * (2 - 1)) / 2) } } @media only screen and (max-width: 575px) { .block-info._ux .block-info__item { width: 100% } } .block-info._ux .block-info__top { margin-bottom: 4px } @media only screen and (max-width: 1023px) { .block-info._ux .block-info__top { margin-bottom: 10px; font-size: 16px; line-height: 1.5 } .block-info._ux .block-info__top span { margin-bottom: 7px; font-size: 48px } } @media only screen and (max-width: 575px) { .block-info._ux .block-info__top { margin-bottom: 6px; font-size: 20px; line-height: 1.2 } .block-info._ux .block-info__top span { margin-bottom: 0; font-size: 60px } } .link { padding-bottom: 4px; font-size: 14px } .hashtag_reviews { padding-right: 76px } @media only screen and (max-width: 1199px) { .hashtag_reviews { padding-right: 0 } } .uservices { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; margin: 0 0 100px; padding: 100px 0 0; list-style: none; font-family: "Fira Sans" } @media only screen and (max-width: 767px) { .uservices { margin-left: -10px; margin-right: -10px } } .uservices__item { position: relative; display: flex; flex-direction: column; margin: 0; padding: 59px 47px 43px; width: calc(100% / 3); min-height: 306px; background: #fff; transition: all .3s ease } @media only screen and (max-width: 1023px) { .uservices__item { margin-bottom: 1px; width: 50% } } @media only screen and (max-width: 767px) { .uservices__item { padding-left: 20px; padding-right: 20px; width: 100% } } .uservices__item > * { position: relative; z-index: 10 } .uservices__item-name { margin-bottom: 14px; max-width: 270px; min-height: 50px; font-size: 25px; font-weight: 400; line-height: 25px; color: #333c50; text-transform: uppercase } .uservices__item-name a { color: inherit; transition: all .3s ease } .uservices__item-name a:hover { text-shadow: 0 0 .65px, 0 0 .65px } .uservices__item-price { position: static; margin-bottom: 30px; opacity: 0; visibility: hidden; font-size: 25px; line-height: 1.02; color: #333c50; transition: all .3s ease } .uservices__item-price:before { content: ""; position: absolute; left: 0; display: block; display: none; margin-top: 9px; width: 87px; height: 28px; background: #f4fa48 } .uservices__item-price span { position: relative } .uservices__item-desc, .uservices__item-submenu { max-width: 290px; font-size: 12px; line-height: 2.12; color: #333c50 } .uservices__item-submenu { margin: 6px 0 30px; padding: 0; list-style: none } .uservices__item-submenu-item { position: relative; margin: 0; padding: 0 0 0 18px } .uservices__item-submenu-item:before { content: ""; position: absolute; left: 7px; top: 10px; display: block; width: 3px; height: 3px; background: currentColor; border-radius: 50% } .uservices__item-submenu-item a { color: inherit } .uservices__item-submenu-item a:hover { text-decoration: underline } .uservices__item-more { order: 10; margin-top: auto } .uservices__item-more-btn { display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 15px; padding: 11px 0 9px; border-bottom: 2px solid #d8dc3d; font-size: 14px; font-weight: 600; line-height: 1; color: #333c50; text-transform: uppercase; transition: all .3s ease } .uservices__item-more-btn:hover { padding-left: 12px; padding-right: 12px; margin-left: -12px; background: #f4fa48; border-color: #f4fa48 } .uservices__item-img { position: absolute; z-index: 1; bottom: 40px; right: 30px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: flex-end; max-width: 110px; max-height: 110px } .uservices__item-img img { display: block; max-width: 100%; max-height: 100% } .uservices__item:hover .uservices__item-price { opacity: 1; visibility: visible } @media only screen and (min-width: 1024px) { .uservices__item._wide-desktop { width: calc(100% / 3 * 2) } } @media only screen and (min-width: 768px)and (max-width: 1023px) { .uservices__item._wide-tablet { width: 100% } } .uservices__item._dark-blue { background: #333c50 } .uservices__item._dark-blue .uservices__item-name { color: #cbd3e4 } .uservices__item._dark-blue .uservices__item-price { color: #fff } .uservices__item._dark-blue .uservices__item-price:before { background: #76d8af } .uservices__item._dark-blue .uservices__item-desc, .uservices__item._dark-blue .uservices__item-submenu { color: #fff } .uservices__item._dark-blue .uservices__item-more-btn { color: #fff } .uservices__item._dark-blue .uservices__item-more-btn:hover { background: #d8dc3d; border-color: #d8dc3d; color: #333c50 } .uservices__item._yellow { background: #d8dc3d } .uservices__item._yellow .uservices__item-price:before { background: #fff } .uservices__item._yellow .uservices__item-more-btn { border-bottom-color: #fff } .uservices__item._yellow .uservices__item-more-btn:hover { background: #fff; border-color: #fff } .uservices__item._desc { padding-left: 0; padding-top: 0 } @media only screen and (max-width: 767px) { .uservices__item._desc { padding-left: 10px; min-height: 0 } } .uservices__item._desc ._desc-inner { margin-top: -87px; max-width: 450px } .uservices__item._desc ._desc-inner .h1 { margin-bottom: 36px } @media only screen and (max-width: 1023px) { .uservices__item._desc ._desc-inner .h1 { margin-bottom: 20px } } .uservices__item._desc ._desc-inner .hashtag-desc { max-width: 350px } .uservices._ext { margin-bottom: 88px; padding-top: 45px } .uservices._ext .uservices__item._desc ._desc-inner { margin-top: -62px } @media only screen and (min-width: 1200px) { .uservices._ext .uservices__item._desc ._desc-inner .h1 { margin-bottom: 78px } } .uservices._sub { margin-top: 65px; padding-top: 0 } .uservices._sub .uservices__item-price { opacity: 1; visibility: visible } @media only screen and (max-width: 1199px) { .ucontainer .content { margin-left: -10px; margin-right: -10px } .ucontainer .content__item { margin-left: 10px; margin-right: 10px } } @media only screen and (max-width: 1199px) { .reviews-slider__wrap { margin-right: 40px } .reviews-slider__wrap .swiper-prev { left: -40px } .reviews-slider__wrap .swiper-next { right: -40px } } .reviews-more__btn { display: inline-flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; font-family: "Fira Sans"; font-size: 14px; font-weight: 700; color: #333c50; text-transform: uppercase; transition: all .3s ease; text-align: center } .reviews-more__btn:hover { color: #d8dc3d } .reviews-more__btn ._text { margin-bottom: 17px } .reviews-more__btn ._icon { color: #d8dc3d } .form-bg._consult-doctor { position: relative; padding: 62px 30px 93px 51px; font-family: "Fira Sans" } @media only screen and (max-width: 1023px) { .form-bg._consult-doctor { padding: 50px } } @media only screen and (max-width: 575px) { .form-bg._consult-doctor { padding: 20px } } .form-bg._consult-doctor .form { padding: 60px 247px 47px 33px; flex-shrink: 0; width: calc(100% - 175px); max-width: 100%; background: #fff; -webkit-clip-path: polygon(0 0, 100% 0%, 84% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 84% 100%, 0% 100%) } .form-bg._consult-doctor .form ._error-message { bottom: 15px; padding-left: 47px; text-align: left } @media only screen and (max-width: 1023px) { .form-bg._consult-doctor .form { padding: 50px; width: 100%; -webkit-clip-path: none; clip-path: none } .form-bg._consult-doctor .form ._error-message { padding-left: 50px } } @media only screen and (max-width: 575px) { .form-bg._consult-doctor .form { padding: 20px } .form-bg._consult-doctor .form ._error-message { position: relative; bottom: 0; margin-top: 15px; padding-left: 0; text-align: center } } .form-bg._consult-doctor .form-bg__row { flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; gap: 16px } .form-bg._consult-doctor .form-bg__doctor { position: relative; z-index: 10; padding-top: 12px; flex-grow: 1 } @media only screen and (max-width: 1023px) { .form-bg._consult-doctor .form-bg__doctor { display: none } } .form-bg._consult-doctor .form-bg__doctor-name { margin-bottom: 15px; font-size: 20px; font-weight: 700; line-height: 1.02; color: #fff; text-transform: uppercase } .form-bg._consult-doctor .form-bg__doctor-name span { color: #d8dc3d } .form-bg._consult-doctor .form-bg__doctor-experience { margin-bottom: 11px; font-size: 14px; font-weight: 700; line-height: 1.2; color: #fff; text-transform: uppercase } .form-bg._consult-doctor .form-bg__doctor-experience span { color: #d8dc3d } .form-bg._consult-doctor .form-bg__doctor-services { margin: 0; padding: 0; font-size: 12px; font-weight: 700; line-height: 1.41; color: #a6aab3; text-transform: uppercase } .form-bg._consult-doctor .form-bg__doctor-services li { margin: 0; padding: 0 } .form-bg._consult-doctor .form-bg__doctor-image { position: absolute; top: 0; bottom: 0; right: 50px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: flex-end; max-width: 400px } .form-bg._consult-doctor .form-bg__doctor-image._sm { right: 140px; max-width: 300px } @media only screen and (max-width: 1023px) { .form-bg._consult-doctor .form-bg__doctor-image { display: none } } .form-bg._consult-doctor .form-bg__doctor-image img { display: block; max-width: 100%; max-height: 100% } .form-bg._consult-doctor .form__title { margin-bottom: 53px; color: #333c50; text-align: left } .form-bg._consult-doctor .form__grid { justify-content: flex-start; align-items: flex-start; gap: 30px 58px } @media only screen and (max-width: 767px) { .form-bg._consult-doctor .form__grid { gap: 30px } } .form-bg._consult-doctor .form__grid > * { margin-top: 0; margin-bottom: 0; width: calc((100% - 58px * (2 - 1)) / 2) } @media only screen and (max-width: 767px) { .form-bg._consult-doctor .form__grid > * { width: calc((100% - 30px * (2 - 1)) / 2) } } @media only screen and (max-width: 575px) { .form-bg._consult-doctor .form__grid > * { width: 100% } } .form-bg._consult-doctor .form__grid > .form-btn { margin-top: 5px; font-size: 16px } .uadv-list { margin: 87px 0 0 -33px; padding: 0; list-style: none; font-family: "Fira Sans" } @media only screen and (max-width: 1199px) { .uadv-list { margin: 45px 0 0 } } .uadv-list__item { position: relative; margin: 0 0 50px; padding: 0 0 0 30px; font-size: 20px; font-weight: 500; line-height: 1.2; color: #fff; text-transform: uppercase } .uadv-list__item:before { content: ""; position: absolute; left: 0; top: 12px; display: block; width: 10px; height: 2px; background: rgba(216, 220, 61, .5) } .uadv-list__item:last-child { margin-bottom: 0 } .works-slider__image .ubtn { position: absolute; z-index: 1; right: 0; bottom: 34px; pointer-events: auto; opacity: 0; width: 222px } .works-slider .swiper-slide-active .works-slider__image .ubtn { opacity: 1 } .doctors-block__wrap:before { height: 170px } @media only screen and (min-width: 1200px) { .doctors-slider__item { padding-top: 203px } } .doctors-slider__content { padding-left: 76px; padding-bottom: 50px } @media only screen and (max-width: 767px) { .doctors-slider__content { padding-left: 57px; padding-bottom: 30px } } .doctors-slider__title a { color: inherit } .doctors-slider__btns { display: flex; flex-direction: column; gap: 20px; margin-top: 50px; max-width: 222px } .contacts-block__wrap { overflow: visible } @media only screen and (min-width: 1200px) { .contacts-block__text { padding-top: 55px; padding-bottom: 54px; flex-basis: 430px; max-width: 430px; width: 430px } .contacts-block__map { left: calc((100% - 1040px) / 2 + 460px) } } @media only screen and (max-width: 1199px) { .contacts-block__map { margin-right: -10px; flex-basis: calc(100% - 340px + 10px); max-width: calc(100% - 340px + 10px); width: calc(100% - 340px + 10px) } } @media only screen and (max-width: 767px) { .contacts-block__map { margin-right: -10px; margin-left: -10px; flex-basis: calc(100% + 20px); max-width: calc(100% + 20px); width: calc(100% + 20px) } } .ucontacts { display: flex; flex-direction: column; gap: 26px; margin: 30px 20px 0 76px; min-height: 287px; font-family: "Fira Sans" } @media only screen and (max-width: 1199px) { .ucontacts { margin-left: 42px } } @media only screen and (max-width: 767px) { .ucontacts { margin-right: 0 } } .ucontacts__city-list { margin-bottom: 12px } .ucontacts__city-list-item { font-size: 22px; line-height: 1.18; color: #676b73 } .ucontacts__city-list-item:not(._active) { display: none } .ucontacts__address { margin-bottom: 20px } .ucontacts__address-dropdown .udropdown__current { font-size: 22px; line-height: 1.18; color: #64c099 } .ucontacts__address-dropdown .udropdown__arrow { margin-left: 15px } .ucontacts__address-dropdown .udropdown__list { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; padding: 10px 0; width: 700px; background: #f8f8f8 } @media only screen and (max-width: 1199px) { .ucontacts__address-dropdown .udropdown__list { width: 600px } } @media only screen and (max-width: 767px) { .ucontacts__address-dropdown .udropdown__list { width: 250px } } .ucontacts__address-dropdown .udropdown__list-item { padding: 20px 30px; width: 50%; font-size: 12px; font-weight: 300; line-height: 1.5; color: #333c50 } @media only screen and (max-width: 767px) { .ucontacts__address-dropdown .udropdown__list-item { padding: 10px 20px; width: 100% } } .ucontacts__address-dropdown .udropdown__list-item ._address { margin-bottom: 5px; font-size: 22px; font-weight: 400; line-height: 1.18; color: #676b73 } @media only screen and (max-width: 767px) { .ucontacts__address-dropdown .udropdown__list-item ._address { font-size: 16px } } .ucontacts__address-dropdown .udropdown__list-item ._phone { margin-top: 3px; font-size: 26px; line-height: 1.19 } @media only screen and (max-width: 767px) { .ucontacts__address-dropdown .udropdown__list-item ._phone { font-size: 16px } } .ucontacts__address-dropdown._open .udropdown__current { color: #d8dc3d } .ucontacts__address-dropdown._open .udropdown__current ._value { text-decoration: underline } .ucontacts__btns { display: flex; flex-direction: column; gap: 26px; align-self: flex-start; margin-top: auto } @media only screen and (max-width: 1199px) { .gallery-slider__wrap { margin-left: -10px; margin-right: -10px } } .banner-mini { margin: 16px 0 53px } .banner-mini:before { display: none } .banner-mini .banner__container { margin: 0; padding: 0; left: 0; right: auto; top: 0; bottom: auto } .banner-mini .breadcrumb { color: #64c099 } .banner-mini .breadcrumb:not(:last-child) { position: relative } .banner-mini .breadcrumb:not(:last-child):before { content: ""; position: absolute; top: auto; right: 3px; bottom: -3px; left: -1px; height: 2px; background: #d8dc3d } .banner-mini .breadcrumb:last-child:before { display: none } .banner-mini .breadcrumb a { transition: all .3s ease } .banner-mini .breadcrumb a:hover { color: #333c50 } .banner-contacts { margin: 0 } .banner-contacts .breadcrumbs { margin: 16px 0 53px } .banner-contacts .breadcrumb a:hover { color: #fff } .banner-contacts .contacts-bg, .banner-contacts .contacts-map { top: 0 } @media only screen and (max-width: 1199px) { .banner-contacts .contacts-text { padding-top: 20px } } .breadcrumbs { margin: 0; padding: 0 } .breadcrumb { position: relative; margin-right: 35px; text-transform: none } .breadcrumb:not(:last-child):after { content: ""; position: absolute; top: 4px; left: 100%; margin-left: 12px; display: block; width: 8px; height: 8px; background: url(/images/ux/arrow-right-sm.svg) 0 0 no-repeat } .services-order-text { margin: 0 auto; max-width: 450px; text-align: center } .services-order-text p { margin-bottom: 27px; font-size: 17px } .section-form-consult { background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(88, 104, 139, 0.8) 0%, rgba(49, 53, 62, 0.8) 100%) } .services-bg_transparent_2 { padding-top: 0 } .services-bg_transparent_2:after { top: -110px; bottom: -110px; background-position: 50% 50% } .services-bg .content__item-service-btns { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-end; gap: 24px; padding-right: 30px } @media only screen and (max-width: 767px) { .services-bg .content__item-service-btns { align-items: flex-start; margin-top: 20px; padding-left: 42px; padding-right: 0 } } .services-bg .content__item-service-btns .ubtn { min-width: 193px } .price-list__item._notice .price-list__content { width: 90%; flex: none; max-width: 90%; padding: 120px 0px 40px } .price-list__item._notice .price-list__title { font-size: 14px } .price-list__price._with-ubtn { position: relative; z-index: 5; justify-content: space-between; align-items: flex-start; background: transparent; border-color: transparent } @media only screen and (min-width: 768px) { .price-list__price._with-ubtn { flex-basis: 340px; width: 340px; max-width: 340px } } @media only screen and (min-width: 1200px) { .price-list__price._with-ubtn { font-size: 20px } } @media only screen and (max-width: 660px) { .price-list__price._with-ubtn { justify-content: flex-end } } .price-list__price._with-ubtn .ubtn { min-width: 157px } @media only screen and (max-width: 660px) { .price-list__price._with-ubtn .ubtn { display: none } } .active .yellow_rectangle { bottom: -1px; left: auto; right: -1px; width: 100px; height: calc(100% + 1px); transform: none; -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%); clip-path: polygon(100% 0, 0% 100%, 100% 100%) } .form-inline.form-inline_feedback .hashtag { margin-bottom: 70px } .form-inline.form-inline_feedback .hashtag .h1 { font-size: 38px; text-transform: none } .form-inline.form-inline_feedback .item-skew { padding: 55px 80px 95px } @media only screen and (max-width: 575px) { .form-inline.form-inline_feedback .item-skew { padding-left: 10px; padding-right: 10px } } .form-inline.form-inline_feedback .form { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 33px 35px; height: auto } .form-inline.form-inline_feedback .form ._col { width: calc(38% - 35px) } .form-inline.form-inline_feedback .form ._col:nth-of-type(even) { width: 60% } @media only screen and (max-width: 1199px) { .form-inline.form-inline_feedback .form ._col { width: calc(40% - 35px) } .form-inline.form-inline_feedback .form ._col:nth-of-type(even) { width: 60% } } @media only screen and (max-width: 767px) { .form-inline.form-inline_feedback .form ._col { width: 100% } .form-inline.form-inline_feedback .form ._col:nth-of-type(even) { width: 100% } } .form-inline.form-inline_feedback .form ._col .fl_wrap { margin: 0 } .form-inline.form-inline_feedback .form ._col._grid { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 33px 35px } .form-inline.form-inline_feedback .form ._col._personal { align-self: center } .form-inline.form-inline_feedback .form ._col._personal .form-group { max-width: 150px } @media only screen and (max-width: 767px) { .form-inline.form-inline_feedback .form ._col._btn { order: 10 } } .form-inline.form-inline_feedback .form ._col._btn .ubtn { min-width: 0; width: 100%; font-size: 16px } .form-inline.form-inline_feedback .form .form-group { margin: 0; padding: 0; flex-basis: auto; width: auto; max-width: 100%; height: auto } .form-inline.form-inline_feedback .form .fl_wrap textarea.fl_input { height: 175px } .form-inline.form-inline_feedback .form ._captcha { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 4px } .form-inline.form-inline_feedback .form ._captcha > * { width: calc((100% - 4px * (2 - 1)) / 2) } @media only screen and (min-width: 768px)and (max-width: 1199px) { .form-inline.form-inline_feedback .form ._captcha > * { width: 100% } } .form-inline.form-inline_feedback .form ._captcha input[type=text] { padding: 0 10px; height: 40px; border-radius: 0; outline: 0; font-size: 15px; font-weight: 400 } .form-inline.form-inline_feedback .form ._captcha input[type=text].error { border-color: #f43 } .form-inline.form-inline_feedback .form ._error-message { position: relative; bottom: 0; order: 20; text-align: left } @media only screen and (max-width: 767px) { .form-inline.form-inline_feedback .form ._error-message { text-align: center } } .form-wrap { flex-wrap: wrap; overflow-y: auto } .form-popup._ux { padding: 38px 38px 60px; max-width: 605px; background: #fff; box-shadow: none; font-family: "Fira Sans" } .form-popup._ux:before { display: none } .form-popup._ux .form__close { top: 19px; right: 30px; width: auto; height: auto; color: #a6aab3; transition: all .3s ease; cursor: pointer } .form-popup._ux .form__close:hover { color: #333c50 } .form-popup._ux .form__close .usvg { fill: currentColor } .form-popup._ux .form__title { margin-bottom: 35px; font-family: "Fira Sans"; font-size: 38px; font-weight: 800; font-style: normal; line-height: 100%; color: #333c50; text-align: left } .form-popup._ux .form__desc { margin: -20px 0 30px; max-width: 325px; font-size: 12px; line-height: 1.3; color: #333c50 } .form-popup._ux ._form-grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 30px; margin-bottom: 30px } .form-popup._ux ._form-grid > * { width: calc((100% - 30px * (2 - 1)) / 2) } .form-popup._ux ._form-grid > *._w100 { width: 100% } @media only screen and (max-width: 575px) { .form-popup._ux ._form-grid > * { width: 100% } } .form-popup._ux ._form-grid .fl_wrap { margin: 0 } .form-popup._ux ._form-grid .fl_wrap._hidden { display: none !important } .form-popup._ux ._form-btn { margin-top: 40px } .form-popup._ux ._doctor-name { margin-bottom: 10px; font-size: 26px; font-weight: 700; line-height: 1.2; color: #333c50; text-transform: uppercase } .form-popup._ux ._doctor-name span { color: #d8dc3d } .form-popup._ux ._doctor-position { margin-bottom: 43px; font-size: 22px; font-weight: 400; line-height: 1.2; color: #676b73 } .form-popup._ux ._error-message { top: 100%; bottom: auto; margin-top: 20px; text-align: left } .form-success._ux { padding: 38px 38px 60px; max-width: 605px; background: #fff; box-shadow: none } .form-success._ux:before { display: none } .form-success._ux .form__close { top: 19px; right: 30px; width: auto; height: auto; color: #a6aab3; transition: all .3s ease; cursor: pointer } .form-success._ux .form__close:hover { color: #333c50 } .form-success._ux .form__close .usvg { fill: currentColor } .form-success._ux .form__title { margin-bottom: 50px; font-family: "Fira Sans"; font-size: 38px; font-weight: 800; font-style: normal; line-height: 100%; color: #333c50; text-align: left } .form-success._ux .form-success__title { margin: 0 0 32px; line-height: 1.5; font-size: 16px; font-weight: 500; color: #333c50; text-transform: none } .form-success._ux .form-success__title span { display: inline-block; padding: 6px 0; border-bottom: 1px solid #a6aab3 } .form-success._ux .form-success__text { margin: 0; line-height: 1.5; font-size: 16px; font-weight: 400; color: #333c50; text-transform: none } .form-success._ux .form-success__text ._bold { font-weight: 700 } .up-btn { position: fixed; z-index: 90; bottom: 100px; right: 50px; display: none; cursor: pointer } @media only screen and (max-width: 1199px) { .up-btn { bottom: 90px; right: 10px } .up-btn svg { width: 40px; height: auto } } .up-btn svg { display: block } .up-btn svg ._bg, .up-btn svg ._arrow { transition: all .3s ease } @media only screen and (min-width: 1200px) { .up-btn:hover svg ._bg { fill: #64c099 } } @media only screen and (min-width: 1200px) { .reviews-slider__wrap .swiper-prev:hover, .reviews-slider__wrap .swiper-next:hover { background-image: url(/images/ux/arrow-right_yellow.svg) } } @media only screen and (min-width: 1200px) { .doctors-slider__wrap .swiper-prev:hover, .doctors-slider__wrap .swiper-next:hover, .gallery-slider__wrap .swiper-prev:hover, .gallery-slider__wrap .swiper-next:hover { background-image: url(/images/ux/arrow-right_yellow2.svg) } } .doctors-slider__wrap .swiper-prev.swiper-button-disabled, .doctors-slider__wrap .swiper-next.swiper-button-disabled, .gallery-slider__wrap .swiper-prev.swiper-button-disabled, .gallery-slider__wrap .swiper-next.swiper-button-disabled { display: none } /* End */ /* Start:/local/templates/dentis-ural/components/dentis-ural/news.list/doctors.slider.new/style.css?17751568513274*/ .ucontainer.t2 { max-width: 1271px; } .fdoctors-block__wrap { position: relative; overflow: hidden } .fdoctors-slider-wrap { position: relative; } .fdoctors-slider-wrap .swiper-prev, .fdoctors-slider-wrap .swiper-next { position: absolute; left: -60px; top: calc(50% - 20px); width: 40px; height: 40px; background: rgba(255, 255, 255, .8); z-index: 2; border-radius: 50%; } .fdoctors-slider-wrap .swiper-prev:before, .fdoctors-slider-wrap .swiper-next:before { content: ''; position: absolute; left: calc(50% - 7px); top: calc(50% - 7px); width: 12px; height: 12px; border-bottom: solid 2px #333; border-left: solid 2px #333; transform: rotate(45deg); } .fdoctors-slider-wrap .swiper-next { left: unset; right: -60px; } .fdoctors-slider-wrap .swiper-next:before { transform: rotate(225deg); } .fdoctors-slider { overflow: hidden; } .fdoctor-slide { overflow: hidden; padding: 15px 0 20px 15px; position: relative; z-index: 0; } .fdoctor-slide:before { content: ''; position: absolute; left: 0; top: 0; width: calc(100% * 315 / 365); height: calc(100% * 313 / 465); z-index: -1; background: #DADE4A; } .fdoctor-slide:after { content: ''; position: absolute; left: 100%; top: 100%; width: calc(100% * 330 / 365); height: calc(100% * 313 / 465); z-index: -1; } .fdoctor-slide-content { background: #fff; padding: 15px 0 0 15px; } .fdoctor-slide-tags { display: flex; flex-wrap: wrap; margin-right: -10px; max-height: 55px; overflow: hidden; } .fdoctor-slide-tags > div { padding: 3px 5px; border: solid 1px #DADE4A; text-align: center; margin-right: 5px; margin-bottom: 5px; font-size: 11px; white-space: nowrap; overflow: hidden; } .fdoctor-slide-name { font-size: 13px; font-weight: 600; text-transform: uppercase; margin-top: 12px } .fdoctor-slide-position { font-size: 13px; } .fdoctor-slide-name a { color: #000; } .fdoctor-slide-name span { display: block; } .fdoctor-slide-image { position: relative; overflow: hidden; box-shadow: 15px 0 0 0 #31353E; padding-bottom: 30px; margin-right:15px; } .fdoctor-slide-image:after { content: ''; position: absolute; left: 0; bottom: 0; width: calc(100% + 15px); background: #31353E; height: 15px; } .fdoctor-slide-image:before { content: ''; float: left; padding-top: 100%; } .fdoctor-slide-image img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; } .fdoctor-slide-experience { position: absolute; right: 0; bottom: 60px; background: #fff; border: solid 1px #DADE4A; padding: 5px 10px; } .fdoctor-slider-btns { display: flex; position: absolute; bottom: 0; left: 0; right: -10px; } .fdoctor-slider-btns a, .fdoctor-slider-btns button { margin-right: 10px; text-align: center; } .fdoctor-slider-btns .ubtn{ min-width: 108px; flex-basis: calc(50% - 10px); } @media screen and (max-width: 1360px) { .swiper-prev { left: 0; } .swiper-next { right: 0; } } /* End */ /* Start:/local/components/dentis-ural/form.result.new/templates/popup-recomend/style.css?169089560896*/ .form__title{ text-align: center; } .form__title span { color: #D8DC3D; display: block; } /* End */ /* Start:/local/components/dentis-ural/form.result.new/templates/popup-rev/style.css?16974390873046*/ #revdoc .form-popup { width: 830px; max-width: 100%; background: #F5F5F5; padding: 60px 100px; } #revdoc .form-popup:before { content: none; } #revdoc .form-popup .form__title { color: #333C50; font-family: Fira Sans; font-size: 36px; font-style: normal; font-weight: 800; line-height: 42.84px; text-transform: uppercase; margin-bottom: 30px; } .rev-flex { display: flex; justify-content: space-between; } .rev-flex>div { width: 55%; } .rev-flex>div:first-child { width: 40%; } .rev-flex>div:first-child>div:last-child { display: none; } #revdoc .form-popup .form-group { margin-top: 0px; } #revdoc .form-popup input[type=text] { border: 1px solid #E9E1E1; background: #FFF; margin-bottom: 22px; color: #333C50; font-family: Fira Sans; font-size: 16px; font-weight: 400; line-height: normal; padding: 17px 24px; letter-spacing: normal; } #revdoc .form-popup input[type=text]::placeholder, #revdoc .form-popup textarea::placeholder { color: #333C50; } #revdoc .btn { margin-top: 0px; width: 100%; } #revdoc .btn:after { content: none; } .rev-flex+.rev-flex { align-items: center; } .ptext { color: #676B73; font-family: Fira Sans; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } #revdoc textarea { width: 100%; resize: none; border: 1px solid #E9E1E1; background: #FFF; margin-bottom: 22px; color: #333C50; font-family: Fira Sans; font-size: 16px; font-weight: 400; line-height: normal; padding: 17px 24px; letter-spacing: normal; height: 130px; } .mark { margin-bottom: 22px; } .mark>label { color: #333C50; font-family: Fira Sans; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 10px; display: block; } .rating-area { width: 135px; } .rating-area:not(:checked)>input { display: none; } .rating-area:not(:checked)>label { float: right; width: 27px; padding: 0; cursor: pointer; font-size: 27px; line-height: 27px; color: #E9E1E1; } .rating-area:not(:checked)>label:before { content: '★'; } .rating-area>input:checked~label { color: #D8DC3D; } .rating-area:not(:checked)>label:hover, .rating-area:not(:checked)>label:hover~label { color: #D8DC3D; } .rating-area>input:checked+label:hover, .rating-area>input:checked+label:hover~label, .rating-area>input:checked~label:hover, .rating-area>input:checked~label:hover~label, .rating-area>label:hover~input:checked~label { color: #D8DC3D; } .rate-area>label:active { position: relative; } #revdoc .form__close{ width: 20px; height: 20px; } @media (max-width: 767px){ #revdoc .form-popup{ padding: 30px; } .rev-flex { flex-wrap: wrap; } .rev-flex>*{ width: 100%!important; } .ptext{ display: block; margin-top: 20px; } } /* End */ /* Start:/forms/css/style.css?1643327677346*/ #onlineForm1d .form-bg { max-width: 500px; padding: 35px; align-items: center; flex-direction: column; } #onlineForm1d .form__close path { fill: #fff; } #onlineForm1d .form__close:hover path { fill: #D8DC3D; cursor: pointer; } @media (min-width: 1200px){ #onlineForm1d .form-bg__image img{ object-position: -290px 0; } } /* End */ /* Start:/local/templates/dentis-ural/styles.css?1776330253117*/ /*.1dent_fixed_form{*/ /*background: #444;*/ /*position:fixed;*/ /*z-index:10;*/ /*bottom:0;*/ /*width: 100%;*/ /*}*/ /* End */ /* Start:/local/templates/dentis-ural/template_styles.css?177723182316495*/ .mobile-city-selector { display: none; } @media screen and (max-width: 768px) { .mobile-city-selector { display: block; color: white; } } .form-bg { padding-left: 30px } @media (min-width: 1200px) { .form-bg .form { max-width: 495px } } .banner { overflow: hidden } .content__item_100, .content__item_image_100 { max-width: calc(100% - 50px); -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } @media (max-width: 768px) { .content__item_image_100 { margin: auto } .content__item_100 { max-width: calc(100% - 28px) } } @media (max-width: 480px) { .banner__container { padding-top: 115px } } .banner__container .banner__title { font-size: 45px } @media (max-width: 420px) { .banner__container .banner__title { font-size: 25px !important } } @media (max-width: 380px) { .banner__container .banner__title { font-size: 20px } } .banner__container .banner__title .green { font-size: 130%; color: #64c099 } .banner__container .banner__title .old { text-decoration: line-through } #app.yellow li.breadcrumb { color: #f4fa48 } .form-bg .form { max-width: 350px } .banner { overflow: hidden } .content__item_100, .content__item_image_100 { max-width: calc(100% - 50px); -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } @media (max-width: 768px) { .content__item_image_100 { margin: auto } .content__item_100 { max-width: calc(100% - 28px) } } .work { margin-top: 40px } .work-item { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative } .work-item:before, .work-item:after { content: ""; position: absolute; display: block; width: calc(80% + 15px); height: 60%; opacity: .95; z-index: -1 } .work-item:before { left: -15px; top: -15px; background: #d8dc3d } .work-item:after { right: -15px; bottom: -15px; background: #76c1ec } .work-item:first-child { margin-top: 0 } .work-content { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 438px + 30px); flex: 0 0 calc(100% - 438px + 30px); max-width: calc(100% - 438px + 30px); width: calc(100% - 438px + 30px); margin-right: -30px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden } .work-content--wrap { padding: 50px 135px 60px 95px; width: 100%; background-color: #eaeaea } .work-content .link { margin-top: 30px } .work-title { font-family: "Fira Sans"; font-size: 25px; font-weight: normal; font-style: normal; line-height: 108%; text-transform: uppercase; color: #333c50 } .work-text { margin-top: 30px; color: #3f444e; opacity: .9 } .work-doctor { margin-top: 15px; color: #3f444e; opacity: .9 } .work-image { -webkit-box-flex: 0; -ms-flex: 0 0 438px; flex: 0 0 438px; max-width: 438px; width: 438px } .work-image--cocoen { overflow: hidden; height: 100% } .work-image--cocoen .cocoen { height: 100% } .work-image--cocoen .cocoen-drag { width: 1px; background-color: #f4fa48 } .work-image--cocoen .cocoen-drag:before { top: 80%; width: 6px; height: 12px; margin-left: -8px; background-image: url("/images/work-arrow.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; border: none } .work-image--cocoen .cocoen-drag:after { position: absolute; top: 80%; right: 50%; bottom: auto; left: auto; content: ""; margin-top: -18px; margin-right: -7px; width: 6px; height: 12px; background-image: url("/images/work-arrow.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1) } .work-image--cocoen .cocoen img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } .work-image--cocoen .cocoen2 { height: 100% } .work-image--cocoen .cocoen2 img { width: 100%; height: auto } .work-page { position: relative } .work-page:before { position: absolute; top: 0; right: auto; bottom: auto; left: -100px; content: ""; width: 355px; height: 395px; background: #d8dc3d; -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right } @media (max-width: 1800px) { .work-page:before { width: 255px } } @media (max-width: 1600px) { .work-page:before { display: none } } .work-page__wrap { overflow: hidden } .work-page--mini-title { font-family: "Fira Sans"; font-size: 14px; font-weight: bold; font-style: normal; line-height: 17px; text-transform: uppercase; color: #333c50 } .work-page--right { position: relative; -ms-flex-item-align: start; align-self: flex-start } .work-page--right .cocoen-drag { width: 1px; background-color: #f4fa48 } .work-page--right .cocoen-drag:before { top: 80%; width: 6px; height: 12px; background-image: url("/images/work-arrow.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; border: none } .work-page--right .cocoen-drag:after { position: absolute; top: 80%; right: 50%; bottom: auto; left: auto; content: ""; margin-top: -18px; margin-right: -7px; width: 6px; height: 12px; background-image: url("/images/work-arrow.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1) } .work-page--skew { position: relative; z-index: 1; overflow: unset; -webkit-transform: skew(0deg); -ms-transform: skew(0deg); transform: skew(0deg) } .work-page--skew:before, .work-page--skew:after { content: ""; position: absolute; display: block; width: calc(80% + 15px); height: 60%; opacity: .95; z-index: -1 } .work-page--skew:before { left: -15px; top: -15px; background: #d8dc3d } .work-page--skew:after { right: -15px; bottom: -15px; background: #76c1ec } .work-page--skew .image-skew__wrap { -webkit-transform: skew(0deg); -ms-transform: skew(0deg); transform: skew(0deg); margin-left: 0 !important; margin-right: 0 !important } .work-page--skew .image-skew__wrap img { width: 100% } @media (max-width: 1199px) { .work-content { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 350px + 30px); flex: 0 0 calc(100% - 350px + 30px); max-width: calc(100% - 350px + 30px); width: calc(100% - 350px + 30px) } .work-content--wrap { padding: 30px 60px 50px 30px } .work-title { font-size: 22px } .work-image { -webkit-box-flex: 0; -ms-flex: 0 0 350px; flex: 0 0 350px; max-width: 350px; width: 350px } } @media (max-width: 767px) { .banner.banner-mini { /*display: none*/ } .container.section-margin_bottom, .work-page { margin-top: 110px } .container.section-margin_bottom .filter, .work-page .filter { margin-top: 20px } .work-item:before, .work-item:after { display: none } .work-item { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .work-content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; margin-right: 0; -webkit-transform: none; -ms-transform: none; transform: none } .work-content--wrap { padding: 0 0 30px; background-color: rgba(0, 0, 0, 0); -webkit-transform: none; -ms-transform: none; transform: none } .work-image { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 345px; width: 100% } .work-image--cocoen { -webkit-transform: none; -ms-transform: none; transform: none; overflow: unset } .work-image--cocoen .cocoen { -webkit-transform: none; -ms-transform: none; transform: none } .work-image--cocoen .cocoen2 { position: relative } .work-image--cocoen .cocoen2:before, .work-image--cocoen .cocoen2:after { content: ""; position: absolute; display: block; width: calc(50% + 15px); height: 60%; opacity: .95; z-index: -1 } .work-image--cocoen .cocoen2:before { left: -15px; top: -15px; background: #d8dc3d } .work-image--cocoen .cocoen2:after { right: -15px; bottom: -15px; background: #76c1ec } } .two_color_block { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 76px; } .two_color_block .two_color_item { width: 50%; padding: 57px 40px; } .two_color_block .two_color_item h3 { font-size: 25px; font-family: Fira Sans, serif; text-transform: uppercase; margin-bottom: 20px; font-weight: 400; } .two_color_block .two_color_item li { font-size: 14px; font-family: Fira Sans, serif; line-height: 21px; } .two_color_block .two_color_item ul { margin-left: 14px; } .two_color_block .two_color_item.black { background-color: rgba(51, 60, 80, 1); color: rgba(203, 211, 228, 1); } .two_color_block .two_color_item.black h3 { color: rgba(203, 211, 228, 1); } .two_color_block .two_color_item.green { background-color: rgba(216, 220, 61, 1); color: rgba(51, 60, 80, 1); } .stage_section_block { z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 50px; padding-left: 76px; } .stage_section_item { width: 33%; margin-bottom: 40px; padding-right: 80px; position: relative; } .stage_section_item h3 { font-family: Fira Sans, serif; font-size: 56px; font-weight: 600; line-height: 27px; letter-spacing: 0; text-align: left; color: rgba(216, 220, 61, 1); margin-bottom: 30px; } .stage_section_item p, .stage_section_item li { font-family: Fira Sans, serif; font-size: 14px; font-weight: 400; line-height: 21px; letter-spacing: 0; text-align: left; color: rgba(203, 211, 228, 1); } .stage_section_item li { list-style-position: inside; } .stage_section_item.empty_number h3 { height: 27px; } .section-margin_top.section-block.stage_section { margin-top: 22px; } .stage_section .infg-bg { padding-bottom: 33px; } .stage_section_item:before { position: absolute; top: 0; left: -60px; content: ""; width: 46px; height: 33px; background-image: url(https://1digitalclinic.ru/images/stage_arrow.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } .stage_section_item.item_1:before, .stage_section_item.item_4:before, .stage_section_item.item_7:before, .stage_section_item.empty_number:before { content: none; } .block_adventig { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; } .block_adventig_item { width: 50%; margin-bottom: 20px; } .block_adventig_item p { width: 90%; margin-top: 5px; } .hashtag h2 { margin-bottom: 20px; } .content__item table { } .content__item table th { border: 1px solid #dedede; background: #efefef; text-align: center; height: 32px; line-height: 32px; vertical-align: middle; } .content__item table th p { margin: 0; } .content__item table td { border: 1px solid #dedede; padding: 20px; } @media (max-width: 1199px) { .two_color_block { padding-left: 42px; } .block_adventig_item { width: 50%; } } @media (max-width: 768px) { .two_color_block .two_color_item { padding: 27px 27px; } .stage_section_item { width: 50%; } .stage_section_item.item_4:before { content: ""; } .stage_section_item.item_1:before, .stage_section_item.item_3:before, .stage_section_item.item_5:before, .stage_section_item.item_7:before { content: none; } .stage_section_item.empty_number { width: 100%; margin-top: -60px; } .advantages_implant_item:last-child { width: 100%; } } @media (max-width: 568px) { .two_color_block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .two_color_block .two_color_item { width: 100%; } .stage_section_item { width: 100%; } .stage_section_item.item_2:before, .stage_section_item.item_4:before, .stage_section_item.item_6:before, .stage_section_item.item_8:before { content: none; } .stage_section_block { padding-left: 18px; } .advent_fast_linck { margin-top: 10px; } } @media (max-width: 480px) { .advantages_implant_item { width: 100%; padding-right: 0; } } @media (max-width: 420px) { .two_color_block { padding-left: 0; } .banner__container.implant_container { padding-top: 70px; } .block_adventig_item { width: 100%; } } @media (max-width: 420px) { .implant_section .hashtag h2 { font-size: 23px; } } @media (max-width: 350px) { .banner__container.implant_container { padding-top: 55px; } } @media (max-width: 330px) { .banner { height: 575px; } } .cookies-agree { z-index: 1000; position: fixed; bottom: 0; height: auto; box-sizing: border-box; right: 0; left: 0; opacity: 0; transition: all 0.5s ease; background: #fff; padding: 20px; display: none; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); } .cookies-agree.show { display: block; opacity: 1; } .cookies-agree-text{ display: flex; align-items: center; } .cookies-agree-text > div + div { margin-left: 20px; } .cookies-agree-text p { margin: 0; line-height: 1.25; color: #333; font-size: 15px; } .cookies-agree-text a { color: #333; text-decoration: underline; text-decoration-color: #333 !important; } .cookies-agree-text a:hover { text-decoration: none; } .cookies-agree .btn { color: rgb(51, 60, 80); box-shadow: none; background: rgb(244, 250, 72); padding: 5px 24px; min-width: 190px; box-sizing: border-box; text-align: center; font-size: 14px; Line-height: 30px; display: block; vertical-align: top; text-decoration: none; border: 0; max-width: 200px; font-weight: 400; } .cookies-agree .btn:after{ content:none; } @media screen and (max-width: 1000px) { .cookies-agree-text{ flex-wrap:wrap; } .cookies-agree-text >div{ width:100%; } .cookies-agree-text > div + div { margin: 20px 0 0; } } .form-checkbox label a{ display: inline; color: #a6aab3; } .fl_vacancy >label:first-child{ display:none; } .fl_wrap input[type=checkbox] +label{ left:20px; line-height:1.2; font-size: 14px; white-space:unset; pointer-events: unset; } .fl_wrap input[type=checkbox] +label a{ text-decoration: underline; font-size: 14px; } /* По умолчанию (все устройства) */ #jvLabelWrap { right: 110px !important; } /* Мобильные устройства */ @media (max-width: 430px) { #jvLabelWrap { right: 100px !important; zoom: 0.8; } body > jdiv > jdiv > jdiv { right: 60px !important; bottom: -5px !important; } } /* End */ /* Start:/services/implantatsiya/all-on-4/main.css?16994371446518*/ .form-bg .form{max-width:350px}.banner{overflow:hidden}.content__item_100,.content__item_image_100{max-width:calc(100% - 50px);-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}@media(max-width: 768px){.content__item_image_100{margin:auto}.content__item_100{max-width:calc(100% - 28px)}}.services__title .green{font-size:130%;color:#64c099}.services__title .old{text-decoration:line-through}.services__image .image-skew__wrap::after{background:#31353e}@media(max-width: 480px){.banner__container{padding-top:115px}}.banner__container .banner__title{font-size:45px}@media(max-width: 420px){.banner__container .banner__title{font-size:25px !important}}@media(max-width: 380px){.banner__container .banner__title{font-size:20px}}.banner__container .banner__title .green{font-size:130%;color:#64c099}.banner__container .banner__title .old{text-decoration:line-through}.price-list__content.fw_inp{width:90%;-webkit-box-flex:0;-ms-flex:none;flex:none;max-width:90%;padding:70px 0px 40px}.price .container{padding:0} .implant_section .list li{ margin-top: 4px; } .implant_section .list{ margin-top: 4px; margin-bottom: 16px; } .implant_section .hashtag{ margin-bottom: 60px; color: #000; } .implant_section .hashtag h2{ margin-bottom: 20px; } .implant_section .hashtag p{ margin-bottom: 16px; } .two_color_block{ display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 76px; } .two_color_block .two_color_item{ width: 50%; padding: 57px 40px; } .two_color_block .two_color_item h3{ font-size: 25px; font-family: Fira Sans; text-transform: uppercase; margin-bottom: 20px; font-weight: 400; } .two_color_block .two_color_item li{ font-size: 14px; font-family: Fira Sans; line-height: 21px; } .two_color_block .two_color_item ul{ margin-left: 14px; } .two_color_block .two_color_item.black{ background-color: rgba(51, 60, 80, 1); color: rgba(203, 211, 228, 1); } .two_color_block .two_color_item.black h3{ color: rgba(203, 211, 228, 1); } .two_color_block .two_color_item.green{ background-color: rgba(216, 220, 61, 1); color: rgba(51, 60, 80, 1); } .stage_section_block{ z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 50px; padding-left: 76px; } .stage_section_item{ width: 33%; margin-bottom: 40px; padding-right: 80px; position: relative; } .stage_section_item h3{ font-family: Fira Sans; font-size: 56px; font-weight: 600; line-height: 27px; letter-spacing: 0em; text-align: left; color: rgba(216, 220, 61, 1); margin-bottom: 30px; } .stage_section_item p, .stage_section_item li{ font-family: Fira Sans; font-size: 14px; font-weight: 400; line-height: 21px; letter-spacing: 0em; text-align: left; color: rgba(203, 211, 228, 1); } .stage_section_item li{ list-style-position: inside; } .stage_section_item.empty_number h3{ height: 27px; } .section-margin_top.section-block.stage_section{ margin-top: 22px; } .stage_section .infg-bg { padding-bottom: 33px; } .stage_section_item:before { position: absolute; top: 0; left: -60px; content: ""; width: 46px; height: 33px; background-image: url(/images/stage_arrow.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } .stage_section_item.item_1:before, .stage_section_item.item_4:before, .stage_section_item.item_7:before, .stage_section_item.empty_number:before{ content: none; } .advantages_implant_block{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .advantages_implant_item{ width: 50%; margin-bottom: 20px; padding-right: 20px; } .advantages_implant_item .advantages_item_title{ font-family: Fira Sans; font-size: 25px; font-weight: 400; line-height: 30px; letter-spacing: 0em; text-align: left; color: rgba(103, 107, 115, 1); margin-top: 5px; margin-bottom: 10px; } .advantages_implant_item p{ font-family: Fira Sans; font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 0em; text-align: left; color: rgba(103, 107, 115, 1); } .advent_fast_linck a{ color: rgba(203, 211, 228, 1); padding: 1px 7px; font-family: Fira Sans; font-size: 16px; font-weight: 400; margin-bottom: 5px; text-transform: uppercase; border: 1px solid rgba(216, 220, 61, 1); text-align: left; } .advent_fast_linck{ margin-top: 55px; } /*.implant_banner .banner__content{ padding-left: 0; }*/ .implant_banner .banner__text { max-width: 590px; } .breadcrumb:last-child { color: #F4FA48; } /*media*/ @media (max-width: 1199px){ .two_color_block { padding-left: 42px; } } @media (max-width: 768px){ .two_color_block .two_color_item { padding: 27px 27px; } .stage_section_item { width: 50%; } .stage_section_item.item_4:before{ content: ""; } .stage_section_item.item_1:before, .stage_section_item.item_3:before, .stage_section_item.item_5:before, .stage_section_item.item_7:before{ content: none; } .stage_section_item.empty_number{ width: 100%; margin-top: -60px; } .advantages_implant_item:last-child{ width: 100%; } } @media (max-width: 568px){ .two_color_block{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .two_color_block .two_color_item { width: 100%; } .stage_section_item { width: 100%; } .stage_section_item.item_2:before, .stage_section_item.item_4:before, .stage_section_item.item_6:before, .stage_section_item.item_8:before{ content: none; } .stage_section_block { padding-left: 18px; } .advent_fast_linck { margin-top: 10px; } } @media (max-width: 480px){ .advantages_implant_item { width: 100%; padding-right: 0px; } } @media (max-width: 420px){ .two_color_block { padding-left: 0; } .banner__container.implant_container{ padding-top: 70px; } } @media (max-width: 420px){ .implant_section .hashtag h2{ font-size: 23px; } } @media (max-width: 350px){ .banner__container.implant_container { padding-top: 55px; } } @media (max-width: 330px){ .banner { height: 575px; } } /* End */ /* /local/templates/dentis-ural/js/jquery-ui.css?169943735835360 */ /* /css/main.css?1772225516459901 */ /* /ux/css/ux.min.css?177221926659712 */ /* /local/templates/dentis-ural/components/dentis-ural/news.list/doctors.slider.new/style.css?17751568513274 */ /* /local/components/dentis-ural/form.result.new/templates/popup-recomend/style.css?169089560896 */ /* /local/components/dentis-ural/form.result.new/templates/popup-rev/style.css?16974390873046 */ /* /forms/css/style.css?1643327677346 */ /* /local/templates/dentis-ural/styles.css?1776330253117 */ /* /local/templates/dentis-ural/template_styles.css?177723182316495 */ /* /services/implantatsiya/all-on-4/main.css?16994371446518 */