/* Start:/local/templates/salnikova/js/jquery-ui/jquery-ui.min.css?168406330830724*/
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.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=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.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-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.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;font-size:100%}.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-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.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}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.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}.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}.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-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{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-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action: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-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);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.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;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-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.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}.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:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;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}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;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,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.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,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.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);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/salnikova/js/jquery-ui/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/salnikova/js/jquery-ui/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/local/templates/salnikova/js/jquery-ui/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/templates/salnikova/js/jquery-ui/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/templates/salnikova/js/jquery-ui/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/salnikova/js/jquery-ui/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/salnikova/js/jquery-ui/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-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:-65px -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:-65px -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:1px -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-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{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}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/* End */


/* Start:/local/templates/salnikova/js/owl.carousel.css?16840633084028*/
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/local/templates/salnikova/js/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/* End */


/* Start:/local/templates/salnikova/js/animate.css?168406330875040*/
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes 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 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);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  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 slideInUp {
  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);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* End */


/* Start:/local/templates/salnikova/js/fancybox/jquery.fancybox.css?168406330817390*/
body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}
/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(
    to top,
    rgba(0, 0, 0, .85) 0%,
    rgba(0, 0, 0, .3) 50%,
    rgba(0, 0, 0, .15) 65%,
    rgba(0, 0, 0, .075) 75.5%,
    rgba(0, 0, 0, .037) 82.85%,
    rgba(0, 0, 0, .019) 88%,
    rgba(0, 0, 0, 0) 100%
    );
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}

/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}

/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}

/* End */


/* Start:/local/templates/salnikova/js/swiper/swiper-bundle.min.css?168406330816469*/
/**
 * Swiper 8.4.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 12, 2022
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/salnikova/js/lightGallery/css/lightgallery.css?169712222315881*/
@font-face {
  font-family: 'lg';
  src: url("/local/templates/salnikova/js/lightGallery/css/../fonts/lg.woff2?io9a6k") format("woff2"), url("/local/templates/salnikova/js/lightGallery/css/../fonts/lg.ttf?io9a6k") format("truetype"), url("/local/templates/salnikova/js/lightGallery/css/../fonts/lg.woff?io9a6k") format("woff"), url("/local/templates/salnikova/js/lightGallery/css/../fonts/lg.svg?io9a6k#lg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'lg' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-container {
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.lg-next,
.lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 101084;
  outline: none;
  border: none;
}

.lg-next.disabled,
.lg-prev.disabled {
  opacity: 0 !important;
  cursor: default;
}

.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
  color: #fff;
}

.lg-single-item .lg-next, .lg-single-item
.lg-prev {
  display: none;
}

.lg-next {
  right: 20px;
}

.lg-next:before {
  content: '\e095';
}

.lg-prev {
  left: 20px;
}

.lg-prev:after {
  content: '\e094';
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}

@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}

@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}

@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}

@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}

@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}

@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}

@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}

.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}

.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 101082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.lg-media-overlap .lg-toolbar {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  will-change: color;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  background: none;
  border: none;
  box-shadow: none;
}

.lg-toolbar .lg-icon.lg-icon-18 {
  font-size: 18px;
}

.lg-toolbar .lg-icon:hover {
  color: #fff;
}

.lg-toolbar .lg-close:after {
  content: '\e070';
}

.lg-toolbar .lg-maximize {
  font-size: 22px;
}

.lg-toolbar .lg-maximize:after {
  content: '\e90a';
}

.lg-toolbar .lg-download:after {
  content: '\e0f2';
}

.lg-sub-html {
  color: #eee;
  font-size: 16px;
  padding: 10px 40px;
  text-align: center;
  z-index: 101080;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out 0s;
  -o-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
}

.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

.lg-sub-html a {
  color: inherit;
}

.lg-sub-html a:hover {
  text-decoration: underline;
}

.lg-media-overlap .lg-sub-html {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}

.lg-item .lg-sub-html {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.lg-error-msg {
  font-size: 14px;
  color: #999;
}

.lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  height: 47px;
  vertical-align: middle;
}

.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
  opacity: 0;
  -webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  -moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  -o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
  opacity: 0;
  -moz-transform: scale3d(0.5, 0.5, 0.5);
  -o-transform: scale3d(0.5, 0.5, 0.5);
  -ms-transform: scale3d(0.5, 0.5, 0.5);
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
  opacity: 1;
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.lg-icon:focus-visible {
  color: #fff;
  border-radius: 3px;
  outline: 1px dashed rgba(255, 255, 255, 0.6);
}

.lg-toolbar .lg-icon:focus-visible {
  border-radius: 8px;
  outline-offset: -5px;
}

.lg-group:after {
  content: '';
  display: table;
  clear: both;
}

.lg-container {
  display: none;
  outline: none;
}

.lg-container.lg-show {
  display: block;
}

.lg-on {
  scroll-behavior: unset;
}

.lg-overlay-open {
  overflow: hidden;
}

.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {
  opacity: 1;
}

.lg-show-in.lg-hide-sub-html .lg-sub-html {
  opacity: 1;
}

.lg-show-in .lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

.lg-show-in .lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}

.lg-show-in .lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101050;
  text-align: left;
  opacity: 0.001;
  outline: none;
  will-change: auto;
  overflow: hidden;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lg-outer.lg-zoom-from-image {
  opacity: 1;
}

.lg-outer.lg-visible {
  opacity: 1;
}

.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.lg-outer .lg-inner {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: opacity 0s;
  -o-transition: opacity 0s;
  transition: opacity 0s;
  white-space: nowrap;
}

.lg-outer .lg-item {
  display: none !important;
}

.lg-outer .lg-item:not(.lg-start-end-progress) {
  background: url("/local/templates/salnikova/js/lightGallery/css/../images/loading.gif") no-repeat scroll center center transparent;
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.lg-outer .lg-img-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  white-space: nowrap;
  font-size: 0;
}

.lg-outer .lg-item.lg-complete {
  background-image: none;
}

.lg-outer .lg-item.lg-current {
  z-index: 101060;
}

.lg-outer .lg-object {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: relative;
}

.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
  display: none;
}

.lg-outer.lg-hide-download .lg-download {
  opacity: 0.75;
  pointer-events: none;
}

.lg-outer .lg-first-slide .lg-dummy-img {
  position: absolute;
  top: 50%;
  left: 50%;
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
  opacity: 1;
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
  opacity: 1;
  transition: opacity 0.2s ease-out 0.15s;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101040;
  background-color: #000;
  opacity: 0;
  will-change: auto;
  -webkit-transition: opacity 333ms ease-in 0s;
  -o-transition: opacity 333ms ease-in 0s;
  transition: opacity 333ms ease-in 0s;
}

.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
  opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-container {
  display: none;
}

.lg-container.lg-show {
  display: block;
}

.lg-container.lg-dragging-vertical .lg-backdrop {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
  position: absolute;
}

.lg-inline .lg-backdrop {
  z-index: 100001;
}

.lg-inline .lg-outer {
  z-index: 100002;
}

.lg-inline .lg-maximize:after {
  content: '\e909';
}

.lg-components {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.35s ease-out 0s;
  -moz-transition: -moz-transform 0.35s ease-out 0s;
  -o-transition: -o-transform 0.35s ease-out 0s;
  transition: transform 0.35s ease-out 0s;
  z-index: 101080;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}


.gallery-item2 {
	position: relative;
	top: -100%;
	display: block;
	height: 100%;
}
/* End */


/* Start:/local/templates/salnikova/js/lightGallery/css/lg-zoom.css?16960009514147*/
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0ms !important;
  transition-duration: 0ms !important;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  will-change: transform;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
  -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
}

.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  will-change: transform;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition {
  transition: none !important;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition {
  transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0px) !important;
  max-width: none !important;
  max-height: none !important;
  top: 50% !important;
  left: 50% !important;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x {
  transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0px) !important;
  top: 0 !important;
  left: 50% !important;
  max-width: none !important;
  max-height: none !important;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y {
  transform: scale3d(1, 1, 1) translate3d(0, -50%, 0px) !important;
  top: 50% !important;
  left: 0% !important;
  max-width: none !important;
  max-height: none !important;
}

.lg-icon.lg-zoom-in:after {
  content: '\e311';
}

.lg-actual-size .lg-icon.lg-zoom-in {
  opacity: 0.5;
  pointer-events: none;
}

.lg-icon.lg-actual-size {
  font-size: 20px;
}

.lg-icon.lg-actual-size:after {
  content: '\e033';
}

.lg-icon.lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}

.lg-icon.lg-zoom-out:after {
  content: '\e312';
}

.lg-zoomed .lg-icon.lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer[data-lg-slide-type='video'] .lg-zoom-in,
.lg-outer[data-lg-slide-type='video'] .lg-actual-size,
.lg-outer[data-lg-slide-type='video'] .lg-zoom-out, .lg-outer[data-lg-slide-type='iframe'] .lg-zoom-in,
.lg-outer[data-lg-slide-type='iframe'] .lg-actual-size,
.lg-outer[data-lg-slide-type='iframe'] .lg-zoom-out, .lg-outer.lg-first-slide-loading .lg-zoom-in,
.lg-outer.lg-first-slide-loading .lg-actual-size,
.lg-outer.lg-first-slide-loading .lg-zoom-out {
  opacity: 0.75;
  pointer-events: none;
}

/* End */


/* Start:/local/templates/salnikova/template_styles.css?1700751771105580*/
@font-face {
    font-family: 'Manrope';
    src: url('/local/templates/salnikova/fonts/Manrope/ManropeLight.eot');
    src: url('/local/templates/salnikova/fonts/Manrope/ManropeLight.eot') format('embedded-opentype'),
    url('/local/templates/salnikova/fonts/Manrope/ManropeLight.woff2') format('woff2'),
    url('/local/templates/salnikova/fonts/Manrope/ManropeLight.woff') format('woff'),
    url('/local/templates/salnikova/fonts/Manrope/ManropeLight.ttf') format('truetype'),
    url('/local/templates/salnikova/fonts/Manrope/ManropeLight.svg#regular') format('svg');
    font-weight: 300;
}
@font-face {
    font-family: 'Manrope';
    src: url('/local/templates/salnikova/fonts/Manrope/ManropeRegular.eot');
    src: url('/local/templates/salnikova/fonts/Manrope/ManropeRegular.eot') format('embedded-opentype'),
    url('/local/templates/salnikova/fonts/Manrope/ManropeRegular.woff2') format('woff2'),
    url('/local/templates/salnikova/fonts/Manrope/ManropeRegular.woff') format('woff'),
    url('/local/templates/salnikova/fonts/Manrope/ManropeRegular.ttf') format('truetype'),
    url('/local/templates/salnikova/fonts/Manrope/ManropeRegular.svg#regular') format('svg');
    font-weight: 400;
}
@font-face {
    font-family: 'Manrope';
    src: url('/local/templates/salnikova/fonts/Manrope/ManropeSemibold.eot');
    src: url('/local/templates/salnikova/fonts/Manrope/ManropeSemibold.eot') format('embedded-opentype'),
    url('/local/templates/salnikova/fonts/Manrope/ManropeSemibold.woff2') format('woff2'),
    url('/local/templates/salnikova/fonts/Manrope/ManropeSemibold.woff') format('woff'),
    url('/local/templates/salnikova/fonts/Manrope/ManropeSemibold.ttf') format('truetype'),
    url('/local/templates/salnikova/fonts/Manrope/ManropeSemibold.svg#regular') format('svg');
    font-weight: 600;
}
@font-face {
    font-family: 'Oranienbaum';
    src: url('/local/templates/salnikova/fonts/Oranienbaum/OranienbaumRegular.eot');
    src: url('/local/templates/salnikova/fonts/Oranienbaum/OranienbaumRegular.eot') format('embedded-opentype'),
    url('/local/templates/salnikova/fonts/Oranienbaum/OranienbaumRegular.woff2') format('woff2'),
    url('/local/templates/salnikova/fonts/Oranienbaum/OranienbaumRegular.woff') format('woff'),
    url('/local/templates/salnikova/fonts/Oranienbaum/OranienbaumRegular.ttf') format('truetype'),
    url('/local/templates/salnikova/fonts/Oranienbaum/OranienbaumRegular.svg#regular') format('svg');
}

body, html {
    padding: 0;
    margin: 0;
    font-family: "Manrope", "Helvetica", sans-serif;
    font-size: 14px;
    color: #77726F;
    line-height: 26px;
    font-weight: 400;
}
* {
    box-sizing: border-box;
    outline: none;
}
p:first-child, h2:first-child, h3:first-child {
    margin-top: 0;
}
p:last-child, h2:last-child, h3:last-child {
    margin-bottom: 0;
}
.input{
    -webkit-appearance: none;
    border-radius: 0;
}
a{
    text-decoration: none;
    color: #8D7958;
    transition: all .3s;
}
h1, .title-h1,
h2, .title-h2,
h3, .title-h3{
    font-family: "Oranienbaum", "Helvetica", sans-serif;
    color: #94866D;
    font-weight: 400;
}
.title-h1,
.title-h2,
.title-h3 {
    margin: 0;
    padding: 0;
}
h1, .title-h1{
    font-size: 92px;
    line-height: 82px;
    margin-bottom: 40px;
}
h2, .title-h2{
    font-size: 62px;
    line-height: 62px;
    margin-bottom: 40px;
}
h3, .title-h3{
    font-size: 42px;
    line-height: 52px;
    margin-bottom: 40px;
}
main{
    overflow: hidden;
}
.wow {
    visibility: hidden;
}
/*menu start*/
.menu{
    background: #f2f2f2;
    height: 100vh;
    width: 100%;
    position: absolute;
    z-index: -1;
    opacity: 0;
    transition: all .3s;
}
.menu.opened{
    z-index: 19;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 1;
}
.menu-header--white .logo{
    color: #FFFFFF;
}
.menu-list{
    list-style: none;
    margin: 0;
    position: fixed;
    padding: 45vh 0 0 ;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
}
.menu-header{
    z-index: 2;
}
.menu-header--white,
.menu-list--white{
    z-index: 3;
}
.menu-list li{
    margin: 0;
    display: inline-block;
    vertical-align: top;
}
.menu-list a{
    display: inline-block;
    font-family: "Oranienbaum", "Arial", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 41px;
    color: #94866D;
    margin: 0 35px;
    position: relative;
}
.menu-header--white .burger-name,
.menu-list--white a{
    color: #ffffff;
}
.menu-bg{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}
.menu-bg span{
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
    transition: all .4s;
}
.menu-bg span.active{
    opacity: 1;
}
.menu-header--white .hamburger-menu,
.menu-header--white .hamburger-menu:after,
.menu-header--white .hamburger-menu:before{
    background-color: #FFFFFF;
}
/*menu end*/


.input-holder{
    position: relative;
    margin-bottom: 26px;
    padding-top: 10px;
}
.input-holder--last{
    margin-bottom: 7px;
}
.input-holder > span{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 10px;
    color: rgba(0,0,0,0.80);
    letter-spacing: 1px;
    line-height: 24px;
    position: absolute;
    top: 23px;
    left: 0;
    z-index: 0;
    transition: all .3s;
}
.input-holder.active span,
.input:focus + span{
    top: -7px;
}
.input{
    -moz-appearance: none;
    -webkit-appearance: none;
    font-family: "Manrope", "Helvetica", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #191816;
    line-height: 30px;
    padding: 8.5px 0;
    border: 0;
    border-bottom: 1px solid #D9D6D4;
    background: transparent;
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 1;
}
.btn{
    display: inline-block;
    border-radius: 0;
    cursor: pointer;
    font-weight: 600;
    font-size: 10px;
    color: rgba(255,255,255,0.80);
    letter-spacing: 1px;
    text-align: center;
    line-height: 24px;
    padding: 10px 37px 10px;
    background-color: #94866D;
    border: 1px solid #94866D;
    text-transform: uppercase;
}
.btn:hover{
    background-color: #BCB29F;
    border-color: #BCB29F;
}
.wrap--rel{
    position: relative;
}

.social{
    margin: 0 -5px;
    padding: 10px 0;
}
.social-item{
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    background-color: #BCB29F;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 4px;
}
.social-item:hover{
    background-color: #94866D;
}
.social--fb{
    background-image: url(/local/templates/salnikova/images/fb.svg);
}
.social--inst{
    background-image: url(/local/templates/salnikova/images/inst.svg);
    background-size: 20px;
}
.social--vk{
    background-image: url(/local/templates/salnikova/images/vk.svg);
}

.stick .social-item {
	position: absolute;
	bottom: -3px;
	right: 155px;
	display: inline;
   background-color: #94866D;
}

.stick .social-item:hover{
    background-color: #BCB29F;
}

.clear{
    clear: both;
}
.clear:after{
    content: ' ';
    display: block;
    clear: both;
}
.fancybox-slide--html .fancybox-close-small{
    display: none;
}
/*header start*/
.menu-header,
header{
    padding: 50px 55px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 15;
    transition:  all .3s;
}
.menu-header{
    transition: none;
}
.header--tiny .menu-header,
.header--tiny header{
    padding: 20px 55px 0;
    /*background:  linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,0.9) 47%, rgba(237, 237, 237, 0) 100%);*/
}
.logo{
    display: inline-block;
    vertical-align: middle;
    font-family: "Cormorant Garamond", "Helvetica", sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #8D7958;
    letter-spacing: 9px;
    text-transform: uppercase;
    margin-right: 10%;
    transition: transition .2s ease-in-out;
}
.collection-header .logo{
    color: #ffffff;
    transition: transition .2s ease-in-out .8s;
}
/*.main-contacts__link,*/
.header-feedback{
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    font-size: 10px;
    color: #8D7958;
    letter-spacing: 1px;
    line-height: 24px;
    text-transform: uppercase;
    padding-right: 10px;
    position: relative;
}
/*.main-contacts__link:after,*/
.header-feedback:after{
    content: ' ';
    display: block;
    width: 5px;
    height: 100%;
    background: url(/local/templates/salnikova/images/arr-brown-right.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .3s;
}
.header-feedback:hover:after{
    right: -10px;
}
.burger{
    position: absolute;
    right: 60px;
    bottom: 0;
    text-align: right;
}
.burger-name{
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 23px;
    margin-right: 17px;
}
body.hidden{
    overflow: hidden;
}
body.collections-scroll{
    position: fixed;
    height: 100vh;
    overflow: hidden;
}
.menu-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    width: 28px;
    height: 30px;
    cursor: pointer;
    padding: 13px 0;
}
.hamburger-menu {
    position: relative;
    background: #8D7958;
    border-radius: 20px;
}
.hamburger-menu:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    background: #8D7958;
    border-radius: 20px;
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger-menu:after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    background: #8D7958;
    border-radius: 20px;
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger-menu, .hamburger-menu:after, .hamburger-menu:before {
    width: 28px;
    height: 2px;
}
.hamburger-menu.animate {
    background: rgba(255, 255, 255, 0);
}
.hamburger-menu.animate:before {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger-menu.animate:after {
    top: 0;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
/*header end*/

/*footer start*/
footer.mobile-only{
    display: none;
}
.footer-social{
    text-align: center;
    position: relative;
    margin: 59px 0 9px;
}
.footer-social:before{
    content: ' ';
    width: 1px;
    height: 100px;
    background-color: #979797;
    position: absolute;
    top: -110px;
    left: 50%;
    transform: translateX(-50%);
}
.no-social .footer-menu,
.no-social .footer-social{
    display: none;
}
.footer-menu{
    margin: 0 0 40px;
    list-style: none;
    padding: 0;
    text-align: center;
}
.footer-menu li{
    display: inline-block;
    margin: 0 24px;
}
.footer-menu a{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 10px;
    color: #94866D;
    letter-spacing: 1px;
    line-height: 24px;
}
.footer-bot{
    border-top: 1px solid #F0ECE4;
    padding: 28px 55px;
    position: relative;
}
.prominado{
    position: absolute;
    right: 55px;
    top: 50%;
    transform: translateY(-50%);
}
.prominado,
.prominado a
{
    font-family: "Open Sans", "Helvetica", sans-serif;
}
.prominado,
.prominado a,
.copyright a,
.copyright{
    font-size: 12px;
    color: #77726F;
    line-height: 24px;
}
.copyright span{
    margin-right: 29px;
}
.toUpp{
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 24px;
    color: #77726F;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/*footer end*/

/*contacts start*/
.contacts{
    padding: 15% 0 10%;
}
.contacts-info{
    padding: 0 3% 0 12%;
    width: 48%;
    float: left;
}
.contacts-info h1{
    margin-top: 0;
}
.contacts-form{
    padding: 49px 66px 52px;
    background-color: rgba(188,178,159,.1);
    width: 47.4%;
    float: right;
    margin-right: 55px;
}
.contacts-form .title-h3{
    margin-bottom: 16px;
}
.contact-box{
    margin-bottom: 29px;
}
.contact-box span{
    display: block;
    font-weight: 600;
    font-size: 10px;
    color: rgba(0,0,0,0.80);
    letter-spacing: 1px;
    line-height: 24px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.contact-box a {
    display: block;
    font-size: 18px;
    color: #191816;
    letter-spacing: 0;
    line-height: 30px;
}
.form-agree{
    font-size: 12px;
    color: #77726F;
    line-height: 24px;
    margin-bottom: 20px;
}
.form-end{
    text-align: center;
    background: #FFFFFF;
    max-width: 520px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 50px 40px;
}
.form-end .title-h2{
    font-size: 47px;
    line-height: 47px;
    margin-bottom: 30px;
}
/*contacts end*/

/*i-make start*/
.i-make {
    height: 80vh;
    min-height: 600px;
    overflow: hidden;
    position: relative;
}
.i-make__title{
display: none;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    color: #8D7958;
    letter-spacing: 1px;
    line-height: 24px;
    padding-left: 106px;
    position: absolute;
    top: 25%;
    left: 12%;
}
.i-make__title:before{
    content: '';
    display: block;
    width: 76px;
    height: 1px;
    background-color: #BCB29F;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.i-make__columns {
    height: 100%;
    background: #F2F2F2;
}
.i-make__column {
    float: left;
    height: 100%;
    width: 50%;
    padding: 0 11% 0 12%;
    overflow: hidden;
    position: relative;
}
.i-make__text {
    z-index: 1;
    top: 50%;
    position: relative;
    transform: translateY(-21%);
    color: #94866D;
    transition: transform .8s, color 150ms ease-out;
}
.i-make__column.hover .i-make__text,
.i-make__column:hover .i-make__text {
    transform: translateY(-101%);
    color: #E6E4E1;
}
.i-make__heading {
    transition: transform .8s, color 150ms ease-out;
}
.i-make__copy {
    overflow: hidden;
    position: absolute;
}
.i-make__copy-mask {
    display: block;
    overflow: hidden;
    position: relative;
    transform: translateY(-100%);
    transition: transform .8s, color 150ms ease-out;
}
.i-make__column.hover .i-make__copy-mask,
.i-make__column:hover .i-make__copy-mask {
    transform: translateY(0);
}
.i-make__paragraph {
    position: relative;
    transform: translateY(101%);
    color: #E6E4E1;
    transition: transform .8s, color 150ms ease-out;
}
.i-make__paragraph p{
    font-weight: 400;
    font-size: 14px;
    color: #E6E4E1;
    letter-spacing: 0;
    line-height: 24px;
}
.i-make__paragraph .main-top__btn{
    padding-bottom: 33px;
    filter: brightness(5);
}
/*.i-make__paragraph a{*/
/*display: inline-block;*/
/*font-weight: 600;*/
/*font-size: 10px;*/
/*color: #BCB29F;*/
/*letter-spacing: 1px;*/
/*line-height: 24px;*/
/*text-transform: uppercase;*/
/*padding-right: 60px;*/
/*position: relative;*/
/*}*/
/*.i-make__paragraph a:after{*/
/*content: '';*/
/*display: block;*/
/*width: 45px;*/
/*height: 5px;*/
/*background: url(/local/templates/salnikova/images/long-arr.svg) no-repeat center;*/
/*position: absolute;*/
/*top: 50%;*/
/*transform: translateY(-50%);*/
/*right: 0;*/
/*transition: all .3s;*/
/*}*/
.i-make__paragraph a:hover:after{
    transform: translate(20px, -50%);
}
.i-make__column.hover .i-make__paragraph,
.i-make__column:hover .i-make__paragraph {
    transform: translateY(0);
}
.i-make__chapter{
    display: block;
    margin-bottom: 12px;
    font-family: "Oranienbaum", "Helvetica", sans-serif;
    font-size: 28px;
    line-height: 32px;
    transition: transform .8s, color 150ms ease-out;
}
.i-make__heading {
    display: block;
    font-size: 60px;
    line-height: 62px;
    letter-spacing: 1px;
    min-height: 12.84vh;
    margin-bottom: 12px;
    transition: color 150ms ease-out;
}
.i-make__column.hover .i-make__heading,
.i-make__column:hover .i-make__heading{
    color: #E6E4E1;
}
.i-make__image {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    /*transform: translateY(-101%); */
    transform: translateY(0);
    transition: all .8s;
}
.i-make__column.hover .i-make__image,
.i-make__column:hover .i-make__image{
    transform: translateY(0);
}
.i-make__mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #FFF;
    position: absolute;
    /* transform: translateY(101%); */
    transform: translateY(0);
	opacity: 0.3;
    transition: all .8s;
}

.i-make__mask:before{
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 1;
}

.i-make__column.hover .i-make__mask,
.i-make__column:hover .i-make__mask{
    transform: translateY(0);
	opacity: 1;
}
.i-make__src{
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    object-position: 50% 50%;
    transition: all 1s;
}
.i-make__column.hover .i-make__src,
.i-make__column:hover .i-make__src{
    transform: scale(1.2);
}
.i-make__column:nth-child(2):before {
    content: '';
    top: 50%;
    width: 1px;
    height: 18vw;
    display: block;
    background: #D9D5CE;
    position: absolute;
    transform: translateY(-50%);
    left: 0;
}
/*i-make end*/

/*main-top*/
.main-top{
    height: 100vh;
    position: relative;
    min-height: 500px;
	z-index: 1;
}
.collections:after,
.main-top:after{
    content: ' ';
    display: block;
    width: 10px;
    height: 90px;
    background: url(/local/templates/salnikova/images/arr-down.png) no-repeat bottom;
    background-size: 100%;
    position: absolute;
    left: 58px;
    bottom:45px;
    animation: slideDown 1.5s ease-in-out infinite;
    transition: all .8s ease-in-out .1s;
}
@keyframes slideDown {
    0%{
        bottom: 45px;
    }
    50%{
        bottom: 65px;
    }
    100%{
        bottom: 45px;
    }
}
.main-top__left{
    display: none; /*inline-block;*/
    vertical-align: top;
    width: 50%;
    position: relative;
    padding: 13.2% 9% 6% 12.2%;
}
.main-top__info{
    display: inline-block;
    vertical-align: top;
}
.main-top__items{
    display: inline-block;
    vertical-align: top;
    width: 100%;
	height: 100vh;
    position: relative;
	left:0;
top:0;
    z-index: 10;
}
.main-top__right{
    width: 20%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    /* background-color: #F5F3F0; */
	background: none;
    overflow: hidden;
    z-index: 0;
}
.main-top__right-bg{
    /* background-color: #F5F3F0;
    transition: background-color .3s; */
	background: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
}
.to-prev .main-top__right-bg{
    animation: slideColorR .7s ease-in-out backwards;
}
.to-next .main-top__right-bg{
    animation: slideColorL .7s ease-in-out backwards;
}
@keyframes slideColorR {
    from{
        transform: translateX(-100%);
    }
    to{
        transform: translateX(0);
    }
}
@keyframes slideColorL {
    from{
        transform: translateX(-100%);
    }
    to{
        transform: translateX(0);
    }
}
.main-top__item{
    width: 100%;
	height: 100vh;
    position: relative;
    overflow: hidden;
}
.main-top__item .main-top__item-name{
	font-family: "Oranienbaum", "Helvetica", sans-serif;
	font-size: 62px;
	line-height: 110%;
    display: block; 
	position: absolute;
	top: 27vh;
	left: 0;
	z-index: 100;
	color: #FFF;
	padding: 0 10vw;
}
.main-top__item .main-top__item-name div{
	font-size: 36px;
}
.main-top__item-img{
    padding-top: 100vh;
    min-height: 400px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.main-top__img-top .mask,
.img-top__item,
.main-top__img-top,
.main-top__img-next,
.main-top__img-prev{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    bottom: 0;
    z-index: 0;
}
.main-top__img-top{
    z-index: 2;
    overflow: hidden;
}
.main-top__img-top .mask{
    overflow: hidden;
}
.img-top__item{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.start .img-top__item,
.to-next .img-top__item{
    animation: slideRimg .8s ease-in-out backwards;
}
.to-prev .img-top__item{
    animation: slideLimg .8s ease-in-out backwards;
}
.start .main-top__img-top  .mask,
.to-prev .main-top__img-top  .mask{
    animation: slideR .8s ease-in-out backwards;
}
.to-next .main-top__img-top  .mask{
    animation: slideL .8s ease-in-out backwards;
}
.to-prev .main-top__img-next{
    z-index: 1;
}
@keyframes slideL {
    from{
        transform: translateX(-100%);
    }
    to{
        transform: translateX(0);
    }
}
@keyframes slideR {
    from{
        transform: translateX(-100%);
    }
    to{
        transform: translateX(0);
    }
}
@keyframes slideLimg {
    from{
        transform: translateX(100%);
    }
    to{
        transform: translateX(0);
    }
}
@keyframes slideRimg {
    from{
        transform: translateX(100%);
    }
    to{
        transform: translateX(0);
    }
}
.main-top__title{
    font-family: "Oranienbaum", "Helvetica", sans-serif;
    font-size: 62px;
    line-height: 62px;
    color: #94866D;
    margin-bottom: 33px;
}
.main-top__name{
    width: 63%;
    position: absolute;
    bottom: 7%;
    left: 15.3%;
    transition: opacity .4s ease-in-out;
}
.main-top__text{
    line-height: 24px;
    margin-bottom: 5%;
}
.main-top__text p{
    margin: 0 0 17px 0;
}
.main-top__name span:first-child{
    display: block;
    color: #4D4947;
    margin-bottom: 5px;
    line-height: 24px;
}
.main-top__name span:nth-child(2){
    display: block;
    font-size: 16px;
    color: #77726F;
    line-height: 18px;
    font-family: "Cormorant Garamond", "Helvetica", sans-serif;
    font-weight: 400;
    font-style: italic;
}
.main-top__btn{
    display: block;
    text-decoration: none;
    padding: 18px 0 10px 39px;
    position: relative;
    font-size: 10px;
    color: #94866D;
    letter-spacing: 1.1px;
    line-height: 24px;
    text-transform: uppercase;
}
.main-top__btn svg{
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(185deg);
    width:57px;
    height:67px;
    transition: all .3s;
}
.main-top__btn #Oval{
    stroke-dasharray:  1000;
    animation: move 4s linear;
}
@keyframes move{
    from{
        stroke-dashoffset: 1000;
    }
    to {
        stroke-dashoffset: 0;
    }
}
/*main-top end*/

/*owl-carousel start*/
.owl-dot{
    display: inline-block;
    height: 20px;
    width: 20px;
	border-radius: 100%;
    background-color: #BCB29F;
    margin: 10px;
    transition: all .3s;
}
.owl-dot:hover,
.owl-dot.active{
    background-color: #8D7958;
}
.owl-prev,
.owl-next{
    width: 51px;
    height: 51px;
    border: 1px solid #8D7958;
    border-radius: 100px;
    background: url(/local/templates/salnikova/images/arr-brown-right.svg) no-repeat center;
    background-size: 10px 20px;
    color: transparent;
    overflow: hidden;
    margin: 15px 0;
    cursor: pointer;
    transition: all .3s;
}
.owl-prev{
    transform: rotate(180deg);
}
.owl-prev:hover,
.owl-next:hover{
    background-color: #8D7958;
    background-image: url(/local/templates/salnikova/images/arr-white-right.svg);
}
/*
.main-top .owl-item {
	height: 100vh;
}
*/
.main-top .owl-dots{
    position: relative;
	z-index: 1000;
    /*left: 50%;*/
	text-align: center;
width: 100%;
	top: -5vh;
    transform: translateY(-50%);
}
.main-top  .owl-nav{

    position: absolute;
    top: 45%;
    left: 0;
	padding: 30px;
	width: 100%;
	z-index: 1000;
}

    .main-top .owl-prev, .main-top .owl-next {
		display: inline-block;
    }
    .main-top .owl-next {
			position: absolute;
			right: 30px;
    }

.owl-item.fadeOut{
    z-index: 1;
    opacity: 1 !important;
}
.owl-item.active{
    z-index: 0;
    opacity: 1;
}
/*owl-carousel end*/

/*quote-box star*/
.quote-box{
    text-align: center;
    padding: 20vh 0;
}
.quote-box__text{
    font-family: "Oranienbaum", "Helvetica", sans-serif;
    font-size: 42px;
    color: #7A6F5A;
    line-height: 48px;
    margin-bottom: 8.3vh;
}
.quote-box__author{
    font-weight: 600;
    color: #8D7958;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
    position: relative;
}
.quote-box__author:before{
    content: ' ';
    display: block;
    width: 75px;
    height: 1px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #BCB29F;
}
.quote-box--dark{
    text-align: left;
    position: relative;
    padding: 17.5vh 12.1vw;
    min-height: 350px;
}
.quote-box__bg{
    position: absolute;
    top: 0;
    left: 30%;
    right: 0;
    bottom: 0;
    background: url(/local/templates/salnikova/images/quote-box-bg.jpg) no-repeat 50%;
    background-attachment: fixed;
    background-size: cover;
    z-index: 0;
}
.quote-box--dark:after{
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, #140B03 32%, rgba(0,0,0,0));
    z-index: 1;
}
.quote-box--dark .quote-box__info{
    width: 60%;
    position: relative;
    z-index: 2;
}
.quote-box--dark .quote-box__text{
    color: #E0D8CA;
    font-size: 42px;
    line-height: 49px;
    margin-bottom: 8.2vh;
}
.quote-box--dark .quote-box__author{
    display: inline-block;
    text-align: left;
    color: #BCB29F;
    padding: 0 0 0 90px;
}
.quote-box--dark .quote-box__author:before{
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}
/*quote-box end*/

/*image-line star*/
.image-line{
    background-color: #F2F2F2;
    padding: 20vh 0 22vh;
    overflow: auto;
}
.image-line::-webkit-scrollbar{
    display: none;
}
.image-line__item-items{
    width: max-content;
    width: -webkit-max-content;
    /*width: 6200px;*/
}
.image-line__item{
    display: inline-block;
    position: relative;
    margin: 0 35px;
}
img.image-line__img{
    display: block;
    height: 255px;
    width: auto;
    margin: 0 auto 15px;
    transition: all .3s;
    position: relative;
    z-index: 1;
}
.images__item:hover .images__item-img,
.image-line__item:hover .image-line__img{
    transform: translateY(3%);
}

.image-line__shadow{
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 255px;
    transform: scale(.95) translate(-50%, 7%);
    position: absolute;
    top: 0;
    left: 50%;
    filter: blur(10px);
    z-index: 0;
}
.image-line__shadow:after{
    content: ' ';
    display: block;
    position: absolute;
    background-color: rgba(0,0,0,.15);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.image-line__name{
    display: block;
    color: #4D4947;
    margin-bottom: 5px;
}
.image-line__size{
    font-size: 16px;
    color: #77726F;
    line-height: 18px;
    font-family: "Cormorant Garamond", "Helvetica", sans-serif;
    font-weight: 400;
    font-style: italic;
}
/*image-line end*/

/*main-blog star*/
.main-blog{
    padding: 150px 55px;
    position: relative;
}
.main-blog__all{
    display: inline-block;
    position: absolute;
    top: 132px;
    right: 55px;
    text-transform: uppercase;
}
.main-blog__title{
    font-weight: 600;
    color: #8D7958;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-left: 90px;
    position: relative;
    margin-bottom: 9.1vh;
}
.main-blog__title:before {
    content: ' ';
    display: block;
    width: 75px;
    position: absolute;
    height: 1px;
    background-color: #8D7958;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.main-blog__item{
    padding: 2.8% 0 2.4%;
    border-top: 1px solid #F0ECE4;
    position: relative;
}
.main-blog__item:last-child{
    border-bottom: 1px solid #F0ECE4;
}
.main-blog__item-date{
    display: inline-block;
    vertical-align: top;
    font-size: 42px;
    color: #94866D;
    line-height: 46px;
    width: 17%;
    font-family: "Oranienbaum", "Helvetica", sans-serif;
}
.main-blog__item-info{
    display: inline-block;
    vertical-align: top;
    width: calc(82% - 260px);
    padding-right: 5%;
}
.main-blog__item-title{
    display: block;
    font-size: 42px;
    color: #7A6F5A;
    line-height: 46px;
    margin-bottom: 20px;
    font-family: "Oranienbaum", "Helvetica", sans-serif;
}
.main-blog__item-text{
    font-size: 14px;
    color: #77726F;
    line-height: 24px;
}
.main-blog__item-img{
    display: inline-block;
    vertical-align: top;
    width: 262px;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.blog-filter{
    padding: 0 0 50px;
}
.blog-filter__item{
    display: inline-block;
    padding: 0 20px;
    opacity: .7;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
}
.blog-filter__item:hover,
.blog-filter__item.active{
    color: #7A6F5A;
    opacity: 1;
}
/*main-blog end*/

/*main-contacts star*/
.main-contacts{
    background: #F7F5F0;
    padding: 11.5% 10% 11%;
}
.main-contacts__img{
    float: left;
    width: 62.4%;
    padding-top: 45.3%;
    height: 0;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.main-contacts__info{
    float: right;
    width: 36.3%;
    padding: 4% 0 5% 5%;
}
.main-contacts__sub{
    font-weight: 600;
    color: #8D7958;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-left: 90px;
    position: relative;
    margin-bottom: 13%;
}
.main-contacts__sub:before{
    content: ' ';
    display: block;
    width: 75px;
    position: absolute;
    height: 1px;
    background-color: #8D7958;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.main-contacts__title{
    font-family: "Oranienbaum", "Helvetica", sans-serif;
    font-size: 62px;
    color: #7A6F5A;
    line-height: 64px;
    margin-bottom: 7%;
}
.main-contacts__text{
    color: #77726F;
    margin-bottom: 10%;
    line-height: 24px;
}
.main-contacts__link{
    position: relative;
    height: auto;
    width: auto;
    display: inline-block;
    padding: 10px 21.2% 10px;
}
/*main-contacts end*/

/*about  star*/
/*.about{*/
/*overflow: hidden;*/
/*position: fixed;*/
/*right: 0;*/
/*left: 0;*/
/*top: 0;*/
/*bottom: 0;*/
/*}*/
/*.about-box__holder{*/
/*display: flex;*/
/*width: 350vw;*/
/*}*/
#page{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    flex-wrap: nowrap;
    /*overflow: hidden;*/
    overflow: scroll;
    max-width: 300vw;
    width: 100vw;
    transition: all .3s;
}
.about-box__holder{
    width: 400vw;
    display: flex;
}
#page::-webkit-scrollbar{
    display: none;
}
.about-box {
    flex:0 0 100vw;
    height: 100vh;
    display:flex;
    position:relative;
    align-items:center;
    justify-content:center;
}
.about-scale{
    position: fixed;
    bottom: 30px;
    left: 60px;
    right: 60px;
    /*padding: 22px 55px;*/
}
.about-scale .ui-slider-handle,
.about-scale__title{
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
    color: #8D7958;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom: 22px;
    padding: 0 12px;
    position: relative;
}
.about-scale .ui-slider-handle{
    border: 0;
    background: transparent;
    border-radius: 0;
    width: 72px;
    top: -30px;
    margin: 0;
    text-align: center;
    cursor: ew-resize;
}
.about-scale .ui-slider-handle:before,
.about-scale .ui-slider-handle:after,
.about-scale__title:before,
.about-scale__title:after{
    content: ' ';
    display: block;
    width: 9px;
    height: 9px;
    background: url(/local/templates/salnikova/images/arr-brown-right.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.about-scale .ui-slider-handle:before,
.about-scale__title:before{
    right: auto;
    left: 0;
    transform: translateY(-50%) rotate(180deg);
}
.about-scale.ui-slider{
    background: rgba(188,178,159, .22);
    height: 1px;
    padding: 0 30px;
}
.about-scale__line{
    height: 1px;
    width: 100%;
    background: rgba(188,178,159, .22);
    position: relative;
}
.about-scale.ui-slider{
    border: 0;
}
.about-scale .ui-slider-range,
.about-scale__progress{
    width: 114px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #BCB29F;
    opacity: .5;
}
.about-box__one{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 12vw;
    position: relative;
}
.about-box__one-bg{
    position: absolute;
    top: 0;
    bottom: 0;
    /*right: 0;*/
    width: 100%;
    left: 65.5vw;
    background-color: #F2F2F2;
    z-index: 0;
}
.about-box__one:before{
    content: ' ';
    display: block;
    width: 10px;
    height: 90px;
    background: url(/local/templates/salnikova/images/arr-down.png) no-repeat bottom;
    background-size: 100%;
    position: absolute;
    right: 94px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    z-index: 2;
    animation: slideRight 1.5s ease-in-out infinite;
}
@keyframes slideRight {
    0%{
        right: 94px;
    }
    50%{
        right: 64px;
    }
    100%{
        right: 94px;
    }
}
.about-box__one-right{
    width: 42.2%;
    position: relative;
    z-index: 1;
}
.about-box__one-left{
    width: 45%;
    position: relative;
    z-index: 1;
}
.about-box__subtitle{
    font-weight: 600;
    font-size: 10px;
    color: #8D7958;
    letter-spacing: 1px;
    line-height: 24px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.about-box__title{
    font-family: "Oranienbaum", "Helvetica", sans-serif;
    font-size: 92px;
    color: #94866D;
    line-height: 82px;
    margin-bottom: 40px;
}
.about-box__one-img{
    padding-top: 141.5%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.about-box__one-info{
    margin-bottom: 11%;
}
.about-box__two{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 3.5vw 0 12.6vw;
    background: #F2F2F2;
}
.about-box__three .about-box__title,
.about-box__two .about-box__title{
    font-size: 72px;
    line-height: 72px;
    margin-bottom: 40px;
}
.about-box__three .about-box__title span{
    display: block;
}
.about-box__two-left{
    width: 39%;
    padding-top: 2.25%;
}
.about-box__two-right{
    width: 57%;
    display: flex;
    justify-content: flex-end;
}
.about-box__two-img{
    display: inline-block;
    width: 43%;
    transition: none;
}
.about-box__two-img:first-child{
    margin: 15% 13.5% 0 0;
}
.about-box__three .about-box__text,
.about-box__two .about-box__text{
    line-height: 24px;
}
.about-box__img-src{
    display: block;
    padding-top: 124%;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.about-box__img-name{
    display: block;
    font-family: "Oranienbaum", "Helvetica", sans-serif;
    font-size: 30px;
    color: #94866D;
    line-height: 32px;
}
.about-box__three{
    justify-content: space-between;
    padding: 0 0 0 12.1vw;
    position: relative;
}
.about-box__three:before{
    content: '';
    display: block;
    background: #F2F2F2;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 47%;
    z-index: 0;
}
.about-box__three-left{
    width: 30%;
    z-index: 1;
}
.about-box__three-right{
    width: 61%;
    padding-top: 3.5%;
    z-index: 1;
}
.about-box__certs{
    width: max-content;
    /*max-width: calc(295px*5);*/
}
.about-box__certs-item{
    display: inline-block;
    vertical-align: top;
    outline: 1px solid #BCB29F;
    outline-offset: -10px;
    background: #94866D;
    padding: 30px;
    width: 245px;
    height: 330px;
    /*height: 40vh;*/
    margin-right: 58px;
    margin-bottom: 30px;
    position: relative;
}
.certs__items .about-box__certs-item{
    margin: 0 27px 30px;
}
.about-box__certs-item:after{
    content: '+';
    font-family: "Oranienbaum", "Helvetica", sans-serif;
    font-weight: 300;
    font-size: 54px;
    color: #FFFFFF;
    line-height: 24px;
    position: absolute;
    bottom: 30px;
    right: 33px;
}
.about-box__certs-info{
    display: block;
    color: #FFFFFF;
    line-height: 24px;
    transition: all .3s;
}
.about-box__certs-bg{
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    z-index: 1;
    opacity: 0;
    transition: all .3s;
}
.about-box__certs-item:hover{
    outline-color: transparent;
}
.about-box__certs-item:hover .about-box__certs-bg{
    opacity: 1;
}
.about-box__certs-item:hover .about-box__certs-info{
    opacity: 0;
}
.about-box__four{
    position: relative;
}
.about-box__four:after{
    content: ' ';
    display: block;
    background: #f2f2f2;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30%;
    right: 0;
}
.about-box__slogan{
    position: absolute;
    width: auto;
    top: 50%;
    transform: translateY(-50%);
    left: 5vw;
    font-family: "Oranienbaum", "Helvetica", sans-serif;
    font-size: 122px;
    color: #94866D;
    line-height: 62px;
    text-align: center;
    z-index: 2;
}
.about-box__slogan span{
    display: block;
}
.about-box__slogan span:not(:last-child){
    margin-bottom: 57px;
}
.about-box__four-img{
    width: 67.7%;
    padding-top: 42%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
}
.about-box__four-bg{
    background: #f2f2f2;
    position: absolute;
    width: 25%;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}
.about-box__three .main-top__btn{
    margin: 50px 0;
}
/*.about end*/

/*certs start*/
.certs{
    background: linear-gradient(to left, #FFFFFF 34%,  #F2F2F2 30%);
}
.certs h1{
    font-size: 72px;
    line-height: 72px;
}
/*certs end*/
/*blog start*/
.blog{
    padding: 13% 55px;
}
.content{
    padding: 10% 55px;
}
/*blog end*/

/*blog-detail start*/
.blog-detail{
    padding: 9.3% 55px 10%;
    position: relative;
    font-family: "Helvetica", "Arial", sans-serif;
    font-size: 18px;
    color: #191816;
    line-height: 30px;
}
.blog-detail__prev{
    display: block;
    font-weight: 600;
    font-size: 10px;
    color: #94866D;
    letter-spacing: 1px;
    line-height: 24px;
    text-transform: uppercase;
    padding-left: 53px;
    position: absolute;
    top: 0;
    left: -150px;
}
.blog-detail__prev:after{
    content: ' ';
    display: block;
    width: 10px;
    height: 45px;
    transform: translateY(-50%) rotate(90deg);
    position: absolute;
    left: 0;
    top: 50%;
    background: url(/local/templates/salnikova/images/arr-down.png) no-repeat bottom;
    background-size: cover;
}
.blog-detail__content{
    max-width: 766px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 50px;
}
.blog-detail h1{
    font-size: 72px;
    color: #191816;
    line-height: 72px;
    margin-bottom: 50px;
}
.blog-detail h2{
    font-size: 42px;
    color: #000000;
    line-height: 46px;
    margin: 1px 0 30px;
}
.blog-detail p{
    margin-bottom: 50px;
}
.blog-detail__img{
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5%;
}
.blog-detail__img--60{
    width: 55.5%;
    margin-right: 6.5%;
}
.blog-detail__img--38{
    width: 38%;
}
.blog-detail__img img{
    display: block;
    width: 100%;
    margin-bottom: 22px;
}
.blog-detail__img-alt{
    font-size: 14px;
    color: #77726F;
    line-height: 24px;
}
.blog-detail__quote{
    margin-bottom: 50px;
    padding: 60px 60px 0;
    position: relative;
}
.blog-detail__quote:before{
    content: ' ';
    display: block;
    width: 15%;
    padding-top: 12%;
    height: 0;
    background: url(/local/templates/salnikova/images/quote.svg) no-repeat center;
    background-size: contain;
    opacity: .1;
    position: absolute;
    top: 0;
    left: -2%;
}
.blog-detail__quote-text{
    font-family: "Cormorant Garamond", "Manrope", "Helvetica", "Arial", sans-serif;
    font-style: italic;
    font-size: 32px;
    color: #000000;
    line-height: 40px;
    margin-bottom: 30px;
}
.blog-detail__quote-author{
    font-size: 14px;
    color: #77726F;
    line-height: 24px;
}
.blog-detail .owl-nav{

}
.blog-detail .owl-next,
.blog-detail .owl-prev{
    display: inline-block;
}
.blog-detail .owl-prev{
    margin-right: 10px;
}
/*blog-detail end*/

/*blog-other start*/
.blog-other{
    padding-top: 50px;
    border-top: 1px solid #F0ECE4;
}
.blog-other__item{
    display: inline-block;
    vertical-align: top;
}
.blog-other__item:nth-child(3n+3){
    margin-right: 0;
}
.blog-other__item-img{
    display: block;
    padding-top: 69%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 21px;
}
.blog-other__item-info{
    display: block;
}
.blog-other__item-title{
    display: block;
    font-family: "Oranienbaum", "Helvetica", sans-serif;
    font-size: 28px;
    color: #191816;
    line-height: 34px;
    margin-bottom: 21px;
}
.blog-other__item-text{
    font-size: 14px;
    color: #77726F;
    line-height: 24px;
}
/*blog-other end*/

/*collections start*/
.collections{
    height: 100vh;
    width: 100vw;
    padding: 5% 12.3%;
}
.col-detail .wrap,
.collections .wrap{
    position: absolute;
    top: 52.6%;
    transform: translateY(-50%);
    left: 11.8%;
    right: 11.8%;
}
.collections__info{
    display: inline-block;
    vertical-align: middle;
    width: 58.5%;
    padding-right: 5%;
    transition: all 1s ease-in-out ;
    position: relative;
    z-index: 3;
}
.firstLoad .collections__info{
    opacity: 0;
    animation: 1s firstSlideText ease-in-out .3s forwards;
}
@keyframes  firstSlideText{
    from{
        transform: translateX(230%);
        opacity: 0;
    }
    to{
        opacity: 1;
        transform: translateX(0);
    }
}
.open-detail .collections__info{
    transition: all 1.3s ease-in-out ;
}
.collections__info.up{
    animation: 1s fadeText ease-in-out backwards;
    animation-iteration-count: 1;
}
.collections__info-clone{
    display: none;
}
@keyframes fadeText {
    0%{
        opacity: 1;
    }
    10%{
        opacity: 0;
    }
    40%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }

}
.collections__items{
    display: inline-block;
    vertical-align: middle;
    width: 41%;
    height: 76vh;
    position: relative;
    box-shadow: 0 30px 27px -20px rgba(0, 0, 0, .3);
    z-index: 2;
    transition: all .8s ease-in-out .1s;
}
.firstLoad .collections__items{
    opacity: 0;
    animation: .8s firstShowImg ease-in-out .3s forwards;
}
@keyframes firstShowImg{
    from{
        transform: translateX(150%);
    }
    to{
        transform: translateX(0);
        opacity: 1;
    }
}
.collections__item{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.collections__item.active{
    z-index: 1;
}
.collections__item-info{
    display: none;
}
.collections__item-namber{
    font-weight: 600;
    font-size: 10px;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #77726F;
    margin-bottom: 50px;
}
.collections__item-namber a{
    display: inline-block;
    padding: 0 10px;
}
.collections__item-namber a:first-child{
    transform: rotate(180deg);
}
.collections__item-title{
    font-size: 61px;
    line-height: 62px;
    margin-bottom: 40px;
    color: #7A6F5A;
}
.collections__item-text{
    font-size: 14px;
    line-height: 24px;
    color: #77726F;
    margin-bottom: 78px;
    max-width: 404px;
}
.collections__item-mask{
    transform: translateX(-101%);
    overflow: hidden;
    transition: all .6s cubic-bezier(1,.06,.93,.64);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.collections__item-img{
    transform: translateX(101%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all .6s cubic-bezier(1,.06,.93,.64);
}
.wait .collections__item-img,
.wait .collections__item-mask,
.active .collections__item-mask,
.active .collections__item-img{
    transform: translateX(0);
}
.collections-bg{
    position: absolute;
    right: 0;
    left: 64.1%;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(180deg, #c1927b 0%, #a06345 100%);
    transition: all .8s cubic-bezier(1,.06,.93,.64);
    animation: 1s firstShowBg cubic-bezier(1,.06,.93,.64);
}
@keyframes firstShowBg {
    from{
        transform: translateX(130%);
    }
    to{transform: translateX(0);

    }
}
.open-detail .collections-bg{
    transition: all 1s cubic-bezier(1,.06,.93,.64);
}
.collections-bg span{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 100%;
    bottom: 0;
    transition: all .8s ease-in;
}
.active.collections-bg span{
    right: 0;
}
.collections-menu{
    position: fixed;
    top: 50%;
    transform: translateY(-48%);
    left: 50px;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100px;
    transition: opacity .8s ease-in-out .2s;
    animation: 1s hh ease-in-out .3s;
}
.collections-menu li{
    margin: 30px 0;
    transform: rotate(180deg);
    width: auto;
    writing-mode: tb-rl;
}
.collections-menu__item{
    display: block;
    font-weight: 600;
    font-size: 10px;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #77726F;
    transition: all 0s;
}
.collections-menu__item.active,
.collections-menu__item:hover{
    opacity: .5;
}
.collections-menu__item--catalog,
.collections-menu__item--collections{
    padding-top: 18px;
    position: relative;
    background-position: 50% 0;
    background-repeat: no-repeat;
}
.collections-menu__item--catalog{
    background-image: url("/local/templates/salnikova/images/square4.svg");
}
.collections-menu__item--collections{
    background-image: url("/local/templates/salnikova/images/square2.svg");
}
.collections-dots{
    position: fixed;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .8s ease-in-out;
}
.collections-dot{
    display: block;
    width: 1px;
    height: 40px;
    background: #BCB29F;
    margin: 5px 0;
    z-index: 2;
    animation: 1s hh ease-in-out .3s;
}
.collections:after{
    animation: 1s hh ease-in-out .3s;
}
@keyframes hh {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
.collections-dot.active,
.collections-dot:hover{
    background-color: #8D7958;
}
.collections__items:after{
    content: ' ';
    display: block;
    background-color: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    left: 0;
    z-index: 2;
    transition: all .8s ease-in-out;
}
.open-detail .collections-bg{
    transform: translateX(130%);
}
.open-detail .collections-dots{
    right: -50px;
    opacity: 0;
}
.open-detail .collections__info{
    transform: translateX(230%);
    opacity: 0;
    transition: all 1.3s ease-in-out .3s;
}
.open-detail .collections-menu{
    opacity: 0;
}
.open-detail.collections:after{
    opacity: 0;
    animation: none;
}
.open-detail .collections__items{
    transform: translateX(150%);
}
.col-detail{
    display: none;
    opacity: 0;
    position: fixed;
    z-index: -1;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    overflow: auto;
}
.col-detail .section__left{
    width: 0;
    overflow: auto;
    padding: 0;
    transition: all .8s ease-in-out;
}
.col-detail .section__right{
    opacity: 0;
    transition: all 1s ease-in-out .3s;
}
.open-collections .col-detail,
.open-detail .col-detail{
    display: block;
    opacity: 1;
    z-index: 2;
}
.collections .animate.col-detail  .section__right{
    opacity: 1;
}
.collections .animate.col-detail  .section__left{
    width: 27.9%;
}
.open-collections .section__right{
    opacity: 0;
    transition: all 1.3s ease-in-out  .3s;
}
.section .section__right,
.section .section__left{
    transition: all .8s ease-in-out;
}
.open-collections .section__left{
    width: 0;
    padding: 0;
}
.open-collections .collections-bg{
    transform: translateX(130%);
    transition: all 1s ease-in-out;
}
.open-collections .animate .collections-bg{
    transform: translateX(0);
}
.open-collections .collections-dots{
    right: -50px;
    opacity: 0;
    transition: all .8s ease-in-out;
}
.open-collections .animate .collections-dots{
    right: 50px;
    opacity: 1;
}
.open-collections .collections-menu{
    opacity: 0;
    transition: all .8s ease-in-out .2s;
}
.open-collections .animate .collections-menu{
    opacity: 1;
}
.open-collections .collections__info{
    transform: translateX(100%);
    opacity: 0;
    transition: all 1.3s ease-in-out .3s;
}
.open-collections .animate .collections__info{
    transform: translateX(0);
    opacity: 1;
    transition: all 1s ease-in-out .1s;

}
.open-collections .collections__items{
    transform: translateX(150%);
    transition: all .8s ease-in-out .1s;
}
.open-collections .animate .collections__items{
    transform: translateX(0);
    transition: all .8s ease-in-out;
}
/*collections end*/

/*images start*/
.images{
    padding: 13% 21px 4% 10%;
}
.images-title{
    margin-bottom: 11vh;
    padding-left: 2.5vw;
}
.images-info{
    margin: 10vh 2.5vw;
}
h1 + .images-info p{
    max-width: 750px;
}
.images-items{
    margin: 0 -40px;
}
.images__item{
    display: inline-block;
    vertical-align: top;
    margin: 0 40px 80px;
    position: relative;
}
.images__item-img{
    display: block;
    height: 255px;
    width: auto;
    transition: all .3s;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}
.images__item-shadow {
    display: block;
    height: 255px;
    transform: scale(.95) translate(-50%, 7%);
    position: absolute;
    top: 0;
    left: 50%;
    filter: blur(10px);
    z-index: 0;
}
.images__item-info{
    display: block;
    width: inherit;
}
.images__item-name{
    display: block;
    font-size: 14px;
    color: #4D4947;
    line-height: 24px;
    margin-bottom: 5px;
}
.images__item-size{
    display: block;
    font-family: "Cormorant Garamond", "Helvetica", "Arial", sans-serif;
    font-style: italic;
    font-size: 16px;
    color: #77726F;
    line-height: 18px;
}
/*images end*/

.close{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 25px;
    right: 24px;
    background: url(/local/templates/salnikova/images/close.svg) no-repeat center;
    background-size: 22px;
    cursor: pointer;
    z-index: 2;
}
/*pop-image start*/
.fancybox-container.animate{
    animation: opacity .5s backwards .5s;
}
.fancybox-container.animate.hide{
    animation: opacity2 .5s backwards;
}
@keyframes opacity {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@keyframes opacity2 {
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}

.fancybox-slide > div.pop-bg{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: -50px;
    margin: 0;
    padding: 0;
    background: rgba(0,0,0,0);

}
.pop-image{
    /*max-width: 1169px;*/
    width: 90%;
    /*height: 600px;*/
    background: #FFFFFF;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    z-index: 2;
}

.pop-close{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.pop-image__left{
    position: absolute;
    width: 48.2%;
    background-image: linear-gradient(-180deg, #EAEEEF 0%, #D1D8DA 100%);
    padding: 0 7%;
    top: 0;
    bottom: 0;
    left: 0;
}
.pop-image__img{
    width: 100%;
    height: 100%;
    position: relative;
}
.pop-image__img-src,
.pop-image__shadow{
    display: block;
    /*width: 100%;*/
    transform: scale(.95) translate(-50%, -51%);
    position: absolute;
    top: 50%;
    left: 50%;
    filter: blur(14px);
    z-index: 0;
    max-height: 90%;
    width: auto;
    max-width: 90%;
}
.pop-image__img-src{
    z-index: 1;
    filter: blur(0);
    transform: scale(.95) translate(-50%, -53%);
}
.pop-image__right{
    width: 52%;
    padding: 8% 7% 8.5% 6.6%;
    max-height: 100%;
    overflow: auto;
    float: right;
}
.pop-image__title{
    font-size: 42px;
    color: #191816;
    line-height: 52px;
    margin-bottom: 10px;
}
.pop-image__collections{
    font-family: "Cormorant Garamond", "Helvetica", "Arial", sans-serif;
    font-size: 22px;
    line-height: 26px;
    font-style: italic;
    color: #77726F;
    margin-bottom: 30px;
}
.pop-image__h3{
    font-weight: 600;
    font-size: 10px;
    color: #94866D;
    letter-spacing: 1px;
    line-height: 24px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.pop-image__text{
    color: #4D4947;
    line-height: 24px;
    margin-bottom: 16px;
}
.pop-image__bot{
    color: #4D4947;
    line-height: 24px;
    margin: 14px 0 0;
}
.pop-image__right-content{
    max-height: 365px;
    overflow: auto;
    margin-bottom: 5vh;
}
/*pop-image end*/

/*section star*/
.section__right,
.section__left{
    position: fixed;
    height: 100vh;
    top: 0;
    overflow: hidden;
}
.section__left{
    padding: 130px 55px 115px;
    width: 27.9vw;
    left: 0;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.section__left:before{
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 0;
}
.section__left .logo{
    position: absolute;
    z-index: 2;
    top: 50px;
    left: 55px;
}
.section__right{
    width: 72.1%;
    right: 0;
    padding: 17.3vh 1.5vw 15vh;
}
.section__prev{
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 10px;
    color: #FFFFFF;
    letter-spacing: 1px;
    line-height: 24px;
    padding-left: 63px;
    margin-bottom: 30px;
    position: absolute;
    top: 17.5%;
    left: 50px;
}
.section__prev:before{
    content: ' ';
    display: block;
    width: 10px;
    height: 45px;
    transform: translateY(-50%) rotate(90deg);
    position: absolute;
    left: 20px;
    top: 50%;
    background: url(/local/templates/salnikova/images/arr-down.png) no-repeat bottom;
    background-size: cover;
    filter: brightness(5);
}
.section__bot-info{
    position: absolute;
    bottom: 44px;
    left: 55px;
}
.section__title{
    font-size: 42px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 52px;
    margin-bottom: 20px;
}
.section__year{
    font-weight: 600;
    font-size: 10px;
    color: #FFFFFF;
    letter-spacing: 1px;
    line-height: 24px;
}
/*section end*/

/*pop-order start*/
.pop-order{
    max-width: 740px;
    background: #FFFFFF;
    padding: 6vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*pop-order end*/

@media (min-width: 1024px){
    .hide.main-top__name{
        opacity: 0;
    }
}
@media (min-width: 1400px){
    header{
        padding: 43px 55px 0;
    }
    .main-top__title{
        font-size: 4.82vw;
        line-height: 1;
        margin-bottom: 4.5vh;
    }
    .main-top__left{
        padding: 22.9vh 9vw 9vh 10.9vw;
    }
    .main-top__items{
        width: 100%;
    }
    .main-top__right{
        width: 19.9%;
    }
    .main-contacts__link{
        line-height: 1.795;
        font-size: 1.05vw;
    }
    body, html,
    .main-contacts__sub,
    .main-contacts__text,
    .i-make__paragraph p,
    .main-top__text{
        line-height: 1.65;
        font-size: 0.9366vw;
    }
    .main-top__text{
        margin-bottom: 9vh;
    }
    .main-top__btn{
        font-size: .6vw;
        line-height: 2.3;
    }
    .main-top__name{
        bottom: 4.4%;
        left: 10.3%;
    }
    .main-top .owl-nav {
/*
        bottom: 15%;
        right: 75%;
*/
    }
    .main-top:after{
        left: 4.2vw;
    }
    .owl-dot{
        /*height: 5vh;*/
    }
    .quote-box{
        padding: 17vh 0 16vh;
    }
    .quote-box__text{
        font-size: 3.76vw;
        line-height: 1.07;
        margin-bottom: 7.6vh;
    }
    .main-top__name span:nth-child(2),
    .quote-box__author{
        font-size: 0.73vw;
        line-height: 2.6;
    }
    .i-make{
        height: 90vh;
    }
    .i-make__title{
        line-height: 1;
        font-size: 0.7366vw;
        padding-left: 4.3vw;
        top: 17.2vh;
    }
    .i-make__chapter{
        font-size: 2.1vw;
        line-height: 1.2;
    }
    .i-make__column{
        padding: 0 11vw 0 10.9vw;
    }
    .i-make__column:nth-child(2){
        padding: 0 11vw 0 13.4vw;
    }
    .i-make__column:nth-child(2):before{
        height: 24vh;
    }
    h2,
    .i-make__heading{
        font-size: 4.66vw;
        line-height: 1.06;
    }
    .image-line{
        padding: 14.5vh 0;
    }
    .image-line__item{
        margin: 0 2vw;
    }
    .image-line__size span{
        display: block;
    }
    img.image-line__img,
    .image-line__shadow {
        height: 28.5vh;
        margin: 0 0 3vh;
    }
    .image-line__shadow{
        left: 0;
        transform: scale(.95) translate(0, 7%);
    }
    .image-line__size{
        font-size: 1.1vw;
        line-height: 1;
    }
    .quote-box--dark{
        padding: 17vh 11vw 15.5vh;
    }
    .quote-box--dark .quote-box__info{
        width: 64.2%;
    }
    .quote-box--dark .quote-box__text {
        font-size: 3.67vw;
        line-height: 1.1;
    }
    .main-blog{
        padding: 16.6vh 2.9vw 19.3vh;
    }
    .main-blog__title{
        margin-bottom: 11.2vh;
    }
    .main-blog__item{
        padding: 5.9vh 0 5.8vh;
    }
    .main-blog__item-date{
        width: 16.2vw;
        font-size: 3.7vw;
        line-height: 1;
    }
    .main-blog__item-img{
        width: 22.2vw;
        height: 31.6vh;
    }
    .main-blog__item-info{
        width: 53.5vw;
        padding-right: 4.5vw;
    }
    .main-blog__item-title{
        font-size: 3.66vw;
        line-height: 1.2;
        margin-bottom: 2vh;
    }
    .main-blog__item-text{
        font-size: .91vw;
        line-height: 1;
    }
    .main-contacts{
        padding: 16.5vh 11vw;
    }
    .main-contacts__img{
        width: 45.5vw;
        padding-top: 65.5vh;
    }
    .main-contacts__info{
        width: 31vw;
        padding: 0 0 4vh 6vw;
    }
    .main-contacts__sub{
        margin-bottom: 7vh;
    }
    .main-contacts__title{
        font-size: 4.75vw;
        line-height: 1.05;
    }
    .main-contacts__text{
        max-width: 360px;
        margin-bottom: 5.5vh;
    }
    .btn{
        /*padding: 1.4vh 2.4vw;*/
        /*line-height: 1;*/
        font-size: 0.8vw;
    }
    .collections{
        padding: 5vh 10.5vw;
    }
    .collections__info{
        width: 61.5%;
        margin-top: -15vh;
    }
    .collections__items{
        width: 38.5%;
        height: 80vh;
    }
    .col-detail .wrap, .collections .wrap{
        left: 10.6vw;
        right: 11vw;
    }
    .collections__item-namber{
        font-size: .75vw;
        line-height: 1;
        margin-bottom: 8.5vh;
    }
    .collections__item-title{
        font-size: 4.8vw;
        line-height: 1;
        margin-bottom: 3.7vh;
    }
    .collections__item-text{
        font-size: .95vw;
        line-height: 1.5;
        max-width: 583px;
    }
    .contacts .wrap{
        padding: 0 9vw;
    }
    .blog-detail__content{
        max-width: 970px;
    }
    .images__item-img,
    .images__item-shadow{
        height: 29vh;
        margin-bottom: 2vh;
    }
    .images {
        padding: 18vh 2vw 8vh 9vw;
    }
    .images-items{
        margin: 0 -2vw;
    }
    .images__item{
        margin: 0 2vw 9.5vh;
    }
    .images__item-name{
        font-size: .91vw;
        line-height: 2;
        margin-bottom: 1vh;
    }
    .section__prev{
        top: 13vh;
    }
    .section__left,
    .collections .animate.col-detail .section__left {
        width: 18.6vw;
    }
    .section__title{
        font-size: 3.7vw;
        line-height: 1;
        margin-bottom: 6.2vh;
    }
    .section__right {
        width: 77.1%;
        padding: 8vh 1.5vw 15vh;
    }
    .fancybox-slide > div.pop-image{
        max-width: 1540px;
    }
    .pop-image__right{
        width: 51%;
        padding: 14vh 7vw 14vh 4.5vw;
    }
    .pop-image__left{
        width: 49%;
    }
    .pop-image__title{
        font-size: 3.7vw;
        line-height: 1;
        margin-bottom: 4vh;
    }
    .pop-image__collections{
        margin-bottom: 4vh;
    }
    .pop-image__h3{
        font-size: .73vw;
        line-height: 1.5;
        margin-bottom: 1.5vh;
    }
    .pop-image__img-src,
    .pop-image__shadow{
        max-height: 100%;
        width: auto;
    }

}
@media (max-width: 1400px){
    .images-items{
        margin: 0;
    }
}
@media (max-width: 1024px){
    h1, .title-h1{
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 50px;
    }
    h3, .title-h3 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .header--tiny .menu-header,
    .menu-header,
    .header--tiny header,
    header {
        padding: 50px 55px 0;
    }
    .menu-header--white,
    .menu-list--white{
        display: none;
    }
    .collection-header .hamburger-menu,
    .collection-header .hamburger-menu:after,
    .collection-header .hamburger-menu:before{
        background: #fff;
    }

.stick .social-item {
	position: absolute;
	top: 35px;
	right: 90px;
	display: block;
}

    .main-top__left{
        padding: 17.6% 55px 4% 135px;
        width: 50%;
    }
    .main-top__title{
        font-size: 52px;
        line-height: 52px;
        margin-bottom: 33px;
    }
    .main-top__text{
        margin-bottom: 56px;
    }
    .main-top .owl-dots{
/*
        left: -44vw;
        top: 43.5%;
*/
    }
    .header-feedback:after{
        display: none;
    }
    .header-feedback{
        width: 51px;
        height: 51px;
        color: transparent;
        background: url(/local/templates/salnikova/images/mail-ico.svg) no-repeat center;
        border: 1px solid #8D7958;
        border-radius: 100px;
        float: right;
    }
    .main-top__right {
        width: 50%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    }
    .main-top__items{
        /* width: calc(50% - 112px); */
    }
    .main-top__item-img{
        padding-top: 85.9vh;
        width: auto;
    }
    .main-top__name{
        left: 20px;
        bottom: 27px;
    }
    .main-top__name span:first-child{
        margin-bottom: 3px;
    }
    .main-top .owl-nav{
/*
        display: flex;
        justify-content: space-between;
        width: 115px;
        bottom: 9px;
        right: 111px;
        z-index: 1;
*/
    }
    .quote-box__text{
        font-size: 42px;
        line-height: 48px;
        margin-bottom: 4.9%;
    }
    .i-make{
        height: 65vh;
    }
    .i-make__title{
        left: 130px;
        top: 120px;
        font-size: 12px;
        line-height: 18px;
        padding-left: 110px;
    }
    .i-make__title:before{
        top: 8px;
        left: 5px;
        width: 75px;
    }
    .i-make__heading{
        font-size: 50px;
        line-height: 52px;
    }
    .i-make__chapter{
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 10%;
    }
    .i-make__column{
        padding: 0 5% 0 13.2%;
    }
    .i-make__column:nth-child(2):before{
        height: 35vh;
    }
    .main-contacts{
        padding: 11.7% 10% 11.5% 12.9%;
    }
    .main-contacts__info{
        width: 34.9%;
        padding: 0;
        position: relative;
    }
    .main-contacts__sub{
        font-size: 12px;
        line-height: 18px;
        padding-left: 55px;
    }
    .main-contacts__img{
        width: 60%;
        padding-top: 43.9%;
        margin-right: 5.1%;
    }
    .main-contacts__title{
        font-size: 52px;
        line-height: 52px;
        margin-bottom: 3%;
    }
    .main-contacts__text{
        margin-bottom: 30px;
        max-width: 290px;
    }
    .quote-box{
        padding: 11.9% 0 9.6%;
    }
    .quote-box--dark{
        padding: 8% 26% 8% 13.5%;
    }
    .quote-box--dark .quote-box__text{
        line-height: 48px;
        margin-bottom: 3.9%;
    }
    .quote-box--dark .quote-box__info{
        width: 100%;
    }
    .quote-box__author{
        font-size: 12px;
        line-height: 24px;
        padding-top: 2.35%;
    }
    .quote-box--dark .quote-box__author{
        font-size: 10px;
        padding: 0 0 0 54px;
    }
    .main-contacts__sub:before,
    .quote-box__author:before{
        width: 45px;
    }
    .image-line{
        padding: 11.9% 0 12.8%;
    }
    main.fancybox-content{
        padding: 0;
    }
    .contacts {
        padding: 107px 55px 180px;
    }
    .contacts .wrap{
        padding: 0;
    }
    .contacts-info,
    .contacts-form{
        width: 100%;
        float: none;
        padding: 0;
    }
    .contacts-form{
        padding: 52px 50px 50px;
        margin-top: 61px;
    }
    .contact-box--first{
        min-width: 270px;
    }
    .burger-name{
        display: none;
    }
    .burger{
        width: 50px;
        height: 50px;
        border: none;
        border-radius: 100px;
        right: 45px;
        top: 40px;
        transform: none;
    }
    .contacts-form .title-h3 {
        margin-bottom: 6px;
    }
    .main-blog__title{
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 8.8vh;
        margin-left: 95px;
    }
    .main-blog {
        padding: 11.9% 55px;
    }
    .main-blog__item{
        padding: 4% 0 2.4%;
    }
    .main-blog__item-info{
        width: calc(88% - 257px);
    }
    .main-blog__item-date{
        width: 17.4%;
    }
    .main-blog__item-img{
        width: 200px;
        height: 150px;
    }
    .menu-bg{
        display: none;
    }
    .menu ul a {
        margin: 0 11px;
    }
    ul.menu-list a {
        margin: 50px 45px;
    }
    .footer-menu{
        margin: 1% 0 4%;
    }
    .footer-bot{
        padding: 2.6% 53px;
    }
    .collections .wrap{
        left: 13.4%;
        right: 12%;
        top: 54.6%;
    }
    .collections__info{
        width: 52.5%;
        animation: none;
    }
    .collections__items{
        width: 46%;
        height: 65vh;
    }
    .collections__item-title{
        font-size: 51px;
        line-height: 52px;
    }
    .section__right{
        padding: 10.5% 55px 0;
    }
    .images__item{
        margin-bottom: 50px;
    }
    .about-box__one{
        padding: 0 55px;
    }
    .about-box__one-left{
        width: 40%;
    }
    .about-box__one-right {
        width: 51.2%;
    }
    .about-box__title{
        font-size: 52px;
        line-height: 52px;
    }
    .about-box__one-info {
        margin-bottom: 2%;
    }
    .about-box__one-bg{
        left: 48.5%;
    }
    .about-box__one:before{
        height: 60px;
    }
    .about-box__three .about-box__title,
    .about-box__two .about-box__title{
        font-size: 42px;
        line-height: 48px;
    }
    .about-box__img-name{
        font-size: 22px;
        line-height: 28px;
    }
    .about-box__certs-item{
        width: 200px;
        height: 270px;
    }
    .about-box__slogan{
        font-size: 84px;
        line-height: 62px;
    }
    .about-box__slogan span:not(:last-child){
        margin-bottom: 37px;
    }
    .images-title{
        margin-bottom: 10%;
    }
    .col-detail{
        -webkit-overflow-scrolling: touch;
    }
    .main-blog:after{
        content: '';
        display: block;
        clear: both;
    }
    .main-blog__title{
        float: left;
    }
    .main-blog__all{
        position: relative;
        top: auto;
        float: right;
        line-height: 16px;
        margin-top: -19px;
        right: auto;
    }
}
@media (max-width: 1162px){
    .main-contacts{
        padding: 11.5% 5% 11%;
    }
    .main-contacts__info{
        padding: 4% 0 5% 3%;
    }
}
@media (max-width: 850px) {
    .menu-header,
    .header--tiny .menu-header,
    .header--tiny header, header {
        padding: 26px 55px 0;
    }
    .burger {
        right: 55px;
        top: 22px;
    }
    .main-top__left {
        padding: 17.5% 55px 4%;
        width: 49.5%;
    }
    .main-top__title {
        font-size: 42px;
        line-height: 42px;
        margin-bottom: 24px;
    }
    .main-top .main-top__btn {
        display: none;
    }
    .main-top:after {
        display: none;
    }
    .main-top .owl-dots {
/*
        transform: none;
        top: auto;
        bottom: -20%;
*/
    }
    .owl-dot {
        width: 10px;
        height: 10px;
    }
    .main-top .owl-nav {
/*
        display: block;
        width: 41px;
        bottom: 15.5%;
        right: 14%;
*/
    }
    .owl-prev, .owl-next {
        display: block;
        width: 40px;
        height: 40px;
        margin: 12px 0;
    }
    .main-top__items {
        /* width: calc(50% - 109px);*/
    }

    .main-top__name {
        left: 10%;
        bottom: 4.8%;
    }
    .main-top__item-img {
        padding-top: 82.4vh;
    }
    .quote-box__text {
        font-size: 32px;
        line-height: 38px;
    }
    .quote-box__author {
        font-size: 10px;
        line-height: 16px;
    }
    .i-make__column {
        padding: 0 5% 0 55px;
    }
    .i-make__title {
        left: 50px;
        top: 100px;
        font-size: 10px;
        padding-left: 70px;
    }
    .i-make__chapter {
        font-size: 18px;
        line-height: 20px;
    }
    .i-make__heading {
        font-size: 40px;
        line-height: 42px;
    }
    .image-line {
        padding: 9% 0 15.8%;
    }
    .image-line__shadow,
    img.image-line__img {
        height: 235px;
        margin: 0 auto 21px;
    }
    .quote-box {
        padding: 9.1% 55px 11.3%;
    }
    .quote-box--dark {
        padding: 10.6% 24% 12.3% 55px;
    }
    .quote-box--dark .quote-box__text {
        max-width: 285px;
        font-size: 32px;
        line-height: 39px;
    }
    .main-blog {
        padding: 11% 55px;
    }
    .main-blog__title {
        margin-left: 0;
        margin-bottom: 6.8%;
    }
    .main-blog__item-date {
        font-size: 32px;
        line-height: 38px;
    }
    .main-blog__item {
        padding: 3.2% 0 3.4%;
    }
    .main-blog__item-info {
        width: calc(83% - 210px);
        padding-right: 40px;
    }
    .main-contacts__sub {
        position: absolute;
        left: 0;
        top: 1.6%;
        font-size: 10px;
        padding-left: 64px;
    }
    .main-blog__item-title {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 10px;
    }
    .main-contacts {
        display: block;
        padding: 13.4% 55px 13.2% 55px;
    }
    .main-contacts__info {
        width: 100%;
        margin-bottom: 50px;
        padding-left: 35.5%;
        float: left;
    }
    .main-contacts__link {
        padding: 10px 13.2% 10px;
        max-width: 180px;
    }
    .main-contacts__img {
        width: 100%;
        padding-top: 64%;
        margin: 0;
    }
    .main-contacts__title {
        font-size: 42px;
        margin-bottom: 1.5%;
    }
    .footer-menu {
        margin: 1% 0 6.2%;
    }
    .copyright span {
        margin-right: 16px;
    }
    .open-collections,
    .collections {
        padding: 13.8% 12% 0;
    }
    .collections .wrap {
        position: static;
        transform: none;
    }
    .collections__info {
        display: block;
        margin: 0 auto 68px;
        width: 74.5%;
    }
    .collections-bg {
        top: auto;
        height: 30vh;
        bottom: 0;
        left: 0;
        z-index: -1;
    }
    .collections-dots {
        transform: none;
        top: 25%;
    }
    .collections-menu {
        transform: none;
        top: 9%;
    }
    .collections__item-title {
        font-size: 41px;
        line-height: 42px;
        letter-spacing: .5px;
        margin-bottom: 24px;
    }
    .collections__item-text {
        max-width: 100%;
        margin-bottom: 44px;
    }
    .collections__items {
        display: block;
        width: 72.5%;
        margin: 0 auto;
    }
    .collections__item-namber {
        margin-bottom: 39px;
    }
    body{
        scroll-behavior: smooth;
    }
    .section__prev{
        top: 39.5%;
    }
    .section .col-detail.animate{
        overflow: hidden;
    }
    .open-collections .section__left,
    .col-detail .section__left,
    .collections .animate.col-detail .section__left,
    .section__left{
        width: 100vw;
        transform: translateX(-101%);
    }
    .collections .animate.col-detail .section__left,
    .section__left {
        transform: translateX(0);
        width: 100vw;
        height: 280px;
        padding: 10.5% 55px;
        /*background-attachment: fixed;*/
    }

    .section__right {
        width: 100%;
        height: auto;
        top: 280px;
        bottom: 0;
        padding: 7% 55px 0;
    }

    .section__bot-info {
        bottom: 31px;
    }

    .section__title {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 15px;
    }

    .images {
        padding: 19% 55px 10% 14%;
    }
    .images-items{
        margin: 0 -4%;
    }
    .images__item{
        margin: 0 4% 8%;
    }
    .fancybox-slide > div.pop-image {
        max-width: 658px;
        height: auto;
    }

    .pop-image__content {
        display: block;
    }
    .pop-image__left,
    .pop-image__right {
        width: 100%;
    }
    .pop-image__left {
        position: static;
        padding: 5% 45px 4%;
    }
    .pop-image__right {
        padding: 3.9% 55px;
    }

    .pop-image__img {
        position: relative;
        width: 55%;
        margin: 0 auto;
    }
    .pop-image__img img{
        margin: 0 auto;
    }
    .pop-image__img-src {
        position: relative;
        transform: none;
        z-index: 2;
        left: auto;
        right: auto;
    }
    .pop-image__title {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 13px;
    }
    .pop-image__collections {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .menu ul {
        text-align: center;
        top: 50%;
        transform: translateY(-40%);
        padding-top: 0;
    }

    .menu li {
        display: block;
        margin: 0 0 40px;
    }

    ul.menu-list a {
        margin: 0 11px;
    }

    .contacts {
        padding: 11% 55px 9%;
    }

    .contacts .wrap {
        display: block;
    }

    .contact-box {
        width: 35.5%;
        float: left;
    }

    .contact-box--mail {
        width: 42.5%;
    }
    .about-scale {
        display: none;
    }
    #page{
        display: block;
        position: static;
    }
    .about-box {
        padding: 3% 55px;
        height: auto;
    }
    .about-box__one:before {
        right: auto;
        top: auto;
        transform: none;
        bottom: 40px;
        left: 50px;
    }
    .about-box__one{
        align-items: flex-start;
        padding: 16.5% 55px 4%;
    }
    .about-box__one-right {
        width: 57.2%;
    }
    .about-box__subtitle{
        margin-bottom: 24px;
    }
    .about-box__title {
        font-size: 42px;
        line-height: 42px;
        margin-bottom: 21px;
    }
    .about-box__one .about-box__text{
        max-width: 200px;
        line-height: 24px;
    }
    .about-box__one-bg {
        left: 0;
        top: 54%;
    }
    .about-box__two{
        display: block;
    }
    .about-box__two-left {
        width: 80%;
        padding-top: 3.5%;
    }
    .about-box__three .about-box__title,
    .about-box__two .about-box__title {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 29px;
    }
    .about-box__two .about-box__text p{
        margin: 0 0 18px;
    }
    .about-box__two-right {
        width: 73%;
        display: flex;
        margin: 6% auto 0;
    }
    .about-box__three{
        display: block;
        padding: 19.4% 55px 9.9%;
    }
    .about-box__three:before{
        right: 0;
        z-index: -1;
        bottom: 40%;
    }
    .about-box__three-left {
        width: 100%;
        max-width: 356px;
    }
    .about-box__three .about-box__title {
        margin-bottom: 23px;
    }
    .about-box__three .about-box__title span{
        display: inline;
    }
    .about-box__three-right {
        width: 100%;
        padding-top: 5%;
        z-index: 1;
    }
    .about-box__certs-item{
        margin-right: 44px;
    }
    .about-box__four:after{
        display: none;
    }
    .about-box__four{
        display: block;
    }
    .about-box__four-img,
    .about-box__slogan{
        position: static;
        transform: none;
        text-align: right;
    }
    .about-box__slogan{
        font-size: 64px;
        line-height: 62px;
    }
    .about-box__slogan span:not(:last-child) {
        margin-bottom: 15px;
    }
    .about-box__four-img {
        width: 100%;
        padding-top: 69%;
        margin: 7.2% 0;
    }
    .about-box__four-bg {
        top: 69%;
        width: 100%;
        z-index: -1;
    }
    .about-box__holder {
        width: 100vw;
        display: block;
        overflow: hidden;
    }
    footer.mobile-only{
        display: block;
    }

}
@media (max-width: 680px){
.main-top__item .main-top__item-name {
	top: 20vh;
	font-size: 42px;
	padding: 0 30px;
}
.main-top__item .main-top__item-name div{
	font-size: 28px;
}


.stick {
	background: #FFF;
	padding: 20px;
}
.stick .social-item {
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
}

    .menu-header,
    .header--tiny .menu-header,
    .header--tiny header, header {
        padding: 20px 21px 0 ;

    }
    main{
        padding-top: 0;
    }
    .logo {
        font-size: 16px;
        line-height: 18px;
        letter-spacing: 7px;
        transition: none;
			margin: 0;
		width: 100%;
		text-align: center;
    }

    .main-top{
        display: block;
        height: auto;
    }
    .main-top__items{
/*
        padding: 0 21px 23px;
        width: 100%;
*/
    }
    .main-top__left {
        padding: 100px 21px 4.8%;
        width: 100%;
    }
    .main-top__item-img {
        padding-top: 50%;
    }
    .main-top__right{
        width: 100%;
        position: relative;
        z-index: 0;
        padding: 250px 0 87px;
        margin-top: -247px;
        height: auto;
    }
    .main-top__name{
        position: relative;
        bottom: auto;
        left: 21px;
    }
    .owl-carousel.owl-loaded{
        position: relative;
    }
    .main-top .owl-dots{
/*
        left: 15px;
        right: 15px;
        bottom: -125px;
        display: flex;
        justify-content: space-between;
*/
    }
    .owl-dot{
/*
        width: 24%;
        height: 2px;
*/
    }
    .main-top .owl-nav{
/*
        bottom: 93px;
        right: 21px;
        width: 91px;
			top: 84%;
*/

    }
    .owl-prev, .owl-next{
        display: inline-block;
        margin: 4px 1px;
    }
    .i-make{
        height: auto;
    }
    .i-make__column{
        padding: 22.3% 21px 15.8%;

    }
    .i-make__column.hover .i-make__text{
        top: auto;
        transform: none;
    }
    .i-make__copy{
        position: static;
    }
    .i-make__column{
        width: 100%;
        float: none;
    }
    .i-make__title{
        position: static;
        color: #8D7958;
        margin-bottom: 8%;
        margin-left: 21px;
    }
    .i-make__title:before{
        width: 55px;
    }
    .quote-box {
        padding: 17.5% 21px 18%;
    }
    .quote-box__text{
        margin-bottom: 5.3%;
    }
    .quote-box--dark {
        padding: 0;
    }
    .footer-social:before,
    .quote-box--dark:after{
        display: none;
    }
    .quote-box--dark .quote-box__info{
        width: 100%;
        padding: 80px 20px 70px;
        background-color: #140B03;
    }
    .quote-box__bg{
        display: block;
        padding-top: 67%;
        position: static;
        background-attachment: unset;
    }
    .quote-box--dark .quote-box__text {
        line-height: 38px;
        margin-bottom: 11.9%;
    }
    .main-contacts{
        padding: 0;
    }
    .main-contacts__info{
        padding: 30.87% 21px 5.5%;
        width: 100%;
        margin-bottom: 19%;
    }
    .main-contacts__sub{
        position: relative;
        margin-bottom: 18%;
    }
    .main-contacts__link{
        width: 182px;
    }
    .main-contacts__img{
        padding-top: 73%;
    }
    .footer-menu{
        display: none;
    }
    .footer-bot {
        padding: 25px 0 30px;
    }
    .toUpp{
        display: block;
        position: static;
        margin-bottom: 20px;
        transform: none;
    }
    .footer-bot{
        text-align: center;
    }
    .copyright > a,
    .copyright > span{
        display: block;
        margin: 0 0 8px;
    }
    .burger{
        left: 7px;
        top: 19px;
    }
    .contact-box{
        float: none;
        width: 100%;
    }
    .contacts {
        padding: 33.5% 0  12%;
    }
    .contacts-info{
        padding: 0 20px;
    }
    .contacts-form{
        padding: 50px 20px;
        margin-top: 81px;
    }
    .fancybox-content header{
        position: static;
    }
    .image-line {
        padding: 23% 0 34%;
    }
    .social:not(.footer-social){
        text-align: left;
        padding: 11px 0;
    }
    .footer-social{
        text-align: center;
    }
    .contacts-form .title-h3 {
        margin-bottom: 1%;
    }
    .main-top__text{
        margin-bottom: 0;
    }
    .main-blog {
        padding: 30.6% 21px 24.5%;
    }
    .main-blog__title {
        margin-bottom: 18.8%;
    }
    .main-blog__item{
        display: block;
        padding: 7.2% 0 11%;
    }
    .main-blog__item-date {
        width: 100%;
        margin-bottom: 7%;
    }
    .main-blog__item-title {
        margin-bottom: 6%;
    }
    .main-blog__item-info {
        width: 100%;
        padding-right: 0;
        margin-bottom: 10.8%;
    }
    .main-blog__item-text{
        line-height: 22px;
    }
    .main-blog__item-img {
        width: 100%;
        height: 210px;
    }
    .menu{
        background-color: #FFFFFF;
    }
    .menu ul a{
        font-size: 24px;
        line-height: 26px;
        margin: 0;
    }
    .menu li{
        margin: 0 0 30px;
    }
    .col-detail .wrap{
        position: static;
        transform: none;
    }
    .open-collections{
        padding: 0;
    }
    .open-collections .col-detail{
        padding: 26% 0 0;
    }
    .collections {
        padding: 20% 0 0;
        overflow: hidden;
        position: fixed;
        bottom: 0;
        top: 0;
    }
    .collections-menu{
        position: static;
        width: 100%;
        padding: 0;
        margin: 0 -7px;
        animation: none;
    }
    .col-detail .collections-menu,
    .collections .collections-menu{
        padding: 0 6vw;
    }
    .collections-menu li{
        writing-mode: inherit;
        transform: none;
        display: inline-block;
        margin: 0 7px 5px;
    }
    .collections-menu__item--catalog, .collections-menu__item--collections{
        padding: 0 0 0 19px;
        background-position: 0 50%;
    }
    .collections__item-text,
    .collections-dots{
        display: none;
    }
    .collections:after{
        left: 20px;
    }
    .collections-bg{
        top: 71%;
        height: auto;
    }
    @keyframes slideDown {
        0%{
            bottom: 25px;
        }
        50%{
            bottom: 45px;
        }
        100%{
            bottom: 25px;
        }
    }
    .collections__info {
        display: block;
        margin: 9.8% auto 6.8%;
        width: 71%;
        padding-right: 0;
    }
    .collections__item-namber {
        margin-bottom: 3.3%;
    }
    .collections__item-title{
        margin-bottom: 5%;
    }
    .collections__item-title span{
        display: block;
    }
    .collections__items {
        width: 85%;
        padding-top: 58%;
        margin: 0 0 0 15%;
        box-shadow: none;
        animation: none;
    }
    .collections .animate.col-detail .section__left,
    .section__left{
        height: 49.3vh;
    }
    .main-top__btn{
        padding: 12px 0 10px 22px;
    }
    .main-top__btn svg{
        width: 47px;
        height: 51px;
    }
    .section__right{
        height: auto;
        position: relative;
        top:0;
        overflow: auto;
        padding: 20% 21px 0;
    }
    .section__left{
        position: relative;
    }
    .section__prev,
    .section__bot-info{
        left: 21px;
    }
    .images-items{
        margin: 0;
    }
    .images__item{
        display: block;
        margin: 0 0 80px;
    }
    .images__item-shadow,
    .images__item-img{
        height: auto;
        width: 100%;
    }
    .images__item-shadow{
        transform: none;
        left: 0;
    }
    .images .collections-menu{
        margin-bottom: 9%;
    }
    .images {
        padding: 20% 21px 0;
    }

    .blog,
    .content {
        padding: 15% 21px 0;
    }
    .blog-detail{
        padding: 20% 12px 0;
        font-size: 14px;
        line-height: 24px;
    }
    .blog-detail h1{
        font-size: 32px;
        line-height: 34px;
        margin-bottom: 5%;
    }
    .blog-detail p{
        margin: 0 0 5%;
    }
    .blog-detail__img{
        display: block;
        margin: 0 0 4%;
        width: 100%;
    }
    .blog-detail__img img{
        margin-bottom: 2%;
    }
    .blog-detail__img-alt{
        font-size: 10px;
        line-height: 18px;
    }
    .blog-detail h2{
        font-size: 30px;
        line-height: 34px;
    }
    .blog-detail__quote{
        padding: 5% 2% 5% 13%;
        margin-bottom: 3%;
    }
    .blog-detail__quote-text{
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 2%;
    }
    .blog-detail__quote-author{
        font-size: 12px;
        line-height: 21px;
    }
    .about-box{
        display: block;
        padding: 0 21px;
    }
    .about-box__one{
        padding: 30.5% 21px 4%;
    }
    .about-box__one-left,
    .about-box__one-right{
        width: 100%;
    }
    .about-box__one .about-box__text{
        max-width: 100%;
    }
    .about-box__title {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 4%;
    }
    .about-box__two-left{
        width: 100%;
        margin-bottom: 15%;
    }
    .about-box__two-right{
        display: block;
        width: 100%;
        margin: 0;
        padding-bottom: 10%;
    }
    .about-box__two-img{
        width: 100%;
        margin: 0 0 4%;
    }
    .about-box__two-img:first-child{
        margin: 0 0 16%;
    }
    .about-box__three{
        padding: 5% 21px 9.9%;
    }
    .about-box__three .main-top__btn{
        margin: 30px 0;
    }
    .about-box__slogan{
        font-size: 39px;
        line-height: 41px;
        text-align: left;
    }
    .about-box__slogan span:not(:last-child){
        margin-bottom: 0;
    }
    .about-box__four{
        padding: 0 21px;
    }
    .about-box__three-right{
        overflow: auto;
        margin: 0 -21px;
        width: auto;
    }
    .about-box__certs{
        padding-left: 21px;
    }
    .certs h1 {
        font-size: 32px;
        line-height: 32px;
    }
    .fancybox-slide--html {
        padding: 0 !important;
    }
    .fancybox-slide > div.pop-bg{
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: fixed;
        background: rgba(0,0,0,.9);
        overflow: auto;
    }
    .pop-image{
        top: 0;
        left: 0;
        right: 0;
        overflow: auto;
        width: 100%;
        transform: none;
    }
    .pop-image__left {
        padding: 12% 20px 13%;
    }
    .pop-image__img{
        width: 73%;
    }
    .pop-image__right {
        padding: 6.9% 21px;
        max-height: 200vh;
    }
    .pop-image__right-content{
        max-height:  200vh;
    }
    .pop-image__title{
        color: #8D7958;
    }
    .close {
        top: 10px;
        right: 10px;
    }
    .images-title{
        margin-bottom: 7%;
        padding-left: 0;
    }
    .images-info{
        margin: 10% 0;
    }
    .images-info .title-h2{
        font-size: 36px;
        line-height: 38px;
        margin-bottom: 5%;
    }
    .pop-order{
        max-width: 740px;
        width: 100%;
        height: 100%;
        background: #FFFFFF;
        padding: 15% 21px;
    }
    .fancybox-content.pop-order__end{
        padding: 8% 21px;
    }
    .collections__info.up{
        animation: none;
    }
    .collections__item-title{
        animation: fadeText 1s ease-in-out;
    }
    @keyframes fadeText {
        0%{
            transform: translateX(-0);
            opacity: 1;
        }
        5%{
            opacity: 0;
        }
        40%{
            transform: translateX(-20%);
            opacity: 0;
        }
        60%{
            opacity: 0;
            transform: translateX(40%);
        }
        100%{
            transform: translateX(0);
            opacity: 1;
        }
    }
    .prominado{
        position: static;
        margin-top: 5%;
    }
    .menu-header--white,
    .menu-list--white,
    .menu-bg{
        display: none;
    }
    .certs{
        background: #fff;
    }

}
@media (max-width: 550px){
    .certs__items .about-box__certs-item {
        width: 45%;
        margin: 0 2.5% 30px;
    }
    .blog-filter{
        padding: 10px 0 20px;
    }
    .blog-filter__item{
        font-size: 12px;
        padding: 0 9px;
    }
    .main-blog__title,
    .main-blog__all{
        /*display: block;*/
        /*float: none;*/
        /*margin: 0 0 20px;*/
    }
    .main-blog__all{
        /*margin-bottom: 50px;*/
        margin-top: -12px;
    }
}
@media (max-width: 420px){
    .certs__items .about-box__certs-item {
        width: 220px;
        margin: 0 0 30px;
    }
}


/* new 2022 */
.i-make {
    min-height: auto;
}
.i-make__columns:after {
    content: "";
    display: block;
    clear: both;
}
.i-make__column--all {
    float: none;
    width: 100%;
}
.i-make__column--all .i-make__text {
    max-width: 563px;
    margin: 0 auto;
}

.interior-design {
    padding: 0.4vw 8vw 0;
}
.interior-design__title {
    margin-top: 0;
    margin-bottom: 130px;
}
.interior-design__section {
    margin-bottom: 100px;
}
.interior-design__section:last-child {
    margin-bottom: 0;
}
.interior-design__section-title {
    font-family: "Manrope", "Arial", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #8D7958;
    padding-left: 105px;
    position: relative;
    margin-bottom: 68px;
}
.interior-design__section-title:before {
    content: "";
    display: block;
    width: 75px;
    border-bottom: 1px solid #BCB29F;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.interior-design__item {
    display: inline-block;
    vertical-align: top;
    width: calc((100% - 134px) / 3);
    margin: 0 67px 100px 0;
}
.interior-design__item:nth-child(3n+3) {
    margin-right: 0;
}
.interior-design__item-img {
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
    background-color: #f2f2f2;
}
.interior-design__item-img span {
    display: block;
    padding-top: 100%;
    width: 100%;
    background: no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 1s;
}
.interior-design__item-info {
    display: block;
    position: relative;
}
.interior-design__item-name {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #4D4947;
    margin-bottom: 8px;
}
.interior-design__item-color {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    text-align: right;
    margin-bottom: 6px;
}
.interior-design__item-color a {
    display: inline-block;
    vertical-align: top;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    margin-right: 7px;
    position: relative;
}
.interior-design__item-color a:after {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px;
    border-radius: 100%;
    border: 1px solid #94866D;
    opacity: 0;
}
.interior-design__item-color a:last-child {
    margin-right: 0;
}
.interior-design__item-color a.active:after, .interior-design__item-color a:hover:after {
    opacity: 1;
}
.interior-design__item-type, .interior-design__item-size {
    display: block;
    font-family: "Cormorant Garamond", "Monrope", "Arial", sans-serif;
    font-style: italic;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #77726F;
}
.interior-design__item:hover .interior-design__item-img span {
    transform: translate(-50%, -50%) scale(1.05);
}

.product {
    display: none;
    width: 100%;
    max-width: 1542px;
    max-height: calc(100vh - 10px);
    padding: 0;
}
.product-close {
    display: block;
    width: 30px;
    height: 30px;
    background: url("/local/templates/salnikova/images/svg/product-close.svg") no-repeat center;
    position: absolute;
    top: 32px;
    right: 32px;
    z-index: 5;
}
.product-left {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 20px 12px 0;
    position: relative;
}
.product-right {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 40px 59px 30px 73px;
    position: relative;
}
.product-right:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100px;
    width: 100px;
    background: #ffffff;
    z-index: 4;
    pointer-events: none;
}
.product-img {
    margin-bottom: 11px;
    padding-top: calc(102% - 110px);
    position: relative;
    background-color: #f2f2f2;
    overflow: hidden;
}
.product-img__wrap {
    position: relative;
}
.product-img .item {
    display: block;
    opacity: 0;
/*    padding-top: calc(102% - 110px); */
    padding-top: calc(102% - 150px);
    width: calc(100% - 40px);
    background: no-repeat center #F2F2F2;
    background-size: contain;
    position: absolute;
    top: 100px;
    left: 20px;
    z-index: 0;
    transition: all 0.3s ease-in-out;
}
.product-img .item.active {
    top: 20px;
    opacity: 1;
    z-index: 2;
}
.product-img__tabs {
    display: block;
    text-align: center;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}
.product-img__tabs .item {
    display: inline-block;
    vertical-align: top;
    width: 95px;
    height: 95px;
    background: no-repeat center #F2F2F2;
    background-size: cover;
    border: 1px solid transparent;
    cursor: pointer;
    margin-right: 12px;
}
.product-img__tabs .item:last-child {
    margin-right: 0;
}
.product-img__tabs .item:hover, .product-img__tabs .item.active {
    border-color: #94866D;
}
.product-img__nav {
    display: block;
    width: 51px;
    height: 51px;
    border-radius: 51px;
    border: 1px solid #BCB29F;
    background: url("/local/templates/salnikova/images/svg/arr-nav.svg") no-repeat center;
    position: absolute;
    top: 51.6%;
    right: 42px;
    z-index: 2;
}
.product-img__nav-prev {
    right: auto;
    left: 42px;
    transform: rotate(-180deg);
}
.product-img__nav:hover {
    filter: brightness(0.5);
}
.product-info {
    height: 100%;
}
.product-info.scroll {
    position: relative;
}
.product-info.scroll:before, .product-info.scroll:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 73px;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(to top, white, rgba(255, 255, 255, 0));
    z-index: 3;
    pointer-events: none;
}
.product-info.scroll:before {
    bottom: auto;
    top: 0;
    transform: rotate(180deg);
}
.product-info.scroll .product-info__content {
    max-height: calc(100% - 73px);
}
.product-info.scroll .product-info__content::-webkit-scrollbar {
    width: 2px;
}
.product-info.scroll .product-info__content::-webkit-scrollbar-track {
    background: #F2F2F2;
}
.product-info.scroll .product-info__content::-webkit-scrollbar-thumb {
    background: #D9D0C1;
    border-radius: 0;
    border: none;
}
.product-info__content {
    padding-top: 80px;
    overflow-y: auto;
    overflow-x: hidden;
}
.product-info__content p {
    margin: 10px 0;
}
.product-info__content p:first-child {
    margin-top: 0;
}
.product-info__content p:last-child {
    margin-bottom: 0;
}
.product-bot {
    padding-top: 13px;
    height: 73px;
    position: absolute;
    bottom: 30px;
    left: 73px;
    right: 93px;
    z-index: 3;
}
.product-bot .btn {
    font-size: 10px;
    padding: 17px;
    width: 230px;
}
.product-title {
    font-weight: 400;
    font-size: 72px;
    line-height: 78px;
    color: #7A6F5A;
    font-family: "Oranienbaum", "Monrope", "Arial", sans-serif;
    margin: 0 0 30px;
}
.product-box {
    max-width: 580px;
    margin-bottom: 39px;
}
.product-box__title {
    font-family: "Manrope", "Arial", sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #94866D;
    margin-bottom: 10px;
}
.product-color {
    margin-bottom: -16px;
}
.product-color__item {
    display: inline-block;
    vertical-align: top;
    width: 62px;
    height: 62px;
    background: no-repeat center;
    background-size: cover;
    margin: 0 16px 16px 0;
    border: 1px solid transparent;
}
.product-color__item:hover, .product-color__item.active {
    border-color: #94866D;
}
.product-color__item:last-child {
    margin-right: 0;
}

.fancybox-is-open .product {
    display: inline-flex !important;
}

@media (max-width: 1024px) {
    .interior-design__item {
        display: inline-block;
        vertical-align: top;
        width: calc((100% - 67px) / 2);
        margin: 0 67px 100px 0;
    }
    .interior-design__item:nth-child(3n+3) {
        margin-right: 67px;
    }
    .interior-design__item:nth-child(2n+2) {
        margin-right: 0;
    }

    .product-left {
        padding: 0;
    }
    .product-right {
        padding: 40px 30px 30px 32px;
    }
    .product-img__tabs {
        text-align: left;
        padding: 0 8px;
    }
    .product-img__tabs .item {
        margin-bottom: 12px;
    }
}
@media (max-width: 720px) {
    .fancybox-is-open .product {
        display: inline-block !important;
    }

    .product {
        max-height: none;
    }
    .product-title {
        font-size: 42px;
        line-height: 50px;
    }
    .product-close {
        top: 12px;
        right: 12px;
        background-size: 20px;
    }
    .product-left, .product-right {
        display: block;
        width: 100%;
        overflow: visible;
    }
    .product-left {
        margin-bottom: 12px;
    }
    .product-right {
        padding: 10px 21px 30px;
    }
    .product-right:before {
        display: none;
    }
    .product-img {
        padding-top: calc(102% + 40px);
    }
    .product-img .item {
        top: 0;
        padding-top: 102%;
    }
    .product-img__nav {
		display: none; /* ��������� �� ��������� */
        height: auto;
        border: 0;
        top: 0;
        bottom: 0;
        width: 50%;
        background-size: 16px;
        background-position: right 4px top 50%;
    }
    .product-img__nav-prev {
        left: 12px;
    }
    .product-img__nav-next {
        right: 12px;
    }
    .product-img__tabs {
        display: flex;
    }
    .product-img__tabs .item {
        width: 42px;
        height: 42px;
        margin-right: 8px;
    }
    .product-img__tabs .item:last-child {
        margin-right: 0;
    }
    .product-info {
        height: auto;
    }
    .product-info__content {
        padding: 0;
    }
    .product-info.scroll:after, .product-info.scroll:before {
        display: none;
    }
    .product-info.scroll .product-info__content {
        overflow: visible;
        max-height: none;
    }
    .product-bot {
        position: static;
    }
    .product-bot .btn {
        width: 100%;
    }
}
@media (max-width: 680px) {
    .interior-design {
        padding: 40px 0 0;
    }
    .interior-design__title {
        margin-bottom: 60px;
    }
    .interior-design__item {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        margin: 0 0 60px;
    }
    .interior-design__section-title {
        padding-left: 60px;
        font-size: 20px;
        margin-bottom: 40px;
    }
    .interior-design__section-title:before {
        width: 40px;
    }
}

.menu-list{
    padding-top: 25vh;
}
.menu-list a{
    margin: 70px 65px;
}
.menu-list::after{
    content: '';
    display: block;
    width: 445px;
    border-bottom: 1px solid #D9D5CE;
    position: absolute;
    top: 72%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.menu-list--white::after{
    border-bottom-color: #ffffff;
}
@media(max-width: 850px){
    .menu-list::after{
        display: none;
    }
}

.section-top-text {
    margin: -40px 0 100px;
    max-width: 1000px;
}
.section-top-text--pictures {
    padding-left: 2.5vw;
    margin-top: -20px;
}
@media(max-width: 680px) {
    .section-top-text--pictures {
        padding-left: 0;
    }
}


.master-pictures {
    padding: 170px 0 200px;
}
.master-pictures__info {
    padding-left: 11vw;
    padding-right: 11vw;
    margin-bottom: 80px;
}
.master-pictures__text {
    max-width: 620px;
    font-size: 18px;
    line-height: 28px;
}
.master-pictures__slider {
    position: relative;
}
.master-pictures .swiper-slide {
    width: auto;
}
.master-pictures .swiper-slide img {
    display: block;
}
.master-pictures__slider-nav {
    position: absolute;
    top: -125px;
    right: 55px;
    width: 140px;
}
@media(max-width: 1024px) {
    .master-pictures {
        padding: 60px 0 90px;
    }
    .master-pictures__text {
        max-width: 520px;
        font-size: 16px;
        line-height: 24px;
    }
    .master-pictures .swiper-slide img {
        height: 300px;
    }
}
@media(max-width: 850px) {
    .master-pictures__slider-nav {
        width: 120px;
        top: -85px;
    }
}
@media(max-width: 768px) {
    .master-pictures__info {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 95px;
    }
    .master-pictures__title {
        margin-bottom: 20px;
    }
    .master-pictures__text {
        max-width: 500px;
        font-size: 14px;
        line-height: 20px;
    }
    .master-pictures__slider-nav {
        top: -70px;
        left: 10px;
        right: auto;
        width: 110px;
    }
    .master-pictures .swiper-slide img {
        height: 250px;
    }
}
@media(max-width: 450px) {
    .master-pictures .swiper-slide img {
        height: 165px;
    }
}


.video-box,
.video-box iframe {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
pointer-events: none;
}

@media (min-aspect-ratio: 16/9) {
	.video-box { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
	.video-box { width: 300%; left: -100%; }
}



.social-items-headerblock {
display: inline-block;
vertical-align: middle;
position: absolute;
right: 180px;
top: 41px;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.header--tiny div.social-items-headerblock {
top: 21px;
}

.social-item {
width: 40px;
padding: 20px 0;
background-position: center center;
background-repeat: no-repeat;
background-color: #BCB29F;
border-radius: 100px;
margin: 0 4px;
display: inline-block !important;
vertical-align: top;
position: static !important;
}

.social-item-long {
width: 40px;
background-position: center center;
padding: 20px 0;
font-size: 0px;
color: #191816;
font-weight: 700;
letter-spacing: 0;
line-height: 0px;
font-family: "Manrope", "Helvetica", sans-serif;
}

.social--vk {
background-image: url(/local/templates/salnikova/images/vk.svg);
background-size: 20px;
}

.social--tel {
background-image: url(/local/templates/salnikova/images/call.svg);
background-size: 20px;
}

.social--mail {
background-image: url(/local/templates/salnikova/images/mail.svg);
background-size: 20px;
}

.social-button {
display: none !important;
}

@media screen and (max-width: 681px) {

.social-items-headerblock {
position: absolute;
height: 40px;
overflow: hidden;
right: 20px;
top: 13px;
vertical-align: middle;
z-index: 99999;
}

}

@media screen 
and (min-width:681px) 
and (max-width:1024px){

.social-items-headerblock {
position: absolute;
height: 40px;
overflow: hidden;
right: 100px;
top: 32px;
vertical-align: middle;
z-index: 99999;
}

.header--tiny div.social-items-headerblock {
top: 32px;
}

}

@media screen 
and (min-width:1025px) 
and (max-width:1400px){

.header--tiny div.social-items-headerblock {
top: 10px;
}

}

@media screen and (max-width: 1024px) {

.social-button {
background-color: #BCB29F;
background-image: url(/local/templates/salnikova/images/social.svg);
background-size: 20px;
display: block !important;
}

.social-button-open {
background-image: url(/local/templates/salnikova/images/social-close.svg);
background-color: #140b03 !important;
}

.social-item {
width: 40px;
padding: 20px 0;
margin: 0 0 4px 0;
display: block !important;
}

.social-item-long {
width: 40px;
background-position: center center;
padding: 20px 0;
font-size: 0px;
line-height: 0px;
}

}

.footer-social a.social-item {
display: inline-block !important;
}
/* End */
/* /local/templates/salnikova/js/jquery-ui/jquery-ui.min.css?168406330830724 */
/* /local/templates/salnikova/js/owl.carousel.css?16840633084028 */
/* /local/templates/salnikova/js/animate.css?168406330875040 */
/* /local/templates/salnikova/js/fancybox/jquery.fancybox.css?168406330817390 */
/* /local/templates/salnikova/js/swiper/swiper-bundle.min.css?168406330816469 */
/* /local/templates/salnikova/js/lightGallery/css/lightgallery.css?169712222315881 */
/* /local/templates/salnikova/js/lightGallery/css/lg-zoom.css?16960009514147 */
/* /local/templates/salnikova/template_styles.css?1700751771105580 */