/* Start:/local/templates/main/assets/jquery-ui.min.css?160632062332076*/ /*! 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/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(/local/templates/main/assets/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(/local/templates/main/assets/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(/local/templates/main/assets/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(/local/templates/main/assets/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(/local/templates/main/assets/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(/local/templates/main/assets/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(/local/templates/main/assets/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * 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/main/assets/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/main/assets/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/main/assets/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/templates/main/assets/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/templates/main/assets/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/main/assets/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/main/assets/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:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* End */ /* Start:/local/templates/main/assets/owl.carousel.css?16063206234112*/ /** * Owl Carousel v2.2.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ /* * 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; } .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-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%; -webkit-transform-style: preserve-3d; } .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 { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/local/templates/main/assets/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -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/main/assets/magnific-popup.css?16063206236953*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* End */ /* Start:/local/templates/main/assets/jquery.formstyler.css?16063206232175*/ .jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera Presto */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } /* End */ /* Start:/local/templates/main/styles/fonts.css?16063206231071*/ @font-face { font-family: 'IBMPlexSans'; font-weight: 100; src: url('/local/templates/main/styles/../fonts/IBMPlexSans-Thin.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'IBMPlexSan'; font-weight: 200; src: url('/local/templates/main/styles/../fonts/IBMPlexSans-ExtraLight.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'IBMPlexSans'; font-weight: 300; src: url('/local/templates/main/styles/../fonts/IBMPlexSans-Light.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'IBMPlexSans'; font-weight: 400; src: url('/local/templates/main/styles/../fonts/IBMPlexSans-Regular.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'IBMPlexSans'; font-weight: 500; src: url('/local/templates/main/styles/../fonts/IBMPlexSans-Medium.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'IBMPlexSans'; font-weight: 600; src: url('/local/templates/main/styles/../fonts/IBMPlexSans-SemiBold.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'IBMPlexSans'; font-weight: 700; src: url('/local/templates/main/styles/../fonts/IBMPlexSans-Bold.ttf') format('truetype'); font-display: swap; } /* End */ /* Start:/local/templates/main/styles/style.css?1770783473187591*/ @charset "UTF-8"; /* Тело */ .ppix { position: absolute; left: 0px; top: 0px; opacity: 0.4; pointer-events: none; z-index: 10000; } * { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0px; padding: 0px; text-decoration: none; outline: none; } body { color: #444046; background: #fff; max-width: 100%; font-size: 22px; line-height: 32px; font-family: 'IBMPlexSans', Arial, Helvetica, sans-serif; font-weight: 300; } p { margin: 0px 0px 32px 0px; } a { color: #523866; font-weight: 500; } a:hover { color: #E86661; } a.outer-link { position: relative; margin-right: 32px; font-weight: 400; border-bottom: 1px solid #523866; } a.outer-link:hover { border-bottom: 1px solid transparent; } a.outer-link::after { content: ''; display: inline-block; width: 16px; height: 32px; position: absolute; top: 2px; left: auto; right: -22px; background: url("/local/templates/main/styles/../img/link.svg") center center/cover no-repeat; } .mainblock a[href^="img/"] { border: none !important; } .no-scroll { height: 100vh; overflow: hidden; margin-right: 17px; } .in { margin: 0px auto; width: 1472px; } .header { margin: 32px 0px 0px 0px; z-index: 6; position: fixed; top: 0px; left: 0px; width: 100%; } .header .in { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .header a { color: #444046; -webkit-transition: 0.2s; transition: 0.2s; } .logo { width: calc((((100% + 64px) / 4) - 64px) * 1); } .s1 .logo { width: 220px; } .logo a { line-height: 0px; display: block; } .logo img { max-width: 192px; width: 100%; margin: 0px 0px -12px 0px; } .menu { margin: 0px auto 0px 0px; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-weight: 600; font-size: 13px; line-height: 32px; text-transform: uppercase; } .menu a { margin: 0px 0px 0px 32px; display: block; } .menu > li:first-child a { margin: 0px 0px 0px 0px; } .sub-menu { display: none; -webkit-column-count: 3; column-count: 3; } .sub-menu li { margin: 0px 0px 16px 0px; } .menu.hidde { width: 0px; height: 1px; overflow: hidden; margin: 0px auto 0px 60px; } .cont-block { margin: 0px 0px 0px 20px; padding: 0px 0px 0px 40px; font-size: 14px; line-height: 32px; font-weight: 600; position: relative; } .cont-block.lastcont { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: -20px 0px 0px auto; padding: 0px 0px 0px 80px; } .cont-block::before { content: ''; display: block; width: 32px; height: 32px; position: absolute; top: 0px; left: 0px; background: url("/local/templates/main/styles/../img/tel.svg") center center/16px 16px no-repeat; } .cont-block.lastcont::before { left: 40px; } .cont-ref { position: relative; } .cont-ref::before { content: ''; display: block; width: calc(100% + 40px); height: 100%; position: absolute; top: 0px; right: 0px; } .lk { margin: 0px 0px 0px 20px; width: 32px; height: 32px; cursor: pointer; position: relative; } .lk path { -webkit-transition: 0.2s; transition: 0.2s; } .lk:hover path { fill: #E86661; } .search-ico { margin: 0px 0px 0px 20px; width: 32px; height: 32px; cursor: pointer; } .search-ico path { -webkit-transition: 0.2s; transition: 0.2s; } .search-ico:hover path { fill: #E86661; } .lang-change { font-size: 13px; line-height: 32px; font-weight: 400; text-transform: uppercase; margin: 0px 8px 0px 20px; } .search-top { display: none; } .mop { display: none; width: 32px; height: 32px; position: relative; margin: 0px 0px 0px 40px; cursor: pointer; } .mop.visible { display: block; } .mop div { position: absolute; width: 16px; height: 2px; border-radius: 2px; background: #E86661; left: 8px; -webkit-transition: 0.4s; transition: 0.4s; } .mop div:nth-child(1) { top: 9px; } .mop div:nth-child(2) { top: 15px; } .mop div:nth-child(3) { top: 21px; } .mop.open { z-index: 201; position: fixed; top: 32px; right: 32px; } .mop.open div:nth-child(1) { top: 15px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mop.open div:nth-child(3) { top: 15px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .mop.open div:nth-child(2) { width: 0px; } .mop.white div { background: #fff; } .fixed .mop.white div { background: #E86661; } .top-slider { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 106px 0px 118px 0px; height: 765px; } .slider-left { width: calc((100% + 64px) / 4); } .top-zag { margin: 64px 64px 0px auto; font-size: 40px; line-height: 44px; width: 191px; color: #523866; font-weight: 400; text-transform: uppercase; opacity: 0; } .top-zag.active { opacity: 1; } .top-zag > span { position: relative; overflow: hidden; height: 44px; display: inline-block; } .top-zag > span > span { position: relative; top: 100%; display: block; -webkit-transition: 0.4s; transition: 0.4s; } .top-zag.active > span > span { top: 0%; } .slider-nav { font-size: 13px; line-height: 20px; font-weight: 400; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; cursor: pointer; } .sn-left { margin: 32px 0px 74px 0px; } .sn-block { margin: 0px 0px 0px auto; background: #21B3E4; width: 0px; height: 1px; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .active .sn-block { width: calc(100% - 64px); } .slider-nav span { opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .active .slider-nav span { opacity: 1; } .hovergo { position: relative; overflow: hidden; display: block; height: 32px; } .hovergo span { left: 0px; top: 0%; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0s; transition-delay: 0s; } .hovergo span:first-child { position: relative; top: 0%; } .hovergo:hover span:first-child { top: -100%; } .hovergo span:last-child { position: absolute; top: 100%; } .hovergo:hover span:last-child { top: 0%; } .slider-num { width: 191px; font-size: 13px; line-height: 20px; margin: 0px 64px 0px auto; font-weight: 400; } .tekslide { font-weight: 700; margin: 0px 6px 0px 0px; } .maxslide { margin: 0px 0px 0px 6px; } .slider-right { width: calc((100% + 64px) / 4); } .sn-right { margin: 270px 0px 76px 0px; } .sn-right .sn-block { margin: 0px auto 0px 0px; } .slide-text-list { position: relative; width: 386px; } .slide-text-item { display: none; font-size: 16px; line-height: 22px; font-weight: 400; overflow: hidden; } .slide-text-item p { position: relative; margin: 0px 0px 16px 0px; } .slide-text-item ul { list-style: none; } .mainblock .slide-text-item li { position: relative; margin: 0px 0px 16px 24px; } .mainblock .slide-text-item li::before { top: 8px; left: -20px; } .slider-center { width: calc((((100% + 64px) / 4) - 64px) * 2 + 64px); height: 560px; position: relative; } .slider-ico-list { position: absolute; left: 50%; top: 0px; } #canvas { position: absolute; left: 0px; top: 0px; } .slider-ico-list[dot-active="1"] { -webkit-transition: background-position 160s linear, -webkit-transform 0.4s; transition: background-position 160s linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position 160s linear; transition: transform 0.4s, background-position 160s linear, -webkit-transform 0.4s; } .slider-ico-list[dots="2"][dot-active="2"] { -webkit-transition: background-position calc(160s / 2) linear, -webkit-transform 0.4s; transition: background-position calc(160s / 2) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s / 2) linear; transition: transform 0.4s, background-position calc(160s / 2) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="3"][dot-active="2"] { -webkit-transition: background-position calc(160s * 0.66) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.66) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.66) linear; transition: transform 0.4s, background-position calc(160s * 0.66) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="3"][dot-active="3"] { -webkit-transition: background-position calc(160s * 0.33) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.33) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.33) linear; transition: transform 0.4s, background-position calc(160s * 0.33) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="4"][dot-active="2"] { -webkit-transition: background-position calc(160s * 0.75) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.75) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.75) linear; transition: transform 0.4s, background-position calc(160s * 0.75) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="4"][dot-active="3"] { -webkit-transition: background-position calc(160s * 0.50) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.50) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.50) linear; transition: transform 0.4s, background-position calc(160s * 0.50) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="4"][dot-active="4"] { -webkit-transition: background-position calc(160s * 0.25) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.25) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.25) linear; transition: transform 0.4s, background-position calc(160s * 0.25) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="5"][dot-active="2"] { -webkit-transition: background-position calc(160s * 0.80) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.80) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.80) linear; transition: transform 0.4s, background-position calc(160s * 0.80) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="5"][dot-active="3"] { -webkit-transition: background-position calc(160s * 0.60) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.60) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.60) linear; transition: transform 0.4s, background-position calc(160s * 0.60) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="5"][dot-active="4"] { -webkit-transition: background-position calc(160s * 0.40) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.40) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.40) linear; transition: transform 0.4s, background-position calc(160s * 0.40) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="5"][dot-active="5"] { -webkit-transition: background-position calc(160s * 0.20) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.20) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.20) linear; transition: transform 0.4s, background-position calc(160s * 0.20) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="6"][dot-active="2"] { -webkit-transition: background-position calc(160s * 0.996) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.996) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.996) linear; transition: transform 0.4s, background-position calc(160s * 0.996) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="6"][dot-active="3"] { -webkit-transition: background-position calc(160s * 0.6664) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.6664) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.6664) linear; transition: transform 0.4s, background-position calc(160s * 0.6664) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="6"][dot-active="4"] { -webkit-transition: background-position calc(160s * 0.4998) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.4998) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.4998) linear; transition: transform 0.4s, background-position calc(160s * 0.4998) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="6"][dot-active="5"] { -webkit-transition: background-position calc(160s * 0.3332) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.3332) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.3332) linear; transition: transform 0.4s, background-position calc(160s * 0.3332) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="6"][dot-active="6"] { -webkit-transition: background-position calc(160s * 0.1666) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.1666) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.1666) linear; transition: transform 0.4s, background-position calc(160s * 0.1666) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="7"][dot-active="2"] { -webkit-transition: background-position calc(160s * 0.85710) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.85710) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.85710) linear; transition: transform 0.4s, background-position calc(160s * 0.85710) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="7"][dot-active="3"] { -webkit-transition: background-position calc(160s * 0.71425) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.71425) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.71425) linear; transition: transform 0.4s, background-position calc(160s * 0.71425) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="7"][dot-active="4"] { -webkit-transition: background-position calc(160s * 0.57140) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.57140) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.57140) linear; transition: transform 0.4s, background-position calc(160s * 0.57140) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="7"][dot-active="5"] { -webkit-transition: background-position calc(160s * 0.42855) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.42855) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.42855) linear; transition: transform 0.4s, background-position calc(160s * 0.42855) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="7"][dot-active="6"] { -webkit-transition: background-position calc(160s * 0.28570) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.28570) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.28570) linear; transition: transform 0.4s, background-position calc(160s * 0.28570) linear, -webkit-transform 0.4s; } .slider-ico-list[dots="7"][dot-active="7"] { -webkit-transition: background-position calc(160s * 0.14285) linear, -webkit-transform 0.4s; transition: background-position calc(160s * 0.14285) linear, -webkit-transform 0.4s; transition: transform 0.4s, background-position calc(160s * 0.14285) linear; transition: transform 0.4s, background-position calc(160s * 0.14285) linear, -webkit-transform 0.4s; } .video-background { height: 100%; } .slider-ico-item { min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: -webkit-transform 0.2s linear; transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; z-index: -1; display: none; } .slider-ico-item:first-child { z-index: 0; } .slider-center:hover .slider-ico-item { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); } .slider-ico-shadow { position: absolute; left: 50%; top: 0px; -webkit-transform: translate(-50%, 0px) scale(0); transform: translate(-50%, 0px) scale(0); width: 560px; height: 560px; border-radius: 50%; background: rgba(33, 179, 228, 0.28); overflow: hidden; -webkit-transition: 0.4s; transition: 0.4s; } .active .slider-ico-shadow { -webkit-transform: translate(-50%, 0px) scale(1); transform: translate(-50%, 0px) scale(1); z-index: 1; } .slider-center:hover .slider-ico-shadow { background: rgba(33, 179, 228, 0.8); } .slider-zag-list { position: absolute; left: 50%; top: 0px; -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); width: 480px; height: 560px; border-radius: 50%; -webkit-transition: 0.4s; transition: 0.4s; z-index: 2; display: none; } .active .slider-zag-list { display: block; } .slider-zag-item { position: absolute; width: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-weight: 500; font-size: 60px; line-height: 68px; text-align: center; pointer-events: none; margin: 0px 0px 0px 0px !important; } .slider-zag-item > span { position: relative; overflow: hidden; height: 68px; display: inline-block; } .slider-zag-item > span > span { position: relative; top: 100%; display: block; -webkit-transition: 0.4s; transition: 0.4s; } .slider-bottom { width: 1px; height: 32px; background: rgba(128, 122, 133, 0.2); position: absolute; left: 50%; bottom: 0px; overflow: hidden; } .slider-bottom-polos { width: 100%; height: 100%; position: absolute; top: -100%; left: 0px; background: #E86661; } .slider-circle { position: absolute; left: 50%; top: -16px; -webkit-transform: translate(-50%, 0px) scale(0); transform: translate(-50%, 0px) scale(0); -webkit-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .active .slider-circle { -webkit-transform: translate(-50%, 0px) scale(1); transform: translate(-50%, 0px) scale(1); } .slider-circle svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .slider-circle circle { -webkit-transform-origin: center; transform-origin: center; transform-box: fill-box; } .slider-dots { position: absolute; width: 0px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; } .sliderdot { width: 6px; height: 6px; background: #21B3E4; position: absolute; top: -3px; left: -3px; border-radius: 50%; cursor: pointer; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-delay: 0.8s !important; transition-delay: 0.8s !important; -webkit-transition: 0.4s linear; transition: 0.4s linear; z-index: 1; } .active .sliderdot { -webkit-transform: scale(1); transform: scale(1); } .sliderdot.active { background: #E86661; } .sliderdot::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); background: #E86661; -webkit-transition: 0.4s; transition: 0.4s; border-radius: 50%; z-index: -1; } .sliderdot.active::after { -webkit-transform: translate(-50%, -50%) scale(2); transform: translate(-50%, -50%) scale(2); } .sliderdot svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); } .active .sliderdot svg { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transition-delay: 1.2s !important; transition-delay: 1.2s !important; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .sliderdot svg circle { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: center; transform-origin: center; transform-box: fill-box; } .dotcircle { opacity: 0.48; } .sliderdot svg:hover .dotcircle { opacity: 1; } .active .slider-dots[dots="2"] .sliderdot:nth-child(1) { -webkit-transform: translate(0px, -295px) scale(1); transform: translate(0px, -295px) scale(1); } .active .slider-dots[dots="2"] .sliderdot:nth-child(2) { -webkit-transform: translate(0px, 297px) scale(1); transform: translate(0px, 297px) scale(1); } .active .slider-dots[dots="3"] .sliderdot:nth-child(1) { -webkit-transform: translate(0px, -295px) scale(1); transform: translate(0px, -295px) scale(1); } .active .slider-dots[dots="3"] .sliderdot:nth-child(2) { -webkit-transform: translate(257px, 147px) scale(1); transform: translate(257px, 147px) scale(1); } .active .slider-dots[dots="3"] .sliderdot:nth-child(3) { -webkit-transform: translate(-258px, 147px) scale(1); transform: translate(-258px, 147px) scale(1); } .active .slider-dots[dots="4"] .sliderdot:nth-child(1) { -webkit-transform: translate(0px, -295px) scale(1); transform: translate(0px, -295px) scale(1); } .active .slider-dots[dots="4"] .sliderdot:nth-child(2) { -webkit-transform: translate(296px, 0px) scale(1); transform: translate(296px, 0px) scale(1); } .active .slider-dots[dots="4"] .sliderdot:nth-child(3) { -webkit-transform: translate(0px, 297px) scale(1); transform: translate(0px, 297px) scale(1); } .active .slider-dots[dots="4"] .sliderdot:nth-child(4) { -webkit-transform: translate(-296px, 0px) scale(1); transform: translate(-296px, 0px) scale(1); } .active .slider-dots[dots="5"] .sliderdot:nth-child(1) { -webkit-transform: translate(0px, -295px) scale(1); transform: translate(0px, -295px) scale(1); } .active .slider-dots[dots="5"] .sliderdot:nth-child(2) { -webkit-transform: translate(282px, -89px) scale(1); transform: translate(282px, -89px) scale(1); } .active .slider-dots[dots="5"] .sliderdot:nth-child(3) { -webkit-transform: translate(175px, 240px) scale(1); transform: translate(175px, 240px) scale(1); } .active .slider-dots[dots="5"] .sliderdot:nth-child(4) { -webkit-transform: translate(-175px, 240px) scale(1); transform: translate(-175px, 240px) scale(1); } .active .slider-dots[dots="5"] .sliderdot:nth-child(5) { -webkit-transform: translate(-282px, -89px) scale(1); transform: translate(-282px, -89px) scale(1); } .active .slider-dots[dots="6"] .sliderdot:nth-child(1) { -webkit-transform: translate(0px, -295px) scale(1); transform: translate(0px, -295px) scale(1); } .active .slider-dots[dots="6"] .sliderdot:nth-child(2) { -webkit-transform: translate(256px, -148px) scale(1); transform: translate(256px, -148px) scale(1); } .active .slider-dots[dots="6"] .sliderdot:nth-child(3) { -webkit-transform: translate(255px, 151px) scale(1); transform: translate(255px, 151px) scale(1); } .active .slider-dots[dots="6"] .sliderdot:nth-child(4) { -webkit-transform: translate(0px, 297px) scale(1); transform: translate(0px, 297px) scale(1); } .active .slider-dots[dots="6"] .sliderdot:nth-child(5) { -webkit-transform: translate(-255px, 151px) scale(1); transform: translate(-255px, 151px) scale(1); } .active .slider-dots[dots="6"] .sliderdot:nth-child(6) { -webkit-transform: translate(-256px, -148px) scale(1); transform: translate(-256px, -148px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(1) { -webkit-transform: translate(0px, -295px) scale(1); transform: translate(0px, -295px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(2) { -webkit-transform: translate(232px, -183px) scale(1); transform: translate(232px, -183px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(3) { -webkit-transform: translate(288px, 67px) scale(1); transform: translate(288px, 67px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(4) { -webkit-transform: translate(127px, 268px) scale(1); transform: translate(127px, 268px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(5) { -webkit-transform: translate(-127px, 268px) scale(1); transform: translate(-127px, 268px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(6) { -webkit-transform: translate(-288px, 67px) scale(1); transform: translate(-288px, 67px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(7) { -webkit-transform: translate(-232px, -183px) scale(1); transform: translate(-232px, -183px) scale(1); } .hidden-h1 { opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; transform: translate(0,100px); } .hidden-h1.animated { opacity: 1; transform: translate(0,0px); } .double-text { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0px 0px 98px 0px; overflow: hidden; } .one-part { width: calc(50% - 32px); } .one-part:first-child { opacity: 0; margin: 100px 0px -100px 0px; -webkit-transition: 0.4s; transition: 0.4s; } .animated .one-part:first-child { opacity: 1; margin: 0px 0px 0px 0px; } .one-part:last-child *:first-child { opacity: 0; position: relative; top: 100px; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0s; transition-delay: 0s; } .animated .one-part:last-child *:first-child { opacity: 1; top: 0px; } .one-part:last-child *:nth-child(2) { opacity: 0; position: relative; top: 100px; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .animated .one-part:last-child *:nth-child(2) { opacity: 1; top: 0px; } .one-part:last-child *:nth-child(3) { opacity: 0; position: relative; top: 100px; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .animated .one-part:last-child *:nth-child(3) { opacity: 1; top: 0px; } .one-part:last-child *:nth-child(4) { opacity: 0; position: relative; top: 100px; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .animated .one-part:last-child *:nth-child(4) { opacity: 1; top: 0px; } .one-part:last-child *:nth-child(5) { opacity: 0; position: relative; top: 100px; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .animated .one-part:last-child *:nth-child(5) { opacity: 1; top: 0px; } .refico { font-size: 18px; line-height: 24px; display: block; text-decoration: none; border: none; position: relative; padding: 14px 0px 0px 72px; margin: 0px 0px 24px 0px; min-height: 48px; border-bottom: none !important; width: calc(50% - 18px); float: left; } .vd-right .refico { width: 100%; } .refico::before { content: ''; display: block; width: 46px; height: 46px; position: absolute; top: 2px; left: 0px; border: 1px solid #E86661; border-radius: 50%; } .ri-play::before { background: url(/local/templates/main/styles/../img/play.svg) 16px 13px/17px auto no-repeat; } .ri-download::before { background: url(/local/templates/main/styles/../img/download.svg) 0px 0px/100% auto no-repeat; } .ri-tyr::before { background: url(/local/templates/main/styles/../img/3d.svg) 0px 0px/100% auto no-repeat; } .ri-navigator::before { background: url(/local/templates/main/styles/../img/navigator.svg) 0px 0px/100% auto no-repeat; } .refico:hover { color: #E86661; } .center-text { width: calc((((100% + 64px) / 4) - 64px) * 2 + 64px); margin: 0px auto 0px auto; position: relative; z-index: 1; } .zag { font-weight: 500; font-size: 48px; line-height: 52px; color: #523866; } .zag > span { position: relative; overflow: hidden; height: 52px; display: inline-block; } .zag > span > span { position: relative; top: 100%; display: inline-block; -webkit-transition: 0.4s; transition: 0.4s; } .zag.animated > span > span { top: 0%; } .circle-block-list { position: relative; overflow: hidden; width: 100%; margin: 0px 0px 120px 0px; } .circle-block-item { position: relative; width: 992px; height: 992px; } .circle { -webkit-transform: scale(0); transform: scale(0); -webkit-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .circle circle { -webkit-transform-origin: center; transform-origin: center; transform-box: fill-box; } .circle-block-item.animated .circle { -webkit-transform: scale(1); transform: scale(1); } .circle-img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); border: 1px solid #21B3E4; border-radius: 50%; width: 497px; -webkit-transition: 0.2s; transition: 0.2s; } .circle-block-item.animated .circle-img { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .circle-block-item.animated .circle-img:hover { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .circle-min { display: none; } .circle-text-list { position: absolute; right: -222px; top: 50%; -webkit-transform: translate(0%, -46%); transform: translate(0%, -46%); width: 150px; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .circle-block-item.animated .circle-text-list { opacity: 1; } .circle-text-item { width: 100%; margin: 0px 0px 80px 0px; position: relative; } .clircle-num { margin: 0px 0px 0px 0px; position: absolute; left: -8px; top: 0px; font-size: 120px; line-height: 100px; color: #E86661; -webkit-transform: translate(-100%, 0px); transform: translate(-100%, 0px); } .center-text .clircle-num { left: -64px; opacity: 0; } .circle-info { margin: 0px 0px 0px 0px; font-weight: 600; font-size: 16px; line-height: 22px; opacity: 0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .circle-info sup { font-size: 9px; } .ot { font-weight: 600; font-size: 16px; line-height: 22px; color: #444046; position: relative; top: -77px; left: -9px; opacity: 0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .first-circle { margin: -80px 0px 0px 0px; left: -145px; } .second-circle { margin: -366px 0px 0px 0px; right: -624px; } .second-circle .circle-img { padding: 14px; } .second-circle .circle-text-list { left: -71px; right: auto; -webkit-transform: translate(0%, -43.5%); transform: translate(0%, -43.5%); } .second-circle .circle-text-item { margin: -22px 0px 80px 0px; } .third-circle { margin: -366px 0px -40px 0px; left: -145px; } .third-circle .circle-text-list { right: -320px; -webkit-transform: translate(0%, -42%); transform: translate(0%, -42%); } .ccl { position: absolute; background: #E86661; width: 16px; height: 16px; left: -9px; top: -8px; border-radius: 50%; opacity: 0; } .ccl.visible { opacity: 1; } .button { color: #fff; font-size: 18px; line-height: 24px; padding: 16px 40px; display: inline-block; font-weight: 400; border-radius: 60px; background: #E86661; -webkit-transition: 0.4s; transition: 0.4s; border: none !important; } .button:hover { background: #523866; color: #fff; } .mt72 { margin: 32px 0px 0px 0px; } .logo-slider { width: calc(100vw - 128px); margin: 160px 0px 80px calc((100vw - 100%) / 2 * -1 + 64px); } .logo-slider .owl-item { height: 104px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .image100 { width: calc(100vw - 8px); margin: 0px 0px 0px calc((100vw - 100%) / 2 * -1); max-width: 100vw !important; } .grayblock { background: #F8F8F8; padding: 120px 0px 1px 0px; width: 100%; margin: -8px 0px 0px 0px; } .block-top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0px 0px 64px 0px; } .block-top .zag { margin: 0px auto 0px 0px; } .golink { margin: 12px 120px 0px 0px; padding: 0px 40px 0px 0px; font-weight: 400; position: relative; font-size: 14px; line-height: 24px; border: none !important; } .golink:last-child { margin-right: 0px; } .golink::before { content: ''; display: block; width: 20px; height: 1px; position: absolute; top: 12px; right: 14px; background: #523866; } .golink:hover::before { background: #E86661; } .golink::after { content: ''; display: block; width: 8px; height: 16px; position: absolute; top: 5px; right: 0px; background: url("/local/templates/main/styles/../img/golink.svg") center center/8px no-repeat; } .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(100% + 64px); margin: 0px 0px 56px 0px; } .item { width: calc(33.3333% - 64px); margin: 0px 64px 64px 0px; } .item-img { line-height: 0px; position: relative; overflow: hidden; width: 100%; height: 312px; margin: 0px 0px 40px 0px; background-size: contain; background-position: center center; /* background-position: 0 100%; */ background-repeat: no-repeat; } .item-prezag { font-weight: 500; font-size: 13px; line-height: 24px; margin: 0px 0px 19px 0px; display: block; color: #444046; border: none !important; } .item-prezag:hover { color: #523866; } .item-zag { font-size: 24px; line-height: 32px; font-weight: 400; } .item-zag p { margin: 0px 0px 0px 0px; } .item-zag a { font-weight: 400 !important; color: #444046; -webkit-transition: 0.4s; transition: 0.4s; border: none !important; } .item-zag a:hover { color: #523866; } .mainblock .item .item-zag a:visited { color: #444046; } .mainblock .item .item-zag a:visited:hover { color: #523866; } .item-img:hover ~ .item-zag a { color: #523866; } .item-date { font-size: 16px; line-height: 24px; font-weight: 400; color: #807A85; margin: 32px 0px 0px 0px; } .item-text { font-size: 16px; line-height: 24px; margin: 20px 0px 0px 0px; } .item-text p:last-child { margin: 0px 0px 0px 0px; } .item-text a { color: #444046 !important; font-weight: 400; border: none !important; } .item-text a:hover { color: #523866 !important; } .afterlist { display: none; } .footer { background: #fff; padding: 83px 0px 52px 0px; } .footer .in { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .part { width: calc((100% + 64px) / 4 - 64px); } .footer-hr { width: 100%; height: 1px; background: #DCD7E0; } .fhr1 { margin: 111px 0px 80px 0px; } .footer-menu { list-style: none; } .footer-menu li { font-size: 18px; line-height: 24px; } .footer-menu > li ~ li a { margin: 0px 0px 40px 0px; } .footer-menu a { margin: 0px 0px 28px 0px; display: block; } .footer-menu a { color: #444046; } .footer-menu a:hover { color: #E86661; } .footer-submenu { list-style: none; margin: 0px 0px 40px 0px; } .footer-submenu li { font-weight: 300; font-size: 16px; line-height: 24px; margin: 0px 0px 16px 0px; } .footer-submenu a { font-weight: 300; margin: 0px 0px 0px 0px; } .fct { font-size: 16px; line-height: 24px; } .fct p { margin: 0px 0px 8px 0px; } .footer-zag { color: #807A85; text-transform: uppercase; opacity: 0.64; } .footer-tel { display: block; width: 100%; color: #444046; margin: 0px 0px 8px 0px; font-weight: 600; } .footer .button { margin: 32px 0px 0px 0px; } .footer-mar { width: 100%; height: 80px; } .fbc { font-size: 14px; line-height: 24px; } .fbc a { font-weight: 300; margin: 0px 0px 8px 0px; display: block; } .copyright { opacity: 0.64; } .footer-social { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .footer-social a { display: block; width: 48px; height: 48px; } .footer-social path { transition: .2s; } .footer-social a:hover path { fill: #523866; } .fhr2 { margin: 72px 0px 52px 0px; } .footer-partner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } .partner-zag { margin: 0px 64px 0px 0px; text-transform: uppercase; font-size: 16px; line-height: 24px; color: #807A85; } .partner-list { width: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .partner-list a { display: block; margin: 0px 64px 0px 0px; } .partner-list a:last-child { margin-right: 0px; } .partner-list .owl-item { width: 200px !important; } .partner-list img { width: auto !important; height: 180px !important; max-height: 100%; max-width: 100%; object-fit: contain; } .mainblock { width: 100%; margin-top: 97px; padding-top: 1px; } .mob-menu-wrapper { display: none; position: fixed; top: 0px; right: 0px; width: 100vw; height: 100vh; background: #fff; padding: 32px 32px 32px 32px; z-index: 100; } .mob-menu-wrapper > * { opacity: 0; } .mob-menu-top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mob-menu-lang-back { position: relative; overflow: hidden; width: 32px; height: 32px; width: 100%; } .mob-menu-lang-back > * { position: absolute; left: 0px; -webkit-transition: 0.2s; transition: 0.2s; } .mm-lang { font-size: 13px; line-height: 32px; text-transform: uppercase; width: 32px; text-align: center; top: 0%; } .mm-back { top: 100%; cursor: pointer; } .mm-close { top: 0%; right: 0px; cursor: pointer; position: absolute; left: auto; } .lvl2 .mm-lang { top: -100%; } .lvl2 .mm-back { top: 0%; } .mob-menu-close { line-height: 0px; } .mob-menu { list-style: none; margin: 64px 0px 64px 0px; overflow: auto; font-weight: 500; font-size: 40px; line-height: 44px; width: calc(50% - 32px); float: left; position: relative; height: calc(100% - 128px); } .mob-menu li { margin: 0px 0px 40px 0px; } .mob-menu > li > a { display: block; color: #444046; text-transform: uppercase; position: relative; overflow: hidden; } .mob-menu > li > a::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 100%; left: 0px; background: #fff; -webkit-transition: 0.4s; transition: 0.4s; } .mob-menu.lvl2 > li > a::before { top: 0%; } .mob-menu.lvl2, .mob-menu.lvl2 ~ .mob-menu-cont { pointer-events: none; } .mob-menu-cont { width: calc(50% - 32px); float: right; margin: 64px 0px 64px 0px; } .mob-menu-cont a { color: #444046; padding-left: 56px; display: block; margin: 0px 0px 24px 0px; position: relative; font-size: 22px; line-height: 48px; font-weight: 400; } .mob-menu-cont a::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 100%; left: 0px; background: #fff; -webkit-transition: 0.4s; transition: 0.4s; } .mob-menu.lvl2 ~ .mob-menu-cont a::after { top: 0%; } .rascr::before { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 20px; left: 20px; background: #444046; } .mm-lk::before { content: ''; display: block; width: 48px; height: 48px; position: absolute; top: 0px; left: 0px; background: url("/local/templates/main/styles/../img/user.svg") center center/cover no-repeat; } a.mm-tel { font-weight: 500; margin: 32px 0px 0px 0px; } .mm-tel::before { content: ''; display: block; width: 48px; height: 48px; position: absolute; top: 0px; left: 0px; background: url("/local/templates/main/styles/../img/tel.svg") center center/24px no-repeat; } .menu2lvl { display: none; position: absolute; top: 128px; left: 32px; overflow: auto; height: calc(100% - 128px); } .lvl2ul { list-style: none; opacity: 0; } .visible .lvl2ul { opacity: 1; } .lvl2ul a { color: #523866; font-size: 40px; line-height: 44px; margin: 0px 0px 64px 0px; text-transform: uppercase; font-weight: 500; position: relative; display: block; overflow: hidden; } .lvl2ul a::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0%; left: 0px; background: #fff; -webkit-transition: 0.4s; transition: 0.4s; } .visible .lvl2ul a::before { top: -100%; } .mob-submenu { display: none; list-style: none; padding: 0px 0px 0px 56px; } .menu2lvl .mob-submenu { display: block; } .menu2lvl .mob-submenu li { margin: 0px 0px 32px 0px; } .menu2lvl .mob-submenu a { color: #444046; font-size: 22px; line-height: 48px; font-weight: 400; margin: 0px 0px 0px 0px; text-transform: unset; } .nockliс .slider-nav { pointer-events: none; } .nockliс .sliderdot { pointer-events: none; } h1 { font-weight: 600; font-size: 48px; line-height: 52px; color: #523866; margin: 0px 0px 64px 0px; max-width: calc((((100% + 64px) / 4) - 64px) * 3 + 128px); } h2 { font-weight: 400; font-size: 40px; line-height: 48px; color: #523866; margin: 80px 0px 40px 0px; } h3 { font-weight: 700; font-size: 32px; line-height: 44px; color: #444046; margin: 80px 0px 32px 0px; } h4 { font-weight: 700; font-size: 24px; line-height: 23px; color: #444046; margin: 64px 0px 32px 0px; } h5 { font-weight: 700; font-size: 22px; line-height: 32px; color: #444046; margin: 40px 0px 32px 0px; } .breadcrumbs { font-weight: 300; font-size: 13px; line-height: 20px; color: #444046; margin: 157px 0px 32px 0px; } .top-blcok-wrap .breadcrumbs { margin: 51px 0px 32px 0px; } .breadcrumbs a { color: #444046 !important; position: relative; margin: 0px 56px 32px 0px; border: none !important; } .breadcrumbs a::before { content: ''; display: block; width: 4px; height: 4px; position: absolute; top: 8px; right: -28px; background: #E86661; border-radius: 50%; } .breadcrumbs a:last-child { margin: 0px 0px 32px 0px; } .breadcrumbs a:last-child::before { display: none; } .hcenter { text-align: center; position: relative; margin: 0px 0px 80px 0px; max-width: 100%; } .filtr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 64px 0px 0px 0px; margin: 0px auto 42px auto; border-top: 1px solid #21B3E4; max-width: 100%; } .filtr label { padding: 16px 40px 16px 40px; margin: 0px 16px 32px 16px; cursor: pointer; display: block; -webkit-box-shadow: 0px 0px 0px 1px #D3F0FA; box-shadow: 0px 0px 0px 1px #D3F0FA; border-radius: 60px; font-size: 18px; line-height: 24px; coloR: #523866; font-weight: 400; -webkit-transition: 0.4s; transition: 0.4s; } .filtr label:hover { -webkit-box-shadow: 0px 0px 0px 1px #21B3E4; box-shadow: 0px 0px 0px 1px #21B3E4; } .filtr label.active { -webkit-box-shadow: 0px 0px 0px 2px #E86661; box-shadow: 0px 0px 0px 2px #E86661; } .filtr .jq-checkbox { opacity: 0 !important; position: absolute; } .filtr label:first-child { margin: 0px 16px 0px 0px; } .filtr label:last-child { margin: 0px 0px 0px 16px; } .fotogal-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(100% + 64px); } .fotogal-item { width: calc(33.33% - 64px); margin: 0px 64px 64px 0px; } .fotogal-img { width: 100%; height: calc((1400px) / 100 * 20.779); background-position: center; background-size: cover; margin: 0px 0px 40px 0px; position: relative; } .videogal .fotogal-img { height: calc((1400px) / 100 * 17); } .fotogal-zag { margin: 0px 0px 32px 0px; font-size: 24px; line-height: 32px; color: #444046; display: block; font-weight: 400; } .fotogal-zag:hover { color: #523866; } .fotogal-img:hover ~ .fotogal-zag { color: #523866; } .fotogal-text { margin: 0px 0px 0px 0px; font-weight: 400; font-size: 16px; line-height: 24px; color: #807A85; } .max-ref { position: absolute !important; top: 0px; left: 0px; display: block; width: 100%; height: 100%; } .gray-block { background: #F8F8F8; padding: 120px 0px 150px 0px; position: relative; overflow: hidden; margin: 176px 0px 0px 0px; z-index: 0; } .gb-top { font-size: 16px; line-height: 22px; position: relative; z-index: 1; } .gb-cont { margin: 16px 0px 0px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; z-index: 1; } .gb-zag { display: block; font-weight: 600; font-size: 48px; line-height: 52px; width: calc((((100% + 64px) / 4) - 64px) * 3 + 128px); } .gb-next { display: block; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 10px 0px 0px 64px; } .nref { font-weight: 500; font-size: 16px; line-height: 24px; padding: 0px 40px 0px 0px; margin: 0px 4px 0px 0px; position: relative; -webkit-transition: 0.4s; transition: 0.4s; } .nref:hover { padding: 0px 44px 0px 0px; margin: 0px 0px 0px 0px; } .nref::before { content: ''; display: block; width: 20px; height: 1px; position: absolute; top: 10px; right: 14px; background: #523866; } .nref::after { content: ''; display: block; width: 8px; height: 16px; position: absolute; top: 2px; right: 0px; background: url("/local/templates/main/styles/../img/golink.svg") center center/8px no-repeat; } .gb-cirk { position: absolute; top: 0px; left: 0px; width: 992px; height: 992px; border-radius: 50%; pointer-events: none; } .gb-cirk:first-child { top: -440px; left: -420px; } .gb-cirk:last-child { top: 24px; left: 44px; } .rc { -webkit-transform-origin: center; transform-origin: center; transform-box: fill-box; } .afterzag { margin: -24px 0px 80px 0px; font-size: 18px; line-height: 24px; color: #807A85; } .afterzag a { font-weight: 300; color: #523866 !important; border: none !important; } .foto-slider { opacity: 0; } .foto-slider.slick-slider { width: calc(100vw); margin: 0px 0px 120px calc((100vw - 100%) / 2 * -1 - 10px); overflow: hidden; opacity: 1; } .slick-slide { outline: none; } .foto-slider img { width: auto !important; height: 360px !important; margin: 0px 32px 0px 32px; } .foto-slider .owl-item { opacity: 0.48; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .foto-slider .owl-item.active.center { opacity: 1; } .foto-slider .owl-item:last-child { opacity: 0 !important; } .foto-nav { width: 100%; height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 120px 0px 80px 0px; } .foto-nav .slider-nav { margin: 0px 0px 0px 0px; width: 43px; } .foto-nav.active .slider-nav { max-width: 368px; width: 40%; } .foto-slider .owl-nav .slider-nav { margin: 0px 0px 0px 0px; } .foto-slider .slick-dots { display: none !important; } .slider-nav .hovergo { -webkit-transition-delay: 0s !important; transition-delay: 0s !important; height: 22px; } .disabled .hovergo { opacity: 0.48 !important; } .disabled { pointer-events: none; } .fotnum { position: relative; top: -102px; left: 0px; width: 100%; height: 0px; text-align: center; font-size: 13px; line-height: 20px; font-weight: 400; pointer-events: none; } .fotrazd { margin: 0px 6px 0px 6px; } .fottek { font-weight: 700; } .backlink { display: block; font-weight: 400; font-size: 16px; line-height: 24px; padding: 0px 0px 0px 36px; margin: 0px 0px 0px 4px; position: relative; -webkit-transition: 0.4s; transition: 0.4s; border: none !important; } .backlink:hover { padding: 0px 0px 0px 40px; margin: 0px 0px 0px 0px; } .backlink::before { content: ''; display: block; width: 20px; height: 1px; position: absolute; top: 12px; left: 8px; background: #523866; } .backlink::after { content: ''; display: block; width: 8px; height: 16px; position: absolute; top: 4px; left: -3px; background: url("/local/templates/main/styles/../img/golink.svg") center center/7px no-repeat; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .inner ~ .footer { border-top: 1px solid #DCD7E0; margin: 240px 0px 0px 0px; } .pagination { border-top: 1px solid #21B3E4; padding: 38px 0px 64px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .pagcifr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .pagcifr a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; color: #444046 !important; -webkit-transition: 0.4s; transition: 0.4s; font-weight: 400; font-size: 18px; line-height: 24px; position: relative; border: none !important; } .pagcifr a:hover { color: #523866 !important; } .pagcifr a::after { content: ''; display: block; width: 16px; height: 2px; position: absolute; bottom: 0px; left: 50%; background: #523866; -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; } .pagcifr a:hover::after { opacity: 1; bottom: 10px; } .pagcifr a.active { color: #fff !important; background: #E86661; font-weight: 500; } .pagcifr a.active:hover { background: #523866; } .pagcifr a.active::after { display: none; } .pag-razd { font-weight: 400; font-size: 18px; line-height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 56px; height: 56px; } .pag-next { margin: 0px 0px 0px auto; cursor: pointer; } .flori { float: right; } .text-block { width: calc((((100% + 64px) / 4) - 64px) * 3 + 128px); margin: 0px auto 0px 0px; } .text-width { width: calc((((100% + 64px) / 4) - 64px) * 3 + 128px); } .text-block > *:last-child { margin-bottom: 0px; } .preslider { margin: 0px auto 220px 0px; } .invest-slider * { outline: none !important; } .invest-slider { margin: 80px 0px 0px 0px; width: 100%; overflow: hidden; } .invest-slider-pc { display: block !important; } @media (max-width: 950px) { .invest-slider-pc { display: none !important; } } .invest-slider-mobile { display: none !important; } @media (max-width: 950px) { .invest-slider-mobile { display: block !important; } } .invest-slide { border: 1px solid #DCD7E0; width: 454px; padding: 64px 40px 24px 40px; margin: 0px 32px 0px 32px; min-height: 608px; background: #ffffff;; } @media (max-width: 1300px) { .invest-slide { width: 350px; margin: 0 16px; padding: 32px 24px 20px 24px; } } .invest-slide-inner { opacity: 0.48; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .invest-slide.slick-current .invest-slide-inner { opacity: 1; } /* .invest-slide.slick-current { opacity: 1; } */ .invest-firs { opacity: 1 !important; border: none; width: 326px; /* padding: 196px 0px 0px 0px; */ padding: 0 !important; background: none; } .invest-firs-wrap { position: absolute; top: 50%; right: 50%; z-index: -1; transform: translate(-100%, -50%); } @media (max-width: 1300px) { .invest-firs-wrap { right: auto; left: 6vw; transform: translate(0, -65%); } } @media (max-width: 1100px) { .invest-firs-wrap { left: 4vw; } } @media (max-width: 950px) { .invest-firs-wrap { left: 88px; } } @media (max-width: 620px) { .invest-firs-wrap { left: 16px; } } .invest-firs-zag { font-size: 48px; line-height: 52px; font-weight: 400; color: #523866; margin: 0px 0px 32px 0px; } @media (max-width: 1100px) { .invest-firs-zag { font-size: 40px; line-height: 46px; } } .invest-firs-zag span { color: #E86661; } .invest-firs-text { font-size: 14px; line-height: 20px; color: #807A85; } .invest-ico { width: 120px; height: 120px; border-radius: 50%; background-position: center; background-size: cover; margin: 0px 0px 32px 0px; } .invest-zag { font-size: 24px; line-height: 32px; font-weight: 700; color: #444046; display: block; margin: 0px 0px 16px 0px; -webkit-transition: 0.4s; transition: 0.4s; } .invest-pos { font-size: 16px; line-height: 22px; } .invest-zag:hover { color: #523866; } .invest-text { color: #444046; display: block; margin: 0px 0px 32px 0px; -webkit-transition: 0.4s; transition: 0.4s; font-size: 18px; line-height: 24px; font-weight: 300; border: none !important; } .invest-text:hover { color: #523866; } .invest-ref { display: block; float: left; } .ivest-modal { display: none; position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background: #fff; padding: 167px 0px 64px 0px; overflow: auto; z-index: 10; } .ivest-modal .in { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; } .im-left { width: calc((((1600px + 64px) / 4) - 64px) * 1); } .im-right { width: calc((((100% + 64px) / 4) - 64px) * 3 + 128px); padding-left: 108px; } .ivest-modal .invest-ico { width: calc(((((1600px + 64px) / 4) - 64px) * 1) - 18px); height: calc(((((1600px + 64px) / 4) - 64px) * 1) - 18px); margin: 9px 9px 9px 9px; -webkit-box-shadow: 0px 0px 0px 8px #fff, 0px 0px 0px 9px #21B3E4; box-shadow: 0px 0px 0px 8px #fff, 0px 0px 0px 9px #21B3E4; } .ivest-modal .invest-zag { font-weight: 600; font-size: 48px; line-height: 52px; color: #523866; margin: 0px 0px 32px 0px; } .ivest-modal .invest-pos { font-weight: 300; font-size: 18px; line-height: 24px; margin: 0px 0px 80px 0px; } .ivest-modal .invest-text { font-size: 22px; line-height: 32px; } .ivest-modal .invest-text p { font-size: 22px; line-height: 32px; } .investor-close { position: absolute; top: -144px; right: 0px; cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; } .investor-close:hover { -webkit-filter: brightness(0) invert(52%) sepia(26%) saturate(1396%) hue-rotate(314deg) brightness(97%) contrast(87%); filter: brightness(0) invert(52%) sepia(26%) saturate(1396%) hue-rotate(314deg) brightness(97%) contrast(87%); } .invest-nav { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 64px 0px 0px 0px; } .invest-nav > div { border: 1px solid #7DDEFF; border-radius: 50%; width: 64px; height: 64px; margin: 0px 16px 0px 0px; cursor: pointer; -webkit-transition: 0.2s; transition: 0.2s; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translate(-148px, 0px); transform: translate(-148px, 0px); } .invest-nav > div.disabled { opacity: 0.48; } .invest-nav > div:hover { border-color: #21B3E4; } .invest-nav > div:first-child svg { position: relative; left: -1px; } .whiteblock { background: #fff; padding: 0px 0px 216px 0px; position: relative; z-index: 1; } .video-double-block { margin: 120px 0px 0px 0px; } .video-double-block .in { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .vd-left { width: calc(((((100% + 64px) / 4) - 64px) * 2 + 90px) + ((100vw - 100%) / 2)); height: 560px; margin: 0px 0px 40px calc((100vw - 100%) / 2 * -1); background: url("/local/templates/main/styles/../img/content/vid.png") center center/cover; position: relative; } .vd-left .refico { margin: 0px 0px 0px 0px; position: absolute; left: 64px; bottom: 52px; color: #fff; } .vd-left .refico::before { background-color: #E86661; background-image: url("/local/templates/main/styles/../img/playw.svg"); } .refico.ri-big::before { width: 120px; height: 120px; } .refico.ri-big { padding: 32px 0px 0px 172px; margin: 0px 0px 102px 0px; } .refico.ri-big.ri-tyr::before { background-image: url("/local/templates/main/styles/../img/3d.svg"); background-size: cover; } .refico.ri-big.ri-download::before { background-size: 68px auto; background-position: center; } .vd-right { width: 380px; max-width: 33%; margin: 0px 0px 0px auto; } .gray { background: #F8F8F8; } .text-block-two { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .invest-section-text p { margin: 0 0 48px 0; } .half-text { width: calc(50% - 32px); } .invest-section-text .half-text { width: calc(50% - 150px); } @media (max-width: 1400px) { .invest-section-text .half-text { width: calc(50% - 80px); } } @media (max-width: 950px) { .invest-section-text .half-text { width: 100%; } } .half-text h2 { margin-bottom: 80px; } .mainblock ul { list-style: none; } .mainblock li { font-weight: 300; padding: 0px 0px 0px 28px; margin: 0px 0px 24px 0px; position: relative; } .mainblock ul li::before { content: ''; display: block; width: 8px; height: 8px; position: absolute; top: 9px; left: 0px; background: #E86661; border-radius: 50%; } .half-text a { font-weight: 300; border-bottom: 1px solid #523866; } .half-text a:hover { color: #523866; border-bottom-color: transparent; } .gray .gray-block { margin: 0px 0px 0px 0px; } .mainblock + .gray-block { margin-top: 200px; } .inner-zag { font-size: 32px; line-height: 36px; color: #523866; font-weight: 400; } .inner-zag.anim { opacity: 0; } .inner-zag.anim.active { opacity: 1; } .inner-zag span { display: block; overflow: hidden; height: 36px; position: relative; } .inner-zag span span { position: absolute; top: 100%; left: 0px; -webkit-transition: 0.4s; transition: 0.4s; } .inner-zag.active span span { top: 0%; } .gray-block + .footer { border-top: none; margin-top: 0px; } .rast-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; margin: -164px 0px 180px 0px; height: 770px; } .rast-nav { width: calc((((100% + 64px) / 4) - 64px) * 1); margin: 314px 64px 0px 0px; } .rast-nav > div { width: 64px; height: 64px; border-radius: 50%; -webkit-box-shadow: inset 0px 0px 0px 1px #7DDEFF; box-shadow: inset 0px 0px 0px 1px #7DDEFF; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; margin: 0px auto 0px auto; -webkit-transition: 0.4s; transition: 0.4s; } .rast-nav > div:hover { -webkit-box-shadow: inset 0px 0px 0px 1px #21B3E4; box-shadow: inset 0px 0px 0px 1px #21B3E4; } .rast-nav > div:first-child { margin-bottom: 16px; } .rast-slide-num { position: absolute; top: 259px; left: calc(((100% + 64px) / 4) - 64px); width: 64px; text-align: right; font-size: 22px; line-height: 32px; } .tek-rast { font-weight: 500; } .cent-rast { margin: 0px 11px 0px 11px; } .rast-slide-list { width: 236px; margin: 479px 64px 0px 0px; position: relative; } .rast-slaid-num { position: absolute; top: 332px; left: 384px; font-size: 140px; line-height: 108px; color: #E86661; } .rast-slide-item { position: absolute; top: 100px; left: 0px; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; width: 100%; } .rast-slide-item.active { top: 0px; opacity: 1; } .rast-text { width: calc(100% - 84px); margin: 0px 0px 0px auto; font-weight: 500; font-size: 22px; line-height: 24px; } .rast-imp { width: 983px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: absolute; top: -269px; right: -696px; width: 983px; } .rast-imp svg { position: relative; z-index: 1; } .rastos { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); width: 1288px; height: 1288px; -webkit-transform-origin: center; transform-origin: center; transform-box: fill-box; } .rast-ico { position: absolute; top: 422px; left: -194px; width: 464px; height: 464px; background-size: cover; background-position: center; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: 0.2s linear; transition: 0.2s linear; z-index: 1; } .rast-ico.active { -webkit-transform: scale(1); transform: scale(1); } .rast-ico::before { content: ''; display: block; width: calc(100% + 30px); height: calc(100% + 30px); position: absolute; top: -16px; left: -16px; border: 1px solid #21B3E4; border-radius: 50%; } .rast-dot { position: relative; } /* .rast-circle { position: absolute; top: -87px; right: calc(-50% + 40px); width: 944px; height: 944px; border-radius: 50%; box-shadow: inset 0px 0px 0px 1px $blue; }*/ .big-gray-block { background: #F8F8F8; padding: 120px 0px 184px 0px; position: relative; overflow: hidden; } .big-gray-block.forpho { padding: 0px 0px 0px 0px; } .big-gray-block .gb-cirk:first-child { top: -60px; left: 50%; -webkit-transform: translate(calc(-100% - 48px), 0px); transform: translate(calc(-100% - 48px), 0px); } .big-gray-block .gb-cirk:last-child { top: 504px; left: 50%; -webkit-transform: translate(calc(-50% + 40px), 0px); transform: translate(calc(-50% + 40px), 0px); } .colsmeh { width: calc((((100% + 64px) / 4) - 64px) * 1); -webkit-transform: translate(-96px, 8px); transform: translate(-96px, 8px); font-size: 18px; line-height: 24px; position: relative; } .colsmeh::before { content: ''; display: block; width: 64px; height: 64px; position: absolute; top: -89px; left: -33px; background: url("/local/templates/main/styles/../img/doc.svg") center center/cover no-repeat; border: 1px solid #E86661; border-radius: 50%; } hr.grhr { width: 100%; height: 1px; border: none; background: 1px #21B3E4; margin: 80px 0px 181px 0px; } .vibor-block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .vibor-select { display: block; font-weight: 500; font-size: 48px; line-height: 52px; opacity: 0.32; -webkit-transition: 0.2s; transition: 0.2s; margin: 0px 0px 56px 0px; cursor: pointer; } .vibor-select:hover { opacity: 1; } .vibor-select.active { color: #21B3E4; opacity: 1; } .vibor-select:last-child { margin: 0px 0px 0px 0px; } .vibor-select-list { width: calc((((100% + 64px) / 4) - 64px) * 1); margin: 0px 64px 0px 0px; } .vibor-razdelitel { width: calc((((100% + 64px) / 4) - 64px) * 1); height: 100px; margin: 0px 64px 0px 0px; position: relative; /* transition: all 0.3s ease 0s; */ } .vibor-razdelitel::before { content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0px; left: 50%; background: #21B3E4; } .tab-zag { font-weight: 500; position: absolute; margin: 0px 0px 0px 0px; left: 0px; bottom: calc(100% + 40px); } .vibor-tab-list { width: calc((((100% + 64px) / 4) - 64px) * 2 + 64px); /* margin: 14px 0px 0px 0px; */ } .vibor-tab { display: none; position: relative; } .vibor-tab ul { margin-bottom: 0 !important; } .vibor-tab ul li:last-child { margin-bottom: 0 !important; } .vibor-block-mobile { display: none; } .ref3block { margin: 116px 0px 59px 0px; } .ref3block .in { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ref3block .refico { width: 30.533%; padding: 38px 0px 0px 153px; margin: 0px 0px 96px 0px; } .ri-big.ri-play::before { background-size: 26px 26px; background-position: 49px 46px; } h1 + .center-text { margin-top: 80px; } .mb80 { margin-bottom: 80px; } .maket2 { display: none; } b, strong { font-weight: 500; } blockquote, .blockquote, .blockquote2, .blockquote3 { color: #523866; } blockquote p:last-child, .blockquote p:last-child, .blockquote2 p:last-child, .blockquote3 p:last-child { margin: 0px 0px 32px 0px; } .blockquote2, blockquote.blockquote2, .blockquote3, blockquote.blockquote3 { position: relative; padding: 0px 0px 0px 48px; } .blockquote2::before { content: ''; display: block; width: 41px; height: 33px; position: absolute; top: 0px; left: -4px; background: url("/local/templates/main/styles/../img/quotes.svg") center center/contain no-repeat; } .blockquote3::before { content: ''; display: block; width: 4px; height: 100%; position: absolute; top: 0px; left: 6px; background: #21B3E4; } .mainblock a:not([class]) { color: #523866; border-bottom: 1px solid #523866; font-weight: 300; } .mainblock a:not([class]):visited { color: #E86661; border-bottom: 1px solid #E86661; } .mainblock a:not([class]):hover { border-bottom: 1px solid transparent; } .mainblock img { max-width: 100%; } /*Файлы*/ .file-in-text { position: relative; padding-left: 42px; font-weight: 300; } .doktextlist .file-in-text { display: block; } .file-in-text a { font-weight: 300; } .doc-info { margin: 0px 0px 0px 2px; color: #807A85; white-space: pre; } .text-block .file-in-text a:visited { color: #523866; border-color: #523866; } .file-in-text::before { content: ''; display: block; width: 32px; height: 32px; background: url(/local/templates/main/styles/../img/file-types/file.svg) center center no-repeat; position: absolute; top: -1px; left: 0px; background-size: 100%; } .file-in-text.pdf::before { background-image: url(/local/templates/main/styles/../img/file-types/pdf.svg); } .file-in-text.z7::before { background-image: url(/local/templates/main/styles/../img/file-types/7z.svg); } .file-in-text.aac::before { background-image: url(/local/templates/main/styles/../img/file-types/aac.svg); } .file-in-text.avi::before { background-image: url(/local/templates/main/styles/../img/file-types/avi.svg); } .file-in-text.bmp::before { background-image: url(/local/templates/main/styles/../img/file-types/bmp.svg); } .file-in-text.csv::before { background-image: url(/local/templates/main/styles/../img/file-types/csv.svg); } .file-in-text.doc::before { background-image: url(/local/templates/main/styles/../img/file-types/doc.svg); } .file-in-text.docx::before { background-image: url(/local/templates/main/styles/../img/file-types/docx.svg); } .file-in-text.flac::before { background-image: url(/local/templates/main/styles/../img/file-types/flac.svg); } .file-in-text.gif::before { background-image: url(/local/templates/main/styles/../img/file-types/gif.svg); } .file-in-text.gzip::before { background-image: url(/local/templates/main/styles/../img/file-types/gzip.svg); } .file-in-text.htm::before { background-image: url(/local/templates/main/styles/../img/file-types/htm.svg); } .file-in-text.html::before { background-image: url(/local/templates/main/styles/../img/file-types/html.svg); } .file-in-text.jpeg::before { background-image: url(/local/templates/main/styles/../img/file-types/jpeg.svg); } .file-in-text.jpg::before { background-image: url(/local/templates/main/styles/../img/file-types/jpg.svg); } .file-in-text.json::before { background-image: url(/local/templates/main/styles/../img/file-types/json.svg); } .file-in-text.mkv::before { background-image: url(/local/templates/main/styles/../img/file-types/mkv.svg); } .file-in-text.mp3::before { background-image: url(/local/templates/main/styles/../img/file-types/mp3.svg); } .file-in-text.mp4::before { background-image: url(/local/templates/main/styles/../img/file-types/mp4.svg); } .file-in-text.mpeg::before { background-image: url(/local/templates/main/styles/../img/file-types/mpeg.svg); } .file-in-text.odp::before { background-image: url(/local/templates/main/styles/../img/file-types/odp.svg); } .file-in-text.ods::before { background-image: url(/local/templates/main/styles/../img/file-types/ods.svg); } .file-in-text.odt::before { background-image: url(/local/templates/main/styles/../img/file-types/odt.svg); } .file-in-text.ogg::before { background-image: url(/local/templates/main/styles/../img/file-types/ogg.svg); } .file-in-text.png::before { background-image: url(/local/templates/main/styles/../img/file-types/png.svg); } .file-in-text.ppt::before { background-image: url(/local/templates/main/styles/../img/file-types/ppt.svg); } .file-in-text.pptx::before { background-image: url(/local/templates/main/styles/../img/file-types/pptx.svg); } .file-in-text.rar::before { background-image: url(/local/templates/main/styles/../img/file-types/rar.svg); } .file-in-text.rtf::before { background-image: url(/local/templates/main/styles/../img/file-types/rtf.svg); } .file-in-text.svg::before { background-image: url(/local/templates/main/styles/../img/file-types/svg.svg); } .file-in-text.tar::before { background-image: url(/local/templates/main/styles/../img/file-types/tar.svg); } .file-in-text.tgz::before { background-image: url(/local/templates/main/styles/../img/file-types/tgz.svg); } .file-in-text.tiff::before { background-image: url(/local/templates/main/styles/../img/file-types/tiff.svg); } .file-in-text.txt::before { background-image: url(/local/templates/main/styles/../img/file-types/txt.svg); } .file-in-text.vob::before { background-image: url(/local/templates/main/styles/../img/file-types/vob.svg); } .file-in-text.wav::before { background-image: url(/local/templates/main/styles/../img/file-types/wav.svg); } .file-in-text.webm::before { background-image: url(/local/templates/main/styles/../img/file-types/webm.svg); } .file-in-text.wma::before { background-image: url(/local/templates/main/styles/../img/file-types/wma.svg); } .file-in-text.wmv::before { background-image: url(/local/templates/main/styles/../img/file-types/wmv.svg); } .file-in-text.xls::before { background-image: url(/local/templates/main/styles/../img/file-types/xls.svg); } .file-in-text.xlsx::before { background-image: url(/local/templates/main/styles/../img/file-types/xlsx.svg); } .file-in-text.xml::before { background-image: url(/local/templates/main/styles/../img/file-types/xml.svg); } .file-in-text.zip::before { background-image: url(/local/templates/main/styles/../img/file-types/zip.svg); } /*Списки*/ .mainblock ul, .mainblock ol { list-style: none; margin: 0px 0px 32px 0px; padding: 0px 0px 0px 0px; } .mainblock li { position: relative; margin-bottom: 24px; display: block; } .mainblock ul li { margin-left: 32px; padding-left: 0px; } .mainblock ul > li::before { content: ''; display: block; width: 8px; height: 8px; background: #E86661; position: absolute; top: 14px; left: -32px; } .mainblock ul ul { margin: 24px 0px 0px 0px; } .mainblock ul > ul { margin: 32px 0px 32px 20px; } .mainblock ul ul > li::before { background: #444046; border-radius: 0%; width: 12px; height: 1px; top: 18px; } .mainblock ul ul ul > li::before { width: 8px; height: 8px; background: transparent; position: absolute; top: 14px; left: -28px; -webkit-box-shadow: inset 0px 0px 0px 1px #444046; box-shadow: inset 0px 0px 0px 1px #444046; border-radius: 50%; } .mainblock ul ul ul ul > li::before { background: #444046; border-radius: 0%; width: 6px; height: 6px; top: 15px; } .mainblock ul ul ul ul ul > li::before { -webkit-box-shadow: inset 0px 0px 0px 1px #444046; box-shadow: inset 0px 0px 0px 1px #444046; background: transparent; } .mainblock ol { counter-reset: point; padding-left: 32px; } .mainblock ol li { margin: 0px 0px 24px 0px; padding-left: 0px; } .mainblock ol ol { margin: 24px 0px 0px 0px; counter-reset: point2; padding-left: 48px; } .mainblock ol ol ol { counter-reset: point3; padding-left: 72px; } .mainblock ol ol ol ol { counter-reset: point4; padding-left: 88px; } .mainblock ol ol ol ol ol { counter-reset: point5; padding-left: 106px; } .mainblock ol li::before { color: #000; } .mainblock ol > li::before { content: counter(point) "."; counter-increment: point 1; display: inline-block; position: absolute; top: 0px; left: -32px; margin-right: 18px; font-weight: 500; } .mainblock ol ol > li::before { content: counter(point) "." counter(point2) "."; counter-increment: point2; margin-right: 8px; left: -48px; font-weight: 300; } .mainblock ol ol ol > li::before { content: counter(point) "." counter(point2) "." counter(point3) "."; counter-increment: point3; margin-right: 8px; left: -72px; } .mainblock ol ol ol ol > li::before { content: counter(point) "." counter(point2) "." counter(point3) "." counter(point4) "."; counter-increment: point4; margin-right: 8px; left: -88px; } .mainblock ol ol ol ol ol > li::before { content: counter(point) "." counter(point2) "." counter(point3) "." counter(point4) "." counter(point5) "."; counter-increment: point5; margin-right: 8px; left: -106px; } .mainblock ol li ul { margin: 20px 0px 0px 32px; } .mainblock ul li ol { margin: 20px 0px 0px 32px; } .text-block img { margin: 32px 0px 32px 0px; } .mainblock img[align="left"] { float: left; margin: 0px 32px 32px 0px; } .mainblock img[align="right"] { float: right; margin: 0px 0px 32px 32px; } /*Спойлеры*/ .spoiler { border-top: 1px solid #21B3E4; position: relative; } .spoiler::after { content: ''; display: block; -webkit-box-shadow: inset 0px 0px 0px 1px #21B3E4; box-shadow: inset 0px 0px 0px 1px #21B3E4; position: absolute; top: 32px; right: 0px; width: 64px; height: 64px; border-radius: 50%; pointer-events: none; opacity: 0.48; } .spoiler-name { font-weight: 500; font-size: 24px; line-height: 32px; cursor: pointer; padding: 47px 88px 48px 0px; position: relative; -webkit-transition: 0.2s; transition: 0.2s; } .spoiler.open .spoiler-name { padding: 47px 88px 48px 0px; } .spoiler-name p { font-weight: 500; font-size: 24px; line-height: 32px; margin: 0px 0px 0px 0px; } .spoiler-name::after { content: ''; display: block; position: absolute; top: 60px; right: 25px; width: 14px; height: 9px; background: url(/local/templates/main/styles/../img/spoiler.svg) center center/cover no-repeat; border-radius: 2px; -webkit-transition: 0.4s; transition: 0.4s; pointer-events: none; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .open .spoiler-name::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .spoiler-content { display: none; margin: 0px 0px 40px 0px; } .spoiler-content > ul:last-child { margin-bottom: 0px; } .spoiler-content > ul:last-child li:last-child { margin-bottom: 0px; } .spoiler-content > p:last-child { margin-bottom: 0px; } /*Таблицы*/ .mainblock { margin: 97px 0px 56px 0px; width: 100%; } .mainblock table { border-collapse: collapse; font-size: 18px; line-height: 24px; } .mainblock table th { padding: 19px 16px 19px 16px; text-align: left; font-weight: 500; font-size: 18px; line-height: 24px; background: #523866; color: #fff; } .mainblock table th p { margin: 0px 0px 0px 0px; font-weight: 500; font-size: 18px; line-height: 24px; text-align: left; } .mainblock table td { border: 1px solid #D3F0FA; padding: 19px 16px 19px 16px; font-size: 18px; line-height: 24px; max-width: 400px; } .mainblock table th p, .mainblock table td p { margin: 0px 0px 0px 0px; font-size: inherit; line-height: inherit; word-wrap: break-word; word-break: keep-all; } .mainblock table.clear-table, .mainblock table.clear-table td { border: none !important; } .mainblock table.clear-table th { border-right-color: #fff; } .mainblock table.clear-table th:last-child { border-right-color: #444046; } .mainblock table.clear-table, .mainblock table.clear-table:not(.odd) td { padding-left: 0px; } .mainblock table.odd tr:nth-child(odd) td { background: #F8F8F8; } p.d-text { font-size: 14px; line-height: 16px; color: #807A85; margin: -64px 0px 50px 0px; } .mCustomScrollbar + p.d-text { margin: -32px 0px 50px 0px; } /*Кастомный скролбар*/ .mainblock .mCSB_scrollTools { opacity: 1 !important; filter: "alpha(opacity=1)" !important; -ms-filter: "alpha(opacity=1) !important"; } .mainblock .mCSB_scrollTools.mCSB_scrollTools_horizontal { height: 10px; } .mainblock .mCSB_scrollTools .mCSB_draggerRail { background: red; border-radius: 12px; height: 4px; opacity: 0 !important; } .mainblock .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #523866; border-radius: 0px; height: 4px; opacity: 1; filter: "alpha(opacity=1)"; -ms-filter: "alpha(opacity=1)"; top: 0px; border-radius: 2px; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #523866 !important; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mainblock .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 3px; } .inner-top-zag { position: relative; margin: 16px 68px 0px -4px; width: calc((((100% + 64px) / 4) - 64px) * 2 + 64px); font-size: 0px; line-height: 36px; text-transform: unset; } .inner-top-zag > span { font-size: 32px; margin: 0px 4px 0px 4px; } .inner-top-zag span { height: 36px; } .top-blcok-wrap { overflow: hidden; max-width: 100%; position: relative; } .top-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0px 0px 0px 0px; padding: 0px 0px 92px 0px; } .top-ico-wrap { width: calc((((100% + 64px) / 4) - 64px) * 2 + 64px); } .top-ico { margin: -64px 0px 0px -32px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: 0.4s linear; transition: 0.4s linear; } .top-ico.active { -webkit-transform: scale(1); transform: scale(1); } .top-text-wrap { position: relative; top: -126px; left: 240px; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .top-num { font-size: 120px; line-height: 100px; color: #E86661; margin: 0px 0px 32px 0px; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; } .top-num span { min-width: 216px; display: inline-block; } .top-text { font-weight: 600; font-size: 16px; line-height: 22px; margin-left: 7px; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; } .top-info .gbcs { z-index: -1; } .top-info .gbcs .gb-cirk:first-child { top: 323px; left: calc(50% - 655px); } .top-info .gbcs .gb-cirk:last-child { top: 466px; left: calc(50% - 304px); } .infra-slider { height: 720px; padding: 120px 0px 0px 0px; } .infra-num { font-weight: 400; font-size: 13px; line-height: 20px; width: calc((((100% + 64px) / 4) - 64px) * 2 + 64px); margin: 0px auto 39px auto; padding: 0px 0px 0px 224px; } .infratek { font-weight: 700; margin: 0px 6px 0px 0px; } .infraall { margin: 0px 0px 0px 6px; } .infra-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 0px; } .infra-nav .slider-nav { margin: 0px 0px 0px 0px; } .active .infra-nav .slider-nav { width: calc((((100% + 64px) / 4) + 64px)); } .infra-top-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc((((100% + 64px) / 4) - 64px) * 2 + 64px); padding: 0px 80px 0px 128px; margin: -23px auto 0px auto; } .its-ico-list { position: relative; border: 1px solid #E86661; border-radius: 50%; width: 64px; height: 64px; overflow: hidden; } .its-ico-list img { position: absolute; top: 100%; left: 0px; } .its-ico-list img.cloned { top: 100%; } .its-text-list { position: relative; width: calc(100% - 96px); font-weight: 500; margin: 0px 0px 0px auto; overflow: hidden; height: 32px; } .its-text-list span { position: absolute; top: 100%; left: 0px; } .infra-slick-slide { font-size: 140px; line-height: 160px; color: #E86661; margin: 0px 0px 40px -75px; } .it-item { width: 368px; margin: 0px 144px 0px 0px; opacity: 0.48; -webkit-transition: 0.4s; transition: 0.4s; } .infra-slider .slick-current.it-item { opacity: 1; } .infra-text-list { width: calc((((100% + 64px) / 4) - 64px) * 2 + 64px); padding: 0px 0px 0px 0px; margin: 40px auto 0px auto; font-size: 22px; line-height: 24px; position: relative; } .infra-text-list::before { content: ''; display: block; width: 64px; height: 1px; position: absolute; top: 14px; left: 128px; background: #444046; } .infra-text-item { pointer-events: none; position: absolute; top: 0px; left: 0px; width: calc((((100% + 64px) / 4) - 64px) * 2 + 96px); left: 224px; } .infra-text-item.active { pointer-events: all; } .infra-text-item p { margin: 0px 0px 24px 0px; opacity: 0; position: relative; top: 40px; -webkit-transition: 0.4s; transition: 0.2s; } .infra-text-item.active p { opacity: 1; top: 0px; } .infra-text-item sup { font-size: 13px; line-height: 13px; } .infra-slider .slick-dots { display: none !important; } .scroll-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; margin: 108px 0px 0px 0px; } .scroll-ico-list { width: calc((((100% + 64px) / 4) - 64px) * 2 + 64px); margin: 0px 64px 0px 0px; position: -webkit-sticky; position: sticky; top: 0px; left: 0px; } .scroll-ico-view { width: calc(100% - 128px); height: calc(100vh - 160px); margin: 80px auto 0px auto; position: relative; overflow: hidden; } .scroll-ico-list img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; max-width: unset !important; min-height: 100%; } .scroll-ico-list img:first-child { z-index: 1; } .scroll-block { width: calc((((100% + 64px) / 4) - 64px) * 2 + 64px); padding: 304px 0px 304px 0px; } .scroll-item { margin: 0px 0px 176px 0px; } .scroll-item:last-child { margin-bottom: 0px; } .scroll-item:last-child *:last-child { margin-bottom: 0px; } .si-nums { font-size: 13px; line-height: 20px; font-weight: 400; margin: 0px 0px 0px 0px; } .si-nums span { margin: 0px 6px 0px 6px; } .scroll-block h2 { margin-top: 16px; } .plosh-block { margin: 64px 0px 18px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .weizag { font-weight: 600; font-size: 48px; line-height: 52px; text-align: center; color: #523866; margin: 0px 0px 80px 0px; width: 100%; } .vibor-plosh-list { width: calc((((100% + 64px) / 4) - 64px) * 2 + 64px); margin: 85px 64px 0px 0px; } .vp-item { width: 584px; max-width: 100%; margin: 0px 0px 32px 0px; cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; } .vp-item.active { margin: 0px 0px 56px 0px; } .vp-zag { font-weight: 500; font-size: 48px; line-height: 52px; opacity: 0.32; margin: 0px 0px 0px 0px; padding: 0px 0px 24px 0px; -webkit-transition: 0.4s; transition: 0.4s; } .vp-text { display: none; margin: 0px 0px 0px 0px; font-weight: 500; } .vp-item.active .vp-zag { opacity: 1; color: #21B3E4; } .plosh-map { width: calc((((100% + 64px) / 4) - 64px) * 2 + 64px); overflow: hidden; position: relative; } .plosh-map svg { max-width: 100%; } /*.map-fon { position: absolute; }*/ .mog1, .mog1 + path, .mog2, .mog2-1, .mog2-2, .tehpark, .syhport { -webkit-transition: 0.4s; transition: 0.4s; cursor: pointer; } .mog1.active { fill-opacity: 1; } .mog1.active + path { stroke: #fff; } .mog2.active { fill-opacity: 1; stroke: #fff; } .mog2.active ~ .mog2-dopp .mog2-1 { stroke: #fff; } .mog2.active ~ .mog2-dopp .mog2-2 { fill: #fff; } .tehpark.active { stroke: #fff; fill: #523866; fill-opacity: 1; } .syhport.active { stroke: #fff; fill: #523866; fill-opacity: 1; } .mog2-dopp { pointer-events: none; } .hidsli { overflow: hidden; } .rezident-top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; } .rezident-top h1 { position: absolute; top: 0px; left: 0px; width: 50%; } .rezident-left { width: calc((((100% + 64px) / 4) - 64px) * 1); margin: 0px 64px 0px 0px; } .rezident-right { width: calc((((100% + 64px) / 4) - 64px) * 2 + 64px); margin: 0px 0px 0px auto; } .rezident-slider { width: 406px; height: 406px; margin: 0px auto 129px auto; position: relative; pointer-events: none; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: 0.4s; transition: 0.4s; } .rezident-slider.active { -webkit-transform: scale(1); transform: scale(1); } .rezident-slider::before { content: ''; display: block; width: calc(100% + 18px); height: calc(100% + 18px); position: absolute; top: -9px; left: -9px; border-radius: 50%; -webkit-box-shadow: 0px 0px 0px 1px #21B3E4; box-shadow: 0px 0px 0px 1px #21B3E4; } .rezident-slider img { width: 406px; height: 406px; border-radius: 50%; object-fit: contain; } .rezident-slider .slick-list { opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .rezident-slider.active .slick-list { opacity: 1; } .rez-prok { font-size: 14px; line-height: 24px; color: #807A85; position: relative; top: 342px; left: 50%; padding: 0px 0px 0px 32px; } .rez-pro-scro { position: absolute; top: 0px; left: 0px; width: 1px; height: 32px; background: rgba(128, 122, 133, 0.2); overflow: hidden; } .rez-pro-scro-inner { width: 100%; height: 100%; position: absolute; top: -100%; left: 0px; background: #E86661; } .rez-tt { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: absolute; left: calc((100% + 64px) / 4); top: 50%; -webkit-transform: translate(0px, -85%); transform: translate(0px, -85%); } .rez-num { font-size: 120px; line-height: 100px; color: #E86661; } .rez-tt p { margin: 0px 0px 0px 8px; font-weight: 600; font-size: 16px; line-height: 22px; } .rez-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 79px 0px 56px 0px; } .rez-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(50% - 32px); margin: 0px 0px 64px 0px; } .rez-ico { background-size: 70% auto; background-position: center; border: 1px solid #D3F0FA; border-radius: 50%; width: calc(50% - 32px); height: 258px; margin: 0px 64px 0px 0px; position: relative; background-repeat: no-repeat; background-color: #fff; } .rez-cantr { position: absolute; top: 24px; left: calc(50% - 11px); width: 22px; height: 22px; border: 1px solid rgba(128, 122, 133, 0.2); border-radius: 50%; background-position: center; background-size: 24px auto; } .rez-cantr.rus { background-image: url(/local/templates/main/styles/../img/rrus.png); } .rez-cantr.brit { background-image: url(/local/templates/main/styles/../img/rbrit.png); } .rez-info { width: calc(50% - 32px); margin: 48px 0px 0px 0px; } .rez-zag { font-size: 24px; line-height: 32px; margin: 0px 0px 7px 0px; display: block; border: none !important; font-weight: 500; } .rez-zag:hover { color: #523866; } .rez-text { font-weight: 300; font-size: 16px; line-height: 22px; color: #444046; display: block; border: none !important; } .rez-text:hover { color: #523866; } .rez-zag:hover + .rez-text { color: #523866; } .rez-ico:hover + .rez-info .rez-text { color: #523866; } .rez-country-tag { font-size: 13px; line-height: 20px; color: #807A85; cursor: pointer; } .pb0 { padding-bottom: 0px; } .rez-hot { text-align: center; margin: 0px 0px 0px 0px; padding: 120px 0px 160px 0px; position: relative; } .rh-zag { font-weight: 500; font-size: 48px; line-height: 52px; color: #523866; margin: 0px 0px 64px 0px; } .rez-hot .gbcs .gb-cirk:first-child { -webkit-transform: translate(calc(-100% + 66px), 140px); transform: translate(calc(-100% + 66px), 140px); } .rez-hot .gbcs .gb-cirk:last-child { top: 0px; -webkit-transform: translate(calc(-100% + 676px), 320px); transform: translate(calc(-100% + 676px), 320px); } .rez-hot > *:not(.gbcs) { position: relative; z-index: 1; } .ankor-menu { margin: -16px 0px 120px 0px; font-size: 18px; line-height: 24px; } .ankor-menu a { font-weight: 500 !important; margin: 0px 28px 0px 0px; font-size: 18px; line-height: 24px; -webkit-transition: 0.4s; transition: 0.4s; color: #523866 !important; border: none !important; } .ankor-menu a:hover { color: #E86661 !important; } .section { padding: 80px 0px 0px 0px !important; } .gray-nadzag { font-weight: 500; font-size: 18px; line-height: 24px; margin: 0px 0px 80px 0px; } .text-zag { font-weight: 500; font-size: 48px; line-height: 52px; color: #523866; margin: 0px 0px 72px 0px; text-align: center; } .etap-steps { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(100% + 64px); margin: 0px 0px 23px 0px; } .etap-steps p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 80px; width: calc(33.3333% - 64px); margin: 0px 64px 0px 0px; font-weight: 600; font-size: 16px; line-height: 22px; cursor: pointer; } .etap-progress { width: 100%; height: 2px; margin: 0px 0px 0px 0px; background: #DCD7E0; } .etap-progress-fill { width: 0%; height: 100%; background: #21B3E4; -webkit-transition: 0.4s; transition: 0.4s; } .etap-name-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(100% + 64px); margin: 22px 0px 80px 0px; } .etap-name-list p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 80px; width: calc(33.3333% - 64px); margin: 0px 64px 0px 0px; font-size: 22px; line-height: 32px; cursor: pointer; } .etap-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .etap-nums { width: calc((((100% + 64px) / 4) - 64px) * 1); padding-left: 80px; margin: 0px 64px 0px 0px; } .razdnumetap { margin: 0px 10px 0px 10px; } .etap-graf { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc((((100% + 64px) / 4) - 64px) * 1); margin: 0px 64px 0px 0px; } .etap-ico-list { position: relative; width: 100px; height: 100px; border: 2px solid #E86661; border-radius: 50%; margin: 8px -3px 0px 0px; overflow: hidden; } .etap-ico { position: absolute; top: 100%; left: 0px; } .etap-num { font-size: 140px; line-height: 108px; color: #E86661; margin: 0px 0px 36px 0px; } .etap-etap { width: 100%; padding: 0px 0px 0px 108px; font-weight: 500; margin: 0px 0px 0px 0px; } .etap-info-list { width: calc((((100% + 64px) / 4) - 64px) * 2 + 64px); position: relative; } .etap-info-item { position: absolute; left: 0px; top: 0px; font-size: 40px; line-height: 48px; opacity: 0; } .etap-info-item p { margin: 0px 0px 0px 0px; } .etap-info-item > span { position: relative; display: inline-block; overflow: hidden; height: 48px; } .etap-info-item span span { position: relative; top: 100%; left: 0px; -webkit-transition: 0.4s; transition: 0.4s; } .etap-info-item.active span span { top: 0%; } .etap-slider-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 38px 0px 119px 0px; } .etap-slider-nav > div { width: 64px; height: 64px; border-radius: 50%; -webkit-box-shadow: inset 0px 0px 0px 1px #7DDEFF; box-shadow: inset 0px 0px 0px 1px #7DDEFF; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; margin: 0px 16px 0px 0px; -webkit-transition: 0.4s; transition: 0.4s; } .etap-slider-nav > div:hover { -webkit-box-shadow: inset 0px 0px 0px 1px #21B3E4; box-shadow: inset 0px 0px 0px 1px #21B3E4; } .etap-slider-nav > div:first-child { margin-left: 80px; } .etap-slider-nav > div.disabled { opacity: 0.48; } .hrb { width: 100%; height: 1px; border: none; background: #21B3E4; } .section .rez-hot { padding-bottom: 118px; } .mt120 { margin-top: 120px; } .inner-zag2 { font-size: 40px; line-height: 48px; font-weight: 400; color: #523866; margin: 0px 0px 64px 0px; } .colsmeh.redact { -webkit-transform: translate(0px, -23px); transform: translate(0px, -23px); } .colsmeh.redact::before { background-image: url("/local/templates/main/styles/../img/red.svg"); } .pok-slider { overflow: hidden; width: 848px; height: 848px; position: relative; margin: -83px auto -56px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pok-slider-outer { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .pok-inner { width: 496px; height: 496px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pok-os { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .pok-content { position: absolute; top: 14px; left: 14px; width: calc(100% - 28px); height: calc(100% - 28px); background: #F8F8F8; border-radius: 50%; pointer-events: none; } .pok-num { width: 100%; text-align: center; font-size: 13px; line-height: 20px; margin: 80px 0px 30px 0px; } .pok-num b { font-weight: 700; } .pokrazd { margin: 0px 6px 0px 6px; } .pok-zag-list { width: 324px; margin: 32px auto 32px auto; position: relative; height: 160px; } .pok-zag-list::before { content: ''; display: block; width: 64px; height: 1px; position: absolute; bottom: -16px; left: 50%; -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); background: #DCD7E0; } .pok-zag { position: absolute; top: 0px; left: 0px; width: 100%; text-align: center; font-weight: 500; font-size: 24px; line-height: 20px; color: #523866; visibility: hidden; } /*.pok-zag.active { pointer-events: all; }*/ .pok-zag span { display: inline-block; height: 32px; position: relative; overflow: hidden; } .pok-zag span span { position: relative; top: 100%; left: 0px; -webkit-transition: 0.4s; transition: 0.4s; } .pok-zag.active span span { top: 0%; } .pok-text-list { font-size: 18px; line-height: 24px; position: relative; text-align: center; width: 324px; margin: 0px auto 0px auto; } .pok-text-item { position: absolute; top: 0px; left: 0px; width: 100%; opacity: 0; top: 50px; -webkit-transition: 0.4s; transition: 0.4s; } .pok-text-item.active { opacity: 1; top: 0px; } .pokdotreal { position: absolute; width: 64px; height: 64px; z-index: 2; background: #fff; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 700; font-size: 24px; line-height: 32px; top: 0px; left: 0px; -webkit-transform: translate(calc(-50% + 5px), calc(-50% + 5px)); transform: translate(calc(-50% + 5px), calc(-50% + 5px)); cursor: pointer; visibility: hidden; border: 1px solid #D3F0FA; color: rgba(68, 64, 70, 0.48); -webkit-transition: all 0.4s top 0s left 0s; transition: all 0.4s top 0s left 0s; } .pokdotreal:hover { border-color: #21B3E4; color: #444046; } .pokdotreal.active { border-color: #E86661; background: #E86661; color: #fff; opacity: 1; cursor: default; pointer-events: none; } .doc-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 80px 0px 120px 0px; } .doc-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-top: 1px solid rgba(33, 179, 228, 0.2); margin: 0px 0px 30px 0px; width: 100%; cursor: pointer; border-bottom: none !important; } .doc-name { font-weight: 400 !important; font-size: 24px; line-height: 32px; -webkit-transition: 0.2s; transition: 0.2s; margin: 47px 0px 0px 0px; max-width: calc(100% - 350px); border-bottom: none; color: #444046; } .file-in-text .doc-name { color: #523866; border-bottom: 1px solid #523866; } .file-in-text .doc-name:hover { border-bottom: none; color: #444046; } .doc-item:hover .doc-name { color: #523866; } .doc-size { margin: 47px 0px 0px auto; font-weight: 300; font-size: 18px; text-transform: uppercase; color: #807A85; } .doc-ico { margin: 32px 0px 0px 88px; width: 64px; height: 64px; border: 1px solid rgba(128, 223, 255, 0.48); border-radius: 50%; background: url(/local/templates/main/styles/../img/download.svg) center center/48px auto no-repeat; -webkit-transition: 0.2s; transition: 0.2s; } .doc-item:hover .doc-ico { border: 1px solid #80dfff; } /*Блоки*/ .forma { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc((((100% + 64px) / 4) - 64px) * 2); margin: 80px auto 0px auto; } .forma label { width: 100%; position: relative; margin: 0px 0px 40px 0px; line-height: 0px; } .forma label.w75 { width: calc(75% - 16px); } .forma label.w66 { width: calc(66.666% - 32px); } .forma label.w50 { width: calc(50% - 32px); } .forma label.w33 { width: calc(33.333% - 32px); } .forma label.w25 { width: calc(25% - 32px); } .check-label { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .check-label span { font-size: 18px; line-height: 32px; width: calc(100% - 48px); } .label-zag { display: block; position: relative; font-size: 18px; line-height: 24px; margin: 0px 0px 8px 0px; } .label-zag span { margin: 0px 0px 0px 4px; } .label-zag .gra { color: #807A85; } .forma input, .forma textarea, .jq-selectbox { font-weight: 400; font-size: 16px; line-height: 24px; font-style: normal; color: #444046; width: 100%; padding: 14px 17px; border: none; font-family: inherit; border: 1px solid #DCD7E0; font-family: 'IBMPlexSans'; } .forma textarea { height: 108px; } .forma input.error, .forma textarea.error { border-color: #E86661; } .forma .jq-selectbox label.error ~ .jq-selectbox__select { border-color: #E86661; } .forma label.error { position: absolute; left: 0px; top: calc(100% + 0px); font-weight: 500; font-size: 16px; line-height: 24px; color: #E86661; margin: 0px 0px 0px 0px; } .datep { background: url(/local/templates/main/styles/../img/datep.svg) right center/auto 100% no-repeat; } .forma input[type="submit"] { color: #fff; font-size: 18px; line-height: 24px; font-weight: 400; border: none; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 16px 40px 16px 40px; cursor: pointer; } /*Формстайлер*/ .jq-selectbox { cursor: pointer; height: 54px; z-index: 10; padding: 0px !important; } .jq-selectbox__select { position: relative; top: 0px; width: 100%; height: 100%; left: 0px; padding: 14px 17px; color: #807A85; } .changed .jq-selectbox__select { color: #444046; } .jq-selectbox__trigger { width: 25px; height: 11px; background: url(/local/templates/main/styles/../img/select-trigger.svg) center center/contain no-repeat; position: absolute; top: 22px; right: 18px; } .jq-selectbox__dropdown { top: 100% !important; background: #fff; padding: 0px 0px; left: 0px; -webkit-box-shadow: 0px 5px 12px -7px #444046; box-shadow: 0px 5px 12px -7px #444046; border-radius: 0px 0px 2px 2px; z-index: 10; inset: 100% auto auto 0px !important; max-width: 100%; } .jq-selectbox__dropdown ul { margin: 0px 0px 0px 0px; } .jq-selectbox__dropdown ul li { margin: 0px 0px 0px 0px; max-width: 100%; white-space: break-spaces; padding: 8px 20px; } .jq-selectbox__dropdown ul li.sel, .jq-selectbox__dropdown ul li:hover { background: #21B3E4; color: #fff; } .jq-selectbox__dropdown ul li:before { display: none; } .jq-selectbox select, .jq-select-multiple select { position: absolute; width: 1px; height: 1px; } .jq-checkbox, .jq-radio { width: 32px; height: 32px; border-radius: 2px; -webkit-box-shadow: inset 0px 0px 0px 1px #DCD7E0; box-shadow: inset 0px 0px 0px 1px #DCD7E0; -webkit-transition: 0.2s; transition: 0.2s; vertical-align: -9px; margin: 0px 16px 0px 0px; background: transparent; } .jq-radio { border-radius: 50%; } .jq-checkbox.checked, .jq-radio.checked { background: #fff; -webkit-box-shadow: inset 0px 0px 0px 1px #523866; box-shadow: inset 0px 0px 0px 1px #523866; } .jq-checkbox .jq-checkbox__div { width: 14px; height: 10px; background: url(/local/templates/main/styles/../img/chek.svg) center center/contain no-repeat; position: absolute; top: 12px; left: 10px; -webkit-transition: 0.2s; transition: 0.2s; opacity: 0; } .jq-checkbox.checked .jq-checkbox__div { opacity: 1; } .jq-radio .jq-radio__div { width: 8px; height: 8px; background: #E86661; position: absolute; top: 12px; left: 12px; -webkit-transition: 0.2s; transition: 0.2s; opacity: 0; border-radius: 50%; } .jq-radio.checked .jq-radio__div { opacity: 1; } .jq-checkbox label.error, .jq-radio label.error { width: 100%; height: 100%; top: 0px; left: 0px; font-size: 0px; -webkit-box-shadow: inset 0px 0px 0px 1px #E86661; box-shadow: inset 0px 0px 0px 1px #E86661; } .jq-radio label.error { border-radius: 50%; } .file-div { padding-bottom: 0px; width: 100%; margin: 4px 0px 46px 0px; } label.file-label { cursor: pointer; position: relative; display: block; margin: 0px 0px 24px 0px !important; } label.file-label + label.file-label { display: block; margin: 0px 0px 8px 0px !important; height: 32px; } label.file-label:last-child { margin: 0px 0px 0px 0px !important; } .jq-file { height: 54px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify-content; -ms-flex-pack: justify-content; justify-content: justify-content; padding: 0px 0px; overflow: visible; } .jq-file__name { display: none; } .changed.jq-file .jq-file__name { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 100%; font-weight: 300; font-size: 18px; line-height: 32px; padding: 0px 0px 0px 64px; color: #523866; } .forma .input-clear { position: absolute; bottom: -24px; right: 20px; font-size: 14px; line-height: 14px; width: 200px; text-align: right; z-index: 1; cursor: pointer; } .jq-file__browse { float: left; color: #523866; font-weight: 500; font-size: 18px; line-height: 32px; position: relative; } .changed.jq-file .jq-file__browse { display: none; } .jq-file__browse::before { content: ''; display: block; width: 64px; height: 64px; position: absolute; top: -16px; right: -104px; background: url("/local/templates/main/styles/../img/file.svg") center center/cover no-repeat; border-radius: 50%; border: 1px solid #D3F0FA; -webkit-transition: 0.4s; transition: 0.4s; } .jq-file__browse:hover::before { border-color: #21B3E4; } .jq-file input { opacity: 0; position: absolute; top: 0px; left: 0px; height: 1px; width: 1px; } .added-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify-content; -ms-flex-pack: justify-content; justify-content: justify-content; width: 100%; } .added-comp { width: 100%; cursor: pointer; margin: 0px 0px 32px 0px; } .devared { width: 100%; } .prapo { font-weight: 300; font-size: 14px; line-height: 24px; } /*Датапикер*/ .ui-datepicker { z-index: 11 !important; } .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 gray; background: #fff; font-weight: normal; text-align: center; color: #444046; border-radius: 2px; } .ui-datepicker-current-day { border: none; background: #21B3E4; color: #fff; } .ui-datepicker-current-day .ui-state-active { border: none; background: #21B3E4; color: #fff; } /*Гугл капча*/ .captcha { margin: 0px 0px 48px 0px; position: relative; width: 100%; } .recap-error { position: absolute; top: 0px; left: 0px; width: 301px; height: 75px; border-radius: 2px; pointer-events: none; z-index: 1; } label.error ~ .recap-error { -webkit-box-shadow: 0px 0px 0px 1px #E86661; box-shadow: 0px 0px 0px 1px #E86661; } .rezident-card .rezident-left { padding: 64px 0px 0px 0px; opacity: 0; } .rez-param { margin: 0px 0px 16px 0px; } .rez-param p { margin: 0px 0px 0px 0px; } .param-name { color: #807A85; font-size: 13px; line-height: 20px; text-transform: uppercase; } .param-data { font-size: 18px; line-height: 24px; } .tr-zag { font-size: 32px; line-height: 36px; color: #523866; } .rezident-card .rezident-slider { margin-bottom: 47px; } .rezident-card .ankor-menu { margin: 0px 0px 80px 0px; } .left-zag { text-align: left; } .text-block-two + h2 { margin-top: 48px; } .preslider { margin: 0px auto 188px 0px; } .section { padding-bottom: 1px !important; } .purpleblock { background: #523866; color: #fff; } .purpleblock * { color: #fff; } .afterzag + .foto-nav { margin-top: 0px; } .cont-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(100% + 64px); } .cont-row a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border: none !important; width: calc(33.333% - 64px); margin: 0px 64px 0px 0px; padding: 0px 0px 0px 48px; background-position: 0px 0px; background-repeat: no-repeat; } .cont-row a:hover { color: #fff; } .cont-row a.tel { background-image: url("/local/templates/main/styles/../img/telte.svg"); } .cont-row a.mail { background-image: url("/local/templates/main/styles/../img/mail.svg"); } .cont-row a.link { background-image: url("/local/templates/main/styles/../img/linko.svg"); } .cont-row hr { width: 100%; height: 1px; /* background: #DCD7E0; */ border: none; margin: 20px 0; } .phr { background: #fff; opacity: 0.08; width: 100%; height: 1px; -ms-flex-negative: 0; flex-shrink: 0; clear: both; margin: 80px 0px 80px 0px; } .cont-row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0px 0px 88px 0px; } .mapref { border: none !important; font-weight: 300; font-size: 16px; padding: 0px 0px 0px 48px; background-position: 0px 0px; background-repeat: no-repeat; background-image: url("/local/templates/main/styles/../img/mapko.svg"); margin: 0px auto 0px 0px; pointer-events: none; } .mapref:hover { color: #fff; } .cont-row-2 .golink { margin-top: 0px; } .cont-row-2 .golink::before { background: #fff; } .cont-row-2 .golink:hover::before { background: #E86661; } .vac-list { margin-bottom: 4px; } .pb80 { margin-bottom: 80px; } .vac-list a { border: none !important; } .vac-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 40px 0px 40px 0px; border-top: 1px solid #21B3E4; } .vac-half { width: calc(50% - 32px); position: relative; } .vac-zag { font-size: 32px; line-height: 44px; display: block; margin: 0px 0px 32px 0px; } .vac-who { position: absolute; left: 0px; bottom: 0px; font-size: 16px; line-height: 24px; font-weight: 400; } .zp-bottom { position: absolute; left: 0px; bottom: 0px; width: 100%; } .vac-zp { font-weight: 500; margin: 0px 0px 24px 0px; font-size: 22px; line-height: 32px; } .zp { font-weight: 300; text-transform: uppercase; color: #807A85; } .zp-text { font-size: 18px; line-height: 24px; margin: 0px 0px 43px 0px; } .vaclen { font-size: 18px; line-height: 24px; margin: 8px 0px 36px 0px; } .vaclen .zp-text { margin: 0px 0px 0px 0px; } .zp-bottom { font-size: 16px; line-height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .zp-bottom .golink { margin: 0px 0px 0px auto; font-size: 16px; line-height: 24px; } .afterback { margin: 0px 0px 240px 0px; } .fot0 ~ .footer { border-top: 1px solid #DCD7E0; margin-top: 0px; } .text-block-two + .foto-nav { margin-top: 80px; } .vac-form { width: 100%; margin: 16px 0px 40px 0px; } .vac-form label { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border: 1px solid #DCD7E0; } .vac-form-pan { margin: 18px 48px 20px 32px; font-size: 22px; line-height: 24px; color: #807A85; position: relative; letter-spacing: -0.2px; } .vac-form-pan::before { content: ''; display: block; width: 1px; height: 32px; position: absolute; top: -3px; right: -34px; background: #DCD7E0; } .vac-form-sel { -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .vac-form .jq-selectbox { border: none; font-size: 22px; line-height: 32px; } .vac-form .jq-selectbox__select { color: #444046; } .vac-form .jq-selectbox__trigger { top: 26px; } .text-block + .afterzag { margin: 40px 0px 68px 0px; } .afterzag a + a { margin-left: 36px; } .afterzag a + span { float: right; } .big-zp { font-size: 18px; line-height: 24px; color: #807A85; } .big-zp b { font-size: 40px; line-height: 48px; color: #444046; margin: 0px 0px 0px 12px; letter-spacing: -0.8px; } .pb98 { padding-bottom: 98px; } .removefile { position: absolute; top: 0px; left: 0px; width: 32px; height: 32px; background: url("/local/templates/main/styles/../img/del.svg") center center/cover no-repeat; display: none; } .jq-file.changed { height: 32px; } .jq-file.changed + .removefile { display: block; } .jq-file.changed.notload + .removefile { display: none; } .jq-file.changed.notload .jq-file__name { padding-left: 0px; } .pb120 { padding-bottom: 120px; } .partne { margin-bottom: 0px; } .partne .rez-zag { color: #444046; } .partne .rez-text { font-size: 13px; line-height: 20px; color: #523866; width: -webkit-max-content; width: -moz-max-content; width: max-content; position: relative; } .partne .rez-text::after { content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0px; bottom: 4px; background: #523866; } .partne .rez-zag:hover { color: #523866; } .partne .rez-ico:hover + .rez-info .rez-zag { color: #523866; } .partne .rez-text:hover { border-color: transparent !important; } .partne .rez-ico:hover + .rez-info .rez-text:after { background: transparent; } .partne .rez-zag:hover + .rez-text:after { background: transparent; } h1 + .filtr { margin-top: 80px; } .videogal .fotogal-item { margin-bottom: 24px; } .videogal .fotogal-item .refico { position: absolute; left: 24px; bottom: 2px; pointer-events: none; } .videogal .fotogal-item .refico:before { background-color: #E86661; background-image: url("/local/templates/main/styles/../img/playw.svg"); } .videoblock { margin: 80px 0px 65px 0px; position: relative; line-height: 0px; width: 750px; max-width: 100%; height: 420px; overflow: hidden; } .video-prev { position: relative; top: 0px; left: 0px; min-width: 100%; max-width: unset !important; min-height: 100%; } .video-play { background: rgba(0, 0, 0, 0.32); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%; cursor: pointer; } .vpbutton { width: 120px; height: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #E86661; border-radius: 50%; } .videoblock iframe { display: none; } #video #video__player { width: 100%; } .center-zag { text-align: center; } .md120 { margin: 0px 0px 120px 0px; } h2.center-zag { margin: 80px 0px 85px 0px; } .center-zag + .doc-list { margin: 80px 0px 80px 0px; } .nohidden { overflow: visible; } .rez-top-ico-wrap { position: relative; z-index: -1; } .rezci { max-width: 910px; position: absolute; top: -284px; pointer-events: none; left: 50%; -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } .rezci circle { -webkit-transform-origin: center; transform-origin: center; transform-box: fill-box; } .rez-top-ico { margin: 0px auto 0px auto; width: 424px; height: 424px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #21B3E4; border-radius: 50%; padding: 12px; overflow: hidden; } .rez-top-ico img { width: 400px; height: 400px; } .video--wrapper { position: relative; width: 100%; height: 704px; border: 1px solid #21B3E4; border-radius: 50%; z-index: 1; } .video__preview { position: absolute; top: 20px; left: 20px; width: calc(100% - 40px); height: 664px; overflow: hidden; border-radius: 50%; } .video__preview img { max-width: inital !important; min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .img-play-wrap { display: block; position: absolute; top: 20px; left: 20px; width: calc(100% - 40px); height: 664px; overflow: hidden; border-radius: 50%; background: rgba(0, 0, 0, 0.32); z-index: 1; cursor: pointer; } .play { position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px solid #E86661; border-radius: 50%; } .video__player { margin: 0px auto 0px auto; display: block; max-width: 90vw; width: max-content; } .video__player video { display: block; margin: 16px auto 0px auto; max-width: 100%; max-height: 88vh; } .video__player .mfp-close { color: #fff; } .rez-min-slider { width: calc((((100% + 64px) / 4) - 64px) * 1); margin: 0px 96px 0px auto; padding: 120px 0px 0px 0px; } .rez-min-num { font-size: 13px; line-height: 20px; margin: 0px 0px 24px 0px; } .rez-min-num b { font-weight: 700; } .razd-rm { margin: 0px 6px 0px 6px; } .rm-ico { position: relative; left: -32px; overflow: hidden; width: 64px; height: 64px; border: 1px solid #E86661; border-radius: 50%; margin: 0px 0px 24px 0px; } .rm-ico img { position: absolute; left: 0px; top: 100%; } .rm-text-list { font-size: 18px; line-height: 24px; position: relative; height: 224px; overflow: hidden; } .rm-text { position: absolute; top: 100px; left: 0px; width: 100%; opacity: 0; pointer-events: none; -webkit-transition: 0.4s; transition: 0.4s; } .rm-text.active { top: 0px; opacity: 1; pointer-events: all; } .rm-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; left: -32px; } .rm-nav > div { border: 1px solid #7DDEFF; border-radius: 50%; width: 64px; height: 64px; margin: 0px 16px 0px 0px; cursor: pointer; -webkit-transition: 0.2s; transition: 0.2s; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: 0.2s; } .rm-nav > div:hover { border-color: #21B3E4; } .rm-nav > div.disabled { opacity: 0.48; pointer-events: none; } .grbott .gb-cirk:first-child { top: auto; bottom: -57px; } .grbott .gb-cirk:last-child { top: auto; bottom: -506px; } .mb64 { margin-bottom: 64px; } .uslug-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(100% + 64px); margin: 80px 0px 0px 0px; } .text-block-two .uslug-list { margin: 0px 0px 0px 0px; } .us-col { width: calc(50% - 64px); margin: 0px 64px 0px 0px; } .us-col:nth-child(2) { margin: 64px 64px 0px 0px; } .uslug-item { background: #F8F8F8; padding: 32px; position: relative; cursor: pointer; -webkit-transition: 0.2s; transition: 0.2s; width: calc(33.33% - 64px); margin: 0px 64px 64px 0px; height: 640px; } .uslug-item:hover { background: #21B3E4; color: #fff; } .uslug-item::before, .uslug-item::after { content: ''; display: block; width: 16px; height: 2px; position: absolute; top: 43px; right: 36px; background: #E86661; -webkit-transition: 0.2s; transition: 0.2s; } .uslug-item::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .uslug-item:hover::before, .uslug-item:hover::after { background: #fff; } .us-col .uslug-item { width: 100%; height: 424px; margin: 0px 0px 64px 0px; } .us-class { font-size: 18px; line-height: 24px; font-weight: 400; margin: 0px 0px 0px 0px; } .us-name { position: absolute; left: 32px; bottom: 32px; width: calc(100% - 64px); margin: 0px 0px 0px 0px; font-weight: 500; font-size: 24px; line-height: 32px; color: #523866; -webkit-transition: 0.2s; transition: 0.2s; } .uslug-item:hover .us-name { color: #fff; } .us-ico { width: 180px; height: 180px; border: 1px solid #E86661; border-radius: 50%; margin: 128px auto 0px auto; background-position: center; background-size: cover; } .us-col .us-ico { width: 120px; height: 120px; margin: 64px auto 0px auto; } .uslug-item:hover .us-ico { -webkit-filter: grayscale(1) brightness(10); filter: grayscale(1) brightness(10); } .bpad { padding: 120px 0px 96px 0px !important; } .us-col .golink:last-child { margin: 80px 0px 0px 0px; font-size: 16px; line-height: 24px; font-weight: 500; display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .uslug-modal { display: none; position: relative; /* position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -42%); transform: translate(-50%, -42%); */ background: #F8F8F8; margin: 0 auto; padding: 64px; z-index: 10; cursor: auto; color: #444046; width: 900px; max-width: calc(100% - 128px); /* max-height: 80vh; */ /* overflow: auto; */ } .uslug-item .uslug-modal { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 80vh; overflow: auto; max-width: calc(100vw - 128px); } .modal-over { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; padding: 120px 0; background: rgba(0, 0, 0, 0.32); z-index: 9; overflow: auto; /* opacity: 0.32; */ } .uslug-close { position: absolute; top: 32px; right: 32px; cursor: pointer; -webkit-transition: 0.2s; transition: 0.2s; } .uslug-close:hover { -webkit-filter: brightness(0) invert(52%) sepia(26%) saturate(1396%) hue-rotate(314deg) brightness(97%) contrast(87%); filter: brightness(0) invert(52%) sepia(26%) saturate(1396%) hue-rotate(314deg) brightness(97%) contrast(87%); } .modal-zag { font-size: 40px; line-height: 48px; font-weight: 400; color: #523866; margin: 0px 0px 40px 0px; } .modal-afterzag { display: none; margin: 0px 0px 64px 0px; font-size: 16px; line-height: 24px; color: #444046 !important; border: none !important; } .modal-afterzag:hover { color: #523866 !important; } .hidover { overflow: hidden; } .lkr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .lkbleft { width: calc(50% - 32px); font-size: 48px; line-height: 52px; -webkit-transform: translate(0px, -48px); transform: translate(0px, -48px); } .lkbleft:hover { color: #fff; } .lkbw { width: calc(50% - 32px); margin: -40px 0px 40px auto; position: relative; height: 784px; } .lkbw svg { -ms-flex-negative: 0; flex-shrink: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .lkrcb { width: 1366px; height: 1366px; } .lkrcb circle { stroke-width: 0.4; -webkit-transform-origin: center; transform-origin: center; transform-box: fill-box; } .lkrcm { width: 704px; height: 704px; } .lkrcm circle { stroke-width: 1.2; -webkit-transform-origin: center; transform-origin: center; transform-box: fill-box; } .lk-big-button { width: 324px; height: 324px; border: 1px solid #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .lk-big-button-content { width: calc(100% - 18px); height: calc(100% - 18px); background: #E86661; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .lk-big-button-content .golink { position: absolute; left: 50%; bottom: 36px; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); font-size: 16px; line-height: 24px; font-weight: 500; color: #523866; } .lk-big-button-content .golink::after { -webkit-filter: brightness(10); filter: brightness(10); } .newlist { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 40px 0px 240px 0px; } .new-item { width: calc(50% - 32px); background: #F8F8F8; height: 415px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0px 0px 64px 0px; } .ni-ico { width: 120px; height: 120px; border: 1px solid #E86661; border-radius: 50%; -webkit-transform: translate(0px, -17px); transform: translate(0px, -17px); } .ni-name { font-weight: 500; font-size: 24px; line-height: 32px; font-weight: 500; color: #523866; position: absolute; left: 32px; bottom: 32px; margin: 0px 0px 0px 0px; } .new-item::before { content: ''; display: block; width: 20px; height: 1px; position: absolute; top: 43px; right: 44px; background: #523866; -webkit-transition: 0.2s; transition: 0.2s; } .new-item:hover::before { right: 40px; } .new-item::after { content: ''; display: block; width: 8px; height: 16px; position: absolute; top: 36px; right: 32px; background: url("/local/templates/main/styles/../img/golink.svg") center center/8px no-repeat; } .top-blcok-wrap .cont-row { margin: 78px 0px 0px 0px; font-size: 24px; line-height: 32px; } .top-blcok-wrap .cont-row a, .top-blcok-wrap .cont-row a:visited { color: #444046; } .top-blcok-wrap .cont-row a:hover, .top-blcok-wrap .cont-row a:visited:hover { color: #523866; } .top-blcok-wrap .cont-row a.tel { background-image: url("/local/templates/main/styles/../img/telor.svg"); } .top-blcok-wrap .cont-row a.fax { background-image: url("/local/templates/main/styles/../img/faxor.svg"); } .top-blcok-wrap .cont-row a.mail { background-image: url("/local/templates/main/styles/../img/mailor.svg"); color: #523866; position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .top-blcok-wrap .cont-row a.mail::before { content: ''; display: block; width: calc(100% - 48px); height: 1px; position: absolute; bottom: 0px; right: 0px; background: #523866; -webkit-transition: 0.2s; transition: 0.2s; } .top-blcok-wrap .cont-row a.mail:hover::before { background: transparent; } .top-blcok-wrap .phr { background: #DCD7E0; opacity: 1; } .top-blcok-wrap .mapref { background-image: url("/local/templates/main/styles/../img/mapor.svg"); font-size: 24px; line-height: 32px; color: #444046; } #map { width: 100%; height: 600px; margin: 0px 0px 0px 0px; } .big-gray-block + .footer { border-top: none; } .our-team { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(100% + 64px); margin: 100px 0px 56px 0px; } .member { width: calc(33.333% - 64px); margin: 0px 64px 48px 0px; position: relative; } .ot-ico { width: 100%; height: 564px; background-position: center; background-size: cover; margin: 0px 0px 40px 0px; } .ot-ico ~ .ot-ico { position: absolute; top: 0px; left: 0px; opacity: 0; pointer-events: none; transition: 0.5s; } .ot-ico:hover ~ .ot-ico { opacity: 1; } .ot-name { font-size: 24px; line-height: 32px; font-weight: 400; margin: 0px 0px 20px 0px; } .ot-psoition { font-size: 16px; line-height: 24px; color: #807A85; margin: 0px 0px 32px 0px; } .ot-cont { margin: 0px 0px 0px 0px; font-size: 14px; line-height: 22px; } .ot-cont a { font-weight: 600; font-size: 14px; line-height: 22px; display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0px 0px 16px 0px; border: none !important; padding-left: 24px; font-weight: 600 !important; position: relative; } .ot-cont a::before { content: ''; display: block; width: 16px; height: 22px; position: absolute; top: 0px; left: 0px; } .ot-cont a[href^="tel"] { color: #444046; } .ot-cont a[href^="tel"]:hover { color: #523866; } .ot-cont a[href^="tel"]:before { color: #523866; background: url("/local/templates/main/styles/../img/cortel.svg") center center/contain no-repeat; } .ot-cont a[href^="mailto"] { position: relative; } .ot-cont a[href^="mailto"]::after { content: ''; display: block; width: calc(100% - 24px); height: 1px; position: absolute; right: 0px; bottom: 0px; background: #523866; } .ot-cont a[href^="mailto"]:hover::after { background: transparent; } .ot-cont a[href^="mailto"]:before { background: url("/local/templates/main/styles/../img/cormail.svg") center center/cover no-repeat; } .mb32 { margin-bottom: 32px; } .h1block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0px 0px 64px 0px; } .h1block h1 { margin: 0px 0px 0px 0px; } .h1block p { margin: 0px 0px 0px 0px; font-size: 18px; line-height: 24px; color: #807A85; } .h1block p span { color: #444046; } .calendar { display: block; margin: 80px 0px 240px 0px; position: relative; z-index: 1; } .segodna { font-size: 13px; line-height: 16px; color: #807A85; left: auto !important; right: 0px; float: right; font-weight: 300; top: 15px !important; } .calendar-day.active:hover .segodna { color: #fff; } .calendar-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .calendar-form .jq-selectbox { font-size: 22px; line-height: 32px; height: 88px; } .calendar-form .jq-selectbox__select { padding: 26px 24px 30px; color: #444046; } .calendar-form .jq-selectbox__trigger { top: 37px; } .cs-wrap { width: calc(100% / 7 * 2 + 1px); } .month-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0px 26px 0px 26px; height: 88px; border-top: 1px solid #DCD7E0; border-bottom: 1px solid #DCD7E0; border-left: 1px solid #DCD7E0; } .month-slider-month { font-weight: 600; font-size: 40px; line-height: 48px; color: #523866; width: calc(100% - 114px); height: 48px; position: relative; overflow: hidden; } .month-slider-month p { margin: 0px 0px 0px 0px; position: absolute; display: block; width: 100%; left: 0px; top: 100%; text-align: center; } .month-prev, .month-next { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; cursor: pointer; } .month-prev.disabled, .month-next.disabled { /*opacity: 0.48;*/ pointer-events: all; } .calendar-inform { border-left: 1px solid #DCD7E0; border-bottom: 1px solid #DCD7E0; overflow: hidden; } .calendar-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .calendar-day { padding: 7px 24px 17px 24px; width: calc(100% / 7); position: relative; } .cr-zag .calendar-day { padding: 24px 24px 24px 24px; } .cr-zag .calendar-day::after { content: ''; display: block; width: 1px; height: 1000px; position: absolute; top: 0px; right: 0px; background: #DCD7E0; } .calendar[days="28"] .cr-dat .calendar-day:nth-child(28) ~ .calendar-day { display: none; } .calendar[days="29"] .cr-dat .calendar-day:nth-child(29) ~ .calendar-day { display: none; } .calendar[days="30"] .cr-dat .calendar-day:nth-child(30) ~ .calendar-day { display: none; } .calendar[first-date="Tue"] .cr-dat .calendar-day:first-child { margin-left: calc(100% / 7 * 1); } .calendar[first-date="Wed"] .cr-dat .calendar-day:first-child { margin-left: calc(100% / 7 * 2); } .calendar[first-date="Thu"] .cr-dat .calendar-day:first-child { margin-left: calc(100% / 7 * 3); } .calendar[first-date="Fri"] .cr-dat .calendar-day:first-child { margin-left: calc(100% / 7 * 4); } .calendar[first-date="Sat"] .cr-dat .calendar-day:first-child { margin-left: calc(100% / 7 * 5); } .calendar[first-date="Sun"] .cr-dat .calendar-day:first-child { margin-left: calc(100% / 7 * 6); } .cr-zag { font-size: 13px; line-height: 16px; color: #807A85; text-transform: uppercase; } .cr-dat { padding: 0px 0px 43px 0px; } .calendar-day { pointer-events: none; } .calendar-day.active { cursor: pointer; pointer-events: all; } .calendar-dat { margin: 0px 0px 0px 0px; font-size: 22px; line-height: 32px; color: #807A85; overflow: hidden; position: relative; z-index: 1; } .calendar-day.active .calendar-dat { font-weight: 700; color: #523866; } .calendar-day.active:hover .calendar-dat { -webkit-transition: 0.4s; transition: 0.4s; color: #fff; } .calendar-day-info { width: 24px; height: 24px; border-radius: 50%; margin: 16px auto 16px auto; pointer-events: none; position: relative; -webkit-transition: 0.4s; transition: 0.4s; } .calendar-day.active .calendar-day-info { background: #E86661; } .calendar-day-info img { opacity: 0; width: 100%; height: 100%; -webkit-transition: 0.4s; transition: 0.4s; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: initial; border-radius: 50%; } .calendar-day.active:hover .calendar-day-info img { opacity: 1; width: calc(1600px * 0.13); height: calc(1600px * 0.13); } .calendar-dat span { position: relative; left: 0px; top: 0%; -webkit-transition: 0.4s; transition: 0.4s; } .cr-dat.noact .calendar-dat span { top: 100%; } .cr-dat.pred .calendar-day.active.bulo { pointer-events: none; } .cr-dat.pred .calendar-day.active.bulo .calendar-dat { font-weight: 300; color: #807A85; } .cr-dat.pred .calendar-day.active.bulo .calendar-day-info { opacity: 0; } .cr-dat.pros .calendar-day.active.budet { pointer-events: none; } .cr-dat.pros .calendar-day.active.budet .calendar-dat { font-weight: 300; color: #807A85; } .cr-dat.pros .calendar-day.active.budet .calendar-day-info { opacity: 0; } .calendar-data-list { display: none; } .calendar-over { display: none; background: #444046; opacity: 0.32; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10; } .calendar-data-modal { display: none; position: absolute; top: 217px; left: 50%; width: 712px; max-width: calc(100vw - 32px); /*max-height: 80vh;*/ -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); z-index: 11; background: #fff; overflow: auto; overflow-x: hidden; padding: 64px 64px 64px 64px; } .event-close { position: absolute; top: 32px; right: 32px; cursor: pointer; } .event-name { font-size: 40px; line-height: 48px; color: #523866; font-weight: 400; margin: 0px 0px 68px 0px; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; } .event-info { margin: 0px 0px 0px 0px; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; } .calendar-data-modal.active .event-name, .calendar-data-modal.active .event-info { opacity: 1; } .activedata { font-weight: 500; margin: -28px 0px 64px 0px; } .evinfol ~ .activedata { font-size: 0px; border-top: 1px solid #21B3E4; margin: 80px 0px 80px 0px; line-height: 0px; } .event-ico-wrap { width: 100%; position: relative; width: 585px; height: 585px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .event-ico-wrap.hidden { display: none; } .event-ico-cirk { width: 585px; height: 585px; position: absolute; top: 0px; left: 0px; } .event-ico { width: 0px; height: 0px; border-radius: 50%; border: 1px solid #21B3E4; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.4s; transition: 0.4s; } .calendar-data-modal.active .event-ico { width: 324px; height: 324px; } .event-ico img { width: calc(100% - 18px); height: calc(100% - 18px); border-radius: 50%; } .event-ico img + img { display: none; } .event-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 64px 0px 0px 0px; } .event-nav .golink { font-size: 16px; line-height: 24px; font-weight: 500; margin: 0px 0px 0px 0px; } .event-nav .golink:first-child { padding: 0px 0px 0px 40px; } .event-nav .golink:first-child::before { left: 14px; } .event-nav .golink:first-child::after { left: 0px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .event-nav .golink.disabled { opacity: 0.48; pointer-events: all; } .afterlisthr { width: 100%; height: 1px; background: #DCD7E0; margin: 0px 0px 120px 0px; } .menulogo { display: none; } .menu2 .logo a img, .fixed .logo a img { display: none; } .menu2 .logo a:last-child img, .fixed .logo a:last-child img { display: block; } .menulvl2 { position: fixed; top: 0px; left: 0px; width: 100%; height: 0px; background: #fff; padding: 0px 0px 0px 0px; z-index: 5; overflow: hidden; -webkit-transition: 0.4s; transition: 0.4s; } .fixed ~ .menulvl2 { padding: 92px 0px 0px 0px; } .menu2 ~ .menulvl2 { padding: 160px 0px 0px 0px; } .fixed.menu2 ~ .menulvl2 { padding: 140px 0px 32px 0px; } .fixed.header { margin-top: 16px; padding-bottom: 16px; } /*.fixed.hidden.header { top: -100px; } .fixed.hidden.header ~ .menulvl2 { padding: 0px 0px 0px 0px; height: 0px !important; }*/ .menu2.header a, .fixed.header a { color: #444046; } .menu2 .lk svg path, .fixed .lk svg path { fill: #444046; } .menu2 .search-ico svg path, .fixed .search-ico svg path { fill: #444046; } .fixed .logo { height: 60px; position: relative; } .fixed .logo img { width: unset; height: 60px; } #bx-panel ~ .header { top: 150px; } #bx-panel ~ .menulvl2 { top: 150px; } .bx-panel-folded#bx-panel ~ .header { top: 40px; } .bx-panel-folded#bx-panel ~ .menulvl2 { top: 40px; } #bx-panel ~ .header { top: 150px; } #bx-panel ~ .menulvl2 { top: 150px; } #bx-panel ~ .header.fixed { top: 0px; } /*#bx-panel ~ .header.fixed.hidden { top: -100px; }*/ #bx-panel ~ .header.fixed ~ .menulvl2 { top: 0px; } .menulvl2 .in { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .menu-zag { width: calc((((100% + 64px) / 4) - 64px) * 1); margin: -6px 0px 0px 0px; } .menu-zag a { font-size: 16px; line-height: 24px; text-transform: uppercase; color: #807A85; } .menu-zag span ~ span { display: none; } .menu-content { width: calc((((100% + 64px) / 4) - 64px) * 3 + 128px); opacity: 1; -webkit-transition: 0.0s; transition: 0.0s; } .hidecon .menu-content { opacity: 0; } .hidecon .menu-zag{ opacity: 0; } .menu-content ul, .submenu { list-style: none; font-size: 16px; line-height: 24px; -webkit-column-count: 3; column-count: 3; } .menu-content li, .submenu li { margin: 0px 0px 16px 0px; } .menu-content a, .submenu a { font-size: 16px; line-height: 24px; color: #444046; font-weight: 400; padding-right: 64px; } .menu-content a:hover { color: #523866; } .menulvl2over { display: none; position: fixed; top: 0px; left: 0px; z-index: 4; width: 100%; height: 100%; background: #444046; opacity: 0.32; } .search { display: none; height: 264px; width: 100%; background: #fff; position: fixed; top: 0px; left: 0px; z-index: 6; } .search-close { float: right; position: relative; top: -68px; cursor: pointer; } .search-form { width: 100%; margin: 100px 0px 0px 0px; padding: 0px 0px 23px 0px; border-bottom: 1px solid #21B3E4; position: relative; } .search-form input[type="text"] { border: none; font-size: 24px; line-height: 32px; font-family: 'IBMPlexSans'; font-weight: 400; color: #444046; width: calc(100% - 32px); outline: none !important; } .search-form input[type="text"]::-webkit-input-placeholder { color: #444046; } .search-form input[type="text"]:focus::-webkit-input-placeholder { opacity: 0; } .search-form input[type="text"]:-ms-input-placeholder { color: #444046; } .search-form input[type="text"]:focus::-ms-input-placeholder { opacity: 0; } .search-form input[type="text"]::placeholder { color: #444046; } .search-form input[type="text"]:focus::placeholder { opacity: 0; } .search-form input[type="submit"] { border: none; background: url("/local/templates/main/styles/../img/search.svg") center center/cover transparent; width: 32px; height: 32px; position: absolute; top: 0px; right: 0px; cursor: pointer; } .searcover { display: none; height: 100%; width: 100%; background: #444046; position: fixed; top: 0px; left: 0px; z-index: 5; opacity: 0.32; } .wrap404 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-height: calc(100vh - 97px); height: calc(100vh - 97px); } .half404 { width: calc(50% - 32px); font-size: 18px; line-height: 24px; font-weight: 400; position: relative; } .wrap404 > .half404:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wrap404 > .half404:last-child { -webkit-transform: translate(0px, -48px); transform: translate(0px, -48px); } .stranonenad { margin: 0px 0px 0px auto; font-weight: 600; font-size: 16px; line-height: 22px; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .wrap404 h1 { width: 100%; font-weight: 300; font-size: 120px; line-height: 124px; margin: 40px 0px 64px 0px; } .wrap404 h1 span { color: #E86661; } .wrap404 .golink:last-child { font-weight: 500; font-size: 16px; line-height: 24px; } .half404 svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .b404 { overflow: hidden; } .ico404-wrap { width: 31vw; height: 31vw; border: 1px solid #21B3E4; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ico404 { width: calc(31vw - 32px); height: calc(31vw - 32px); border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .text404 { width: 300px; } .zmin { z-index: -1; } .lk-top { padding: 0px 0px 160px 0px; } .lk-top h1 { margin: 0px 0px 0px 0px; opacity: 0; } .lk-top.rezident-card .rezident-left { padding: 32px 0px 0px 0px; } .lk-top .rezident-slider { margin-top: 10px; } .rezident-downloadlogo { width: 406px; height: 406px; margin: 0px auto 129px auto; position: relative; } .rezident-downloadlogo::before { content: ''; display: block; width: calc(100% + 18px); height: calc(100% + 18px); position: absolute; top: -9px; left: -9px; border-radius: 50%; -webkit-box-shadow: 0px 0px 0px 1px #21B3E4; box-shadow: 0px 0px 0px 1px #21B3E4; } .rezident-downloadlogo.filevers::before { -webkit-box-shadow: 0px 0px 0px 1px #E86661; box-shadow: 0px 0px 0px 1px #E86661; } .filevers { cursor: pointer; } .rezident-downloadlogo .jq-file { opacity: 0; position: absolute; top: 0px; left: 0px; } .fileco { display: block; width: 406px; height: 406px; border-radius: 50%; background: url("/local/templates/main/styles/../img/filerez.svg") center center/120px auto no-repeat #fff; position: relative; z-index: 1; cursor: pointer; } .filevers span { display: block; font-weight: 500; font-size: 18px; line-height: 24px; text-align: center; color: #523866; positioN: absolute; width: 100%; left: 0px; bottom: -100px; } .lkrow { background: #fff; padding: 62px 0px 64px 0px; font-size: 16px; line-height: 32px; text-transform: uppercase; font-weight: 400 !important; color: #523866; } .lkrow .in { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .lkrowref { font-size: 16px; line-height: 32px; text-transform: uppercase; font-weight: 400 !important; color: #523866; display: block; padding: 0px 0px 0px 40px; margin: 0px 0px 0px 32px; position: relative; border: none !important; } .lkrowref:first-child { margin: 0px auto 0px 0px; } .lkrowref::before { content: ''; display: block; width: 32px; height: 32px; position: absolute; top: 0px; left: 0px; background-position: ucenter center; background-size: cover; background-repeat: no-repeat; } .config::before { background-image: url("/local/templates/main/styles/../img/lkconf.svg"); } .yprno::before { background-image: url("/local/templates/main/styles/../img/lknews.svg"); } .yprvac::before { background-image: url("/local/templates/main/styles/../img/lkvac.svg"); } .mb120 { margin-bottom: 120px; } .spoiler-zag { display: inline-block; width: calc((((100% + 64px) / 4) - 64px) * 2 + 64px); margin: 0px 102px 0px 0px; } .sp-cond { font-weight: 300; font-size: 18px; line-height: 32px; text-transform: uppercase; display: inline-block; padding: 0px 0px 0px 48px; position: relative; } .sp-cond::before { content: ''; display: block; width: 32px; height: 32px; position: absolute; top: -2px; left: 0px; background: url("/local/templates/main/styles/../img/nezap.svg") center center/cover no-repeat; } .zap .sp-cond::before { background: url("/local/templates/main/styles/../img/zap.svg") center center/cover no-repeat; } .sp-cond.neob { padding: 0px 0px 0px 0px; } .sp-cond.neob::before { display: none; } .lkssil { text-align: center; padding: 120px 0px 202px 0px; } .bydsil { font-size: 48px; line-height: 52px; text-align: center; text-transform: uppercase; color: #807A85; margin: 0px 0px 62px 0px; } .lkssil + .footer { border-top: 1px solid #DCD7E0; } .spoiler-content .forma { width: 100%; margin: 0px 0px 0px 0px; } .iml-top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0px 0px 40px 0px; } .iml-zag { margin: 0px auto 0px 0px; font-size: 24px; } .iml-clear { display: block; font-size: 18px; line-height: 24px; color: #523866; margin: 0px 0px 0px auto; position: relative; padding: 0px 0px 0px 40px; cursor: pointer; } .iml-clear::before { content: ''; display: block; width: 24px; height: 24px; position: absolute; top: 0px; left: 0px; background: url("/local/templates/main/styles/../img/delimg.svg") center center/cover no-repeat; } .imglist { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .changed + .comp-image { display: none; } .comp-image { width: calc((((100% + 64px) / 4) - 64px) * 1); height: calc(1600px * 0.14691); margin: 0px 64px 64px 0px; position: relative; cursor: pointer; background-size: cover; background-position: center; } .comp-image:nth-child(4n) { margin: 0px 0px 64px 0px; } .img-del { position: absolute; top: 16px; right: 16px; background: url(/local/templates/main/styles/../img/delete.svg) center center/cover no-repeat; width: 48px; height: 48px; -webkit-transition: 0.2s; transition: 0.2s; opacity: 0; } .comp-image:hover .img-del { opacity: 1; } .comp-image .refico { left: 24px; top: auto; bottom: 0px; position: absolute; } .comp-image .refico::before { background-image: url(/local/templates/main/styles/../img/playw.svg); background-color: #E86661; } .fotogal-img:hover .img-del { opacity: 1; } #lkvid { } #lkvid .w75 { margin-right: 64px; } #lkvid input[type="submit"] { margin: -6px 0px 0px 0px; } a.bydsil { color: #523866; margin-right: auto !important; -webkit-transition: 0.2s; transition: 0.2s; border: none !important; } a.bydsil:hover { color: #E86661; } a.bydsil::after { display: none; } .lkdrop { display: none; list-style: none; position: absolute; top: calc(100% + 24px); right: -32px; width: 264px; background: #fff; font-size: 16px; line-height: 24px; border: 1px solid #DCD7E0; } .lkdroparr { display: block; width: 24px; height: 16px; position: absolute; top: -16px; right: 36px; overflow: hidden; } .lkdroparr::before { content: ''; display: block; width: 24px; height: 24px; position: absolute; top: 10px; left: 0px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #fff; border: 1px solid #DCD7E0; } .lkdrop li { border-bottom: 1px solid #DCD7E0; position: relative; } .lkdrop li.exit { border-bottom: none; } .lkdrop li.exit::after { content: ''; display: block; width: 32px; height: 32px; position: absolute; top: 8px; right: 16px; background: url("/local/templates/main/styles/../img/exit.svg") center center/cover no-repeat; pointer-events: none; } .lkdrop a { font-weight: 400; border: none !important; color: #444046; display: block; padding: 12px 16px; -webkit-transition: 0.4s; transition: 0.4s; } .lkdrop a:hover { background: #F8F8F8; } .lk-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 64px 0px 0px 0px; padding: 0px 0px 240px 0px; } .lk-left { margin: 0px 64px 0px 0px; width: 30%; position: relative; } ul.lk-menu { list-style: none; font-size: 18px; line-height: 24px; border: 1px solid #DCD7E0; margin: 0px 0px 64px 0px; } .lk-menu li { border-bottom: 1px solid #DCD7E0; margin: 0px 0px 0px 0px !important; } .lk-menu li:last-child { border-bottom: none; } .lk-menu li::before { display: none !important; } .lk-menu a { font-weight: 400 !important; border: none !important; color: #523866 !important; display: block; padding: 20px 32px 19px 32px; } .lk-menu a.active { font-weight: 600 !important; background: #fff; } .lk-menu a:hover { background: #fff; } .zak-uslug { display: block; background: #523866; color: #fff; font-size: 18px; line-height: 24px; text-align: center; padding: 60px 32px 60px 128px; position: relative; font-weight: 400 !important; border: none !important; } .zak-uslug:hover { color: #fff; } .zak-uslug svg { position: absolute; top: 50%; left: 32px; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } .zak-uslug path { -webkit-transition: 0.4s; transition: 0.4s; } .zak-uslug:hover path { fill: #fff; } .lk-left .backlink { position: absolute; bottom: 0px; left: 0px; } .lk-right { background: #fff; width: calc(70% - 64px); padding: 64px 64px 64px 64px; } .lk-right .forma { margin: 0px 0px 0px 0px; width: 100%; } .lk-right .forma label.w50 { width: calc(50% - 16px); } .smenpred { text-align: right; font-size: 18px; line-height: 24px; font-weight: 400; color: #523866; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; height: 54px; margin: 32px 0px 0px 0px; } .smenpred:hover { color: #E86661; } .lk-right > *:first-child { margin-top: 0px; } .lk-right h2 { margin-bottom: 40px; } .lk-right .jq-file { padding: 0px 0px; margin: 23px 0px 7px 0px; } .minrow { padding: 27px 0px 28px 0px; margin: 20px 0px 80px 0px; text-transform: unset; } .lkprofref { margin: 0px 64px 0px 0px; font-size: 16px; line-height: 32px; color: #444046; border: none !important; } .lkprofref:hover { color: #523866; } .lh0 { line-height: 0; } .proff-butt { margin: 5px 0px 4px auto; border: 1px solid #D3F0FA; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 60px; display: block; padding: 10px 40px 12px 40px; -webkit-transition: 0.4s; transition: 0.4s; } .proff-butt:hover { color: #523866; border: 1px solid #21B3E4 !important; } .vacall { font-size: 18px; line-height: 24px; margin: 0px 0px 64px 0px; } .vaccol { margin: 0px 0px 0px 20px; } .blockwhite { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 40px 32px 40px 32px; margin: 40px 0px 40px 0px; } .lk-vac-list .vac-zag { margin: 0px 0px 56px 0px; width: 100%; } .lk-vac-bottom { position: absolute; bottom: 0px; left: 0px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 16px; line-height: 24px; font-weight: 400; } .lk-vac-bottom a { font-weight: 300; font-size: 16px; line-height: 24px; margin: 0px 0px 0px 0px; } .lk-vac-bottom a.golink { margin: 0px 0px 0px auto; } .redact, .delvac { display: block; padding: 0px 0px 0px 40px; background-position: 0px 0px; background-repeat: no-repeat; } a.redact { margin: 0px 42px 0px 0px; background-image: url("/local/templates/main/styles/../img/pencil.svg"); } a.delvac { background-image: url("/local/templates/main/styles/../img/delvac.svg"); } .vac-del-over { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #444046; opacity: 0.32; z-index: 10; } .vac-del-modal { display: none; position: fixed; top: 50%; left: 50%; width: 712px; max-width: calc(100% - 64px); background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 11; padding: 64px 64px 76px 64px; } .vdm-close { position: absolute; top: 32px; right: 32px; cursor: pointer; } .vac-del-modal h2 { margin-top: 0px; margin-bottom: 80px; } .vac-modal-name { font-weight: 500; font-size: 32px; line-height: 44px; margin: 0px 0px 32px 0px; } .vac-modal-date { font-size: 16px; line-height: 24px; margin: 0px 0px 64px 0px; } .vac-modal-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .vac-modal-bottom .redact { font-size: 16px; line-height: 24px; font-weight: 400; margin: 0px 0px 0px 0px; } .red-vac-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .red-vac-bottom .delvac { font-size: 16px; line-height: 24px; font-weight: 400; } .lkn-con { display: block; width: 48px; height: 48px; position: absolute; top: 16px; right: 16px; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; border: none !important; } .newsdel { background: url("/local/templates/main/styles/../img/delete.svg") center center/cover no-repeat; } .newsred { background: url("/local/templates/main/styles/../img/edit.svg") center center/cover no-repeat; right: 72px; } .item:hover .lkn-con { opacity: 1; } .login-del-over { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #444046; opacity: 0.32; z-index: 10; } .login-del-modal { display: none; position: fixed; top: 50%; left: 50%; width: 907px; max-width: calc(100% - 64px); background: url("/local/templates/main/styles/../img/lkfon.png") 0px 0px/auto 100% #fff no-repeat; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 11; padding: 64px 64px 76px 291px; margin: 0px 0px 0px 0px; } .login-del-modal .forma { margin: 0px 0px 0px 0px; width: 100%; } .login-close { position: absolute; top: 32px; right: 32px; cursor: pointer; } .login-del-zag { font-size: 48px; line-height: 52px; margin: 0px 0px 0px 0px; color: #523866; } .login-modal-name { font-weight: 500; font-size: 32px; line-height: 44px; margin: 0px 0px 32px 0px; } .login-modal-date { font-size: 16px; line-height: 24px; margin: 0px 0px 64px 0px; } .login-modal-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .login-modal-bottom .redact { font-size: 16px; line-height: 24px; font-weight: 400; margin: 0px 0px 0px 0px; } .login-vac-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .login-top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin: 0px 0px 40px 0px; } .forgot-pass { font-size: 18px; line-height: 24px; font-weight: 300; margin: 0px 0px 0px auto; } .login-del-modal label.w50 { display: block; width: calc(50% - 16px); } .pd32 { padding-bottom: 32px; } .virt_tur { display: none; padding: 32px; width: 1400px; max-width: calc(100vw - 32px); height: 85vh; top: -50%; left: calc(50% - 700px); position: relative; } .mfp-content .virt_tur { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .virt_tur iframe { width: calc(100% - 32px); height: calc(85vh - 32px); border: none; margin: 0px auto 0px auto; display: block; } .virt_tur .mfp-close { color: #fff; } .podpis { background: #F8F8F8; padding: 64px 0px 64px 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin: 56px 0px 0px 0px; } .podpis-img { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: calc((((100% + 64px) / 4) - 64px) * 1); margin: 0px 64px 0px 0px; } .podpis-zag { margin: 0px auto 0px 0px; font-size: 40px; line-height: 48px; color: #523866; font-weight: 400; width: calc((((100% + 64px) / 4) - 64px) * 2 + 64px); } .podpis-gol { width: calc((((100% + 64px) / 4) - 64px) * 1); } .podpis-gol .golink { font-weight: 500; font-size: 16px; } .sitemap li::before { display: none !important; } .sitemap li { margin: 0px 0px 0px 0px !important; } .sitemap a { border: none !important; } .map-level-0 > li { margin-bottom: 82px !important; } .map-level-0 > li > a { font-size: 40px; line-height: 48px; font-weight: 400 !important; color: #523866 !important; } .map-level-0 > li > a:hover { color: #E86661 !important; } .map-level-1 { margin: 46px 0px 0px 64px !important; } .map-level-1 > li { margin: 0px 0px 8.5px 0px !important; } .map-level-1 > li > a { font-size: 32px; line-height: 32px; font-weight: 400 !important; color: #444046 !important; } .map-level-1 > li > a:hover { color: #523866 !important; } .modal-text .mainblock li { margin-bottom: 16px; } .text-block ~ p .backlink { margin-top: 80px; } .spform { width: 100%; margin: 0px 0px 64px 0px; } .spform label { width: calc(100% - 174px); margin: 0px 0px 0px 0px; } .search-list .item { width: 100%; margin: 0px 0px 32px 0px; padding: 0px 0px 32px 0px; border-bottom: 1px solid #21B3E4; } .search-list .item:last-child { border-bottom: none; } .search-list .item-zag { margin: 0px 0px 8px 0px; display: block; } .search-list .item-prezag a { border: none !important; color: #444046 !important; margin: 0px 0px 8px 0px; } .search-list .item-prezag a:hover { color: #523866 !important; } .search-list .item-text { margin: 8px 0px 8px 0px; } .search-list .item-date { margin: 16px 0px 0px 0px; } .podp-over { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #444046; opacity: 0.32; z-index: 10; } .podp-modal { display: none; position: fixed; top: 50%; left: 50%; width: 907px; max-width: calc(100% - 64px); background: url("/local/templates/main/styles/../img/lkfon.png") -50px 0px/auto 100% #fff no-repeat; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 11; padding: 64px 64px 76px 291px; margin: 0px 0px 0px 0px; } .podp-modal .forma { margin: 0px 0px 0px 0px; width: 100%; } .podp-close { position: absolute; top: 32px; right: 32px; cursor: pointer; } .podp-zag { font-size: 48px; line-height: 52px; margin: 0px 0px 0px 0px; color: #523866; display: block; width: 100%; padding-right: 50px; } .podp-modal-name { font-weight: 500; font-size: 32px; line-height: 44px; margin: 0px 0px 32px 0px; } .podp-modal-date { font-size: 16px; line-height: 24px; margin: 0px 0px 64px 0px; } .podp-modal-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .podp-modal-bottom .redact { font-size: 16px; line-height: 24px; font-weight: 400; margin: 0px 0px 0px 0px; } .podp-vac-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .podp-top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin: 0px 0px 40px 0px; } .foto-slider + .backlink { margin: 120px auto 240px 0px; } .partner-list .owl-stage { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; } .mainhidsli { overflow: hidden; } .gray .mainblock ~ .gray-block { margin: -56px 0px 0px 0px; } .ico-lisr-2 { display: none; } .mb0 { margin-bottom: 0px !important; } .rezvideo { display: none; } .mfp-content .rezvideo { display: block; max-width: 80vw; max-height: 80vh; margin: 0px auto 0px auto; } .mfp-content .rezvideo.framevideo { width: 80vw; height: 80vh; } .mfp-content .rezvideo video { display: block; max-width: 100%; max-height: 100%; } .rezvideo .mfp-close { color: #fff; } .coockie-block { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 1472px; background: #523866; color: #fff; padding: 20px 40px; max-width: calc(100% - 64px); left: calc((100vw - 1489px) / 2); position: fixed; bottom: 55px; z-index: 3; opacity: 0; pointer-events: none; transition: 0.4s; } .coockie-block.active { opacity: 1; pointer-events: all; } .coockie-block p { width: calc(100% - 200px); margin: 0px 0px 0px 0px; font-size: 16px; line-height: 22px; font-weight: 400; } .coockie-block a { color: #fff; font-weight: 400; border-bottom: 1px solid #fff; } .coockie-block .button { cursor: pointer; } .coockie-block .button:hover { cursor: pointer; color: #E86661; background: #fff; } .nowevent { display: none; } /*IE*/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .partne .rez-text { width: auto; display: inline; padding-bottom: 2px; } .pokdotsreal { position: absolute; left: 0%; bottom: -80px; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .pokdotreal { position: relative; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); margin: 0px 8px 0px 8px; } .forma input[type='submit'] { width: auto; } .overhid1600 { overflow: hidden; } .top-blcok-wrap .cont-row a.mail { width: auto; display: inline; } .ot-cont a[href^='mailto'] { width: auto; display: inline; } .calendar-day-info img { max-width: none; } .cs-wrap { margin: 7px 0px 0px 0px; } .calendar-inform { margin: -8px 0px 0px 0px; } .rast-dot { display: none !important; } } div.bx-html-editor label.error { top: calc(100% - 22px); z-index: 999; } span.a100 { margin: 0px auto 0px auto; } .first-fiol { background: #523866; color: #fff; border-color: #523866; } .support-measure { font-size: 13px; display: block; border: 1px solid #444046; padding: 2px 10px; /* box-shadow: inset 0px 0px 0px #fff; */ position: relative; } .support-measure::before { content: ''; display: block; width: 100%; height: 0%; position: absolute; top: 0px; left: 0px; z-index: -1; background: #fff; transition: 0.2s linear; } .support-measure:hover { color: #444046; /* box-shadow: inset 0px 36px 0px #fff; */ } .support-measure:hover::before { height: 100%; } .fixed .support-measure:hover { box-shadow: inset 0px 0px 0px 1px #444046; } .clear { clear: both; width: 100%; } .auth_p_error { width: 100%; max-width: 300px; color: #e83c33; } .map-wrap { position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 600px; background: #ababab; border-radius: 6px; overflow: hidden; } .map-contact { width: 400px; height: 100%; padding: 40px; background: #523866; color: #ffffff; /* border-radius: 6px; */ } .map-contact-wrap { height: 100%; } #map { width: calc(100% - 400px); height: 100%; } .map-contact .mapref { display: block; /*margin: 0 0 32px 0;*/ color: #ffffff; font-size: 24px; line-height: 32px; background-image: url('https://www.moglino.ru/local/templates/main/img/mapko.svg'); } .map-contact a { padding: 0px 0px 0px 48px; background-position: 0px 0px; background-repeat: no-repeat; color: #ffffff !important; font-size: 24px; line-height: 32px; display: block; border: none !important; margin: 0 0 20px 0; } .map-contact a:visited { color: #ffffff; } .map-contact a.tel { /*display: block; margin: 0 0 20px 0;*/ background-image: url('https://www.moglino.ru/local/templates/main/img/telte.svg'); } .map-contact a.fax { /*display: block; margin: 0 0 20px 0;*/ background-image: url('https://www.moglino.ru/local/templates/main/img/fax.svg'); } .map-contact a.mail { /*display: block; margin: 0 0 32px 0;*/ background-image: url('https://www.moglino.ru/local/templates/main/img/mailte.svg'); } .map-contact .whatsapp { background-image: url('https://www.moglino.ru/local/templates/main/img/whatsapp.svg'); background-position: 0px 0px; background-repeat: no-repeat; } .map-contact a.tel-invest-project { display: block; margin: 0 0 0 0; } .map-contact a.tel-invest-project span + span { display: block; font-weight: 300; } .map-contact .mCSB_scrollTools .mCSB_draggerRail { width: 6px; height: 100%; background: #ffffff; opacity: 1 !important; } .map-contact .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .map-contact .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #523866; } .map-contact .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { height: calc(100% - 4px); transform: translateY(2px); } @media (max-width: 992px) { .map-contact { width: 300px; padding: 25px; } #map { width: calc(100% - 300px); } .map-contact .mapref { font-size: 20px; margin: 0 0 30px 0; } .map-contact a { font-size: 20px; background-size: 30px !important; background-position: 0 1px !important; padding: 0 0 0 45px !important; } .map-contact a.tel-invest-project { margin: 40px 0 0 0; } } @media (max-width: 768px) { .map-wrap { flex-wrap: wrap; height: auto; } #map { width: 100%; height: 400px; order: 1; } .map-contact { width: 100%; /* height: 400px; */ height: auto; padding: 30px 20px 30px 20px; } } @media (max-width: 480px) { .map-wrap { width: auto; margin: 0 -16px; border-radius: 0; } } @media (max-width: 375px) { .map-wrap { width: auto; margin: 0 -16px; } } .bitrix-capcha { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; } .bitrix-capcha input { margin-right: auto; flex-shrink: 0; width: calc(100% - 212px); } @media (max-width: 1024px) { .bitrix-capcha input { width: 100%; margin-bottom: 20px; } } .errors-list { color: #E86661; width: 100%; margin-bottom: 48px; } /* Button on services */ .services-title-wrap { display: flex; justify-content: space-between; align-items: flex-start; } @media (max-width: 950px) { .services-title-wrap { align-items: flex-end; } } @media (max-width: 420px) { .services-title-wrap { position: relative; } } .services-title-button { margin: 5px 0 0 0; transition: background 0.4s ease 0s; } @media (max-width: 950px) { .services-title-button { margin:0 0 56px 0; } } @media (max-width: 767px) { .services-title-button { max-width: 140px; margin:0 0 50px 0; padding: 10px 15px; font-size: 16px; text-align: center; } } @media (max-width: 620px) { .services-title-button { max-width: none; margin:0 0 26px 0; font-size: 12px; } } @media (max-width: 420px) { .services-title-button { position: absolute; bottom: -50px; left: 0; } } .message-area, .phone-area { visibility: collapse; } .pbc { width: 100%; position: relative; margin-bottom: 40px; } .jq-selectbox__search input { font-weight: 400; font-size: 22px; line-height: 32px; font-style: normal; color: #444046; width: 100%; padding: 14px 17px; border: none; font-family: inherit; border: 1px solid #DCD7E0; font-family: 'IBMPlexSans'; } .refico-list { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } .refico-half { width: 50%; } .refico-list .refico { width: 100%; } @media (max-width: 620px) { .refico-half { width: 100%; } } .qr-wrap { margin-top: 50px; } .qr-wrap-logo { text-decoration: none; display: inline-block; margin-bottom: 148px; } .qr-wrap-logo img { height: auto; width: 395px; } .qr-social-wrap { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } .qr-social-item { width: calc(25% - 32px); } @media (max-width: 1200px) { .qr-social-item { width: calc(50% - 32px); margin: 0 0 64px; } } @media (max-width: 620px) { .qr-wrap-logo { margin-bottom: 79px; } .qr-wrap-logo img { width: 280px; } .qr-social-item { width: 100%; margin: 0 0 32px; } } .qr-social-link, .qr-social-item .outer-link { display: inline-flex; align-items: center; font-size: 18px; } .qr-social-item .outer-link { margin-right: 0; font-weight: 500; border-bottom: none; } .qr-social-item a.outer-link::after { content: none; } .qr-social-link .ni-ico, .qr-social-item .outer-link .ni-ico { flex: none; transform: none; margin: 0 32px 0 0; background-repeat: no-repeat; background-position: center; background-size: 104%; } .footer-logo img { max-width: 222px; } /* End */ /* Start:/local/templates/main/styles/style2.css?16817090314183*/ .top-slider { margin: 73px 0px 343px 0px; height: calc(100vh - 343px); } .video-background-big { overflow: visible; position: absolute; width: 100vw; height: 100vh; border-radius: 0%; z-index: -1; top: 0px; left: 0px; overflow: hidden; } .video-background-big video { min-height: 100%; height: auto; min-width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .slider-ico-shadow { display: none !important; } .top-zag { color: #fff; background: rgba(33, 179, 228, 0.28); padding: 10px; -webkit-box-sizing: content-box; box-sizing: content-box; } .slider-nav { color: #fff; } .slider-num { color: #fff; } .slide-text-list { color: #fff; background: #21b3e436; padding: 10px; border: 1px solid #21b3e4; border-radius: 2px; } .slide-text-list p:last-child { margin: 0px 0px 0px 0px; } .ts3 .top-zag, .ts3 .slider-ico-shadow, .ts3 .slide-text-list { background: transparent; border: none; } .video-shadow { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(33, 179, 228, 0.16); } .ts3 .top-zag { color: #fff; } .header { color: #fff; } .header a { color: #fff; border-color: #ffffff; } .slider-ico-list { width: 100% !important; height: 100vh !important; border-radius: 0%; left: 0px; will-change: background-position, background-size; } .slider-ico-list.active { background-position: 100% center; } .slider-ico-list ~ .slider-ico-list { opacity: 0.01; } .panoram-shadow { position: absolute; top: 0px; height: 100vh; width: 100%; background: #000; opacity: 0.32; z-index: 0; transition: 2s; } .slider-center:hover { -webkit-transition: -webkit-transform 0s; transition: -webkit-transform 0s; transition: transform 0s; transition: transform 0s, -webkit-transform 0s; } .slider-center { -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .slider-bottom { background: rgba(255, 255, 255, 0.2); top: calc(100vh - 232px); } .lk path { fill: #fff; } .search-ico path { fill: #fff; } .slide-text-item li::before { background: #fff; } .preload { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background: #fff; z-index: 1000; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0.99 } .preload-logo { -webkit-transform-origin: center; transform-origin: center; transform-box: fill-box; -webkit-animation: roatate 20s linear infinite; animation: roatate 20s linear infinite; } .active .sliderdot svg { -webkit-transition-delay: 0s !important; transition-delay: 0s !important; -webkit-transition: 1.2s !important; transition: 1.2s !important; } @-webkit-keyframes roatate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes roatate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media (max-width: 1360px) { } @media (max-width: 950px) { .slider-ico-list { height: calc((100vw - 128px) * 1.65) !important; top: 0px !important; } .panoram-shadow { height: calc((100vw - 128px) * 1.65) !important; } } @media (max-width: 700px) { .slider-ico-list { height: calc((100vw - 128px) * 1.8) !important; } .panoram-shadow { height: calc((100vw - 128px) * 1.8) !important; } } @media (max-width: 620px) { .slider-ico-list { height: calc((100vw - 16px) * 1.7) !important; } .panoram-shadow { height: calc((100vw - 16px) * 1.7) !important; } } /* End */ /* Start:/local/templates/main/styles/resize.css?177078443799820*/ @charset "UTF-8"; /*Шапка*/ @media (max-width: 1280px) { .etap-info-item > span { height: 40px; } .etap-info-item { font-size: 32px; line-height: 40px; } } @media (max-width: 1275px) { .cont-block { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin: 0px 0px 0px 0px; } .menu { display: none; } .logo { margin: 0px auto 0px 0px; } .mop { display: block; } .lang-change { margin: 0px 0px 0px 40px; } .mop.open { right: 64px; } .menulvl2 { display: none !important; } .fixed.header { margin: 0px 0px 0px 0px; padding: 8px 0px 8px 0px; background: #fff; } .fixed.header .logo img { margin: 0px 0px -30px 0px !important; } } /*1600*/ @media (max-width: 1600px) { .virt_tur { width: calc(100vw - 32px); left: 16px; } .in { width: calc(100% - 128px); } .top-slider { margin: 67px 0px 118px 0px; height: 628px; } .top-zag { margin: 40px 0px 0px auto; } .sn-left { margin: 7px 0px 51px 0px; } .slider-num { margin: 0px 0px 0px auto; } .sn-right { margin: 221px 0px 52px 0px; } .slider-ico-list { width: 464px; height: 464px; } .slider-ico-shadow { width: 464px; height: 464px; } .slider-zag-list { width: 384px; height: 464px; } .slider-zag-item { font-size: 46px; line-height: 50px; } .logo-slider { width: calc(100vw - 64px); margin: 160px 0px 80px calc((100vw - 100%) / 2 * -1 + 64px); } .circle-block-item { width: 62vw; height: 62vw; } .first-circle { left: calc((100vw - 128px) / 100 * -10.4); margin: -92px 0px 0px 0px; } .second-circle { left: auto; right: calc((100vw - 128px) / 100 * -41.4); margin: calc((100vw - 128px) / 100 * -23.8) 0px 0px 0px; } .third-circle { left: calc((100vw - 128px) / 100 * -10.4); margin: calc((100vw - 128px) / 100 * -23.9) 0px -58px 0px; } .circle-img { width: 31vw; } .circle-text-list { right: -234px; -webkit-transform: translate(0%, -53%); transform: translate(0%, -53%); } .item-img { height: calc((100vw - 128px) / 100 * 20.9); } .active .slider-dots[dots="2"] .sliderdot:nth-child(2) { -webkit-transform: translate(0px, 199px) scale(1); transform: translate(0px, 199px) scale(1); } .active .slider-dots[dots="3"] .sliderdot:nth-child(2) { -webkit-transform: translate(214px, 76px) scale(1); transform: translate(214px, 76px) scale(1); } .active .slider-dots[dots="3"] .sliderdot:nth-child(3) { -webkit-transform: translate(-214px, 76px) scale(1); transform: translate(-214px, 76px) scale(1); } .active .slider-dots[dots="4"] .sliderdot:nth-child(2) { -webkit-transform: translate(247px, -48px) scale(1); transform: translate(247px, -48px) scale(1); } .active .slider-dots[dots="4"] .sliderdot:nth-child(3) { -webkit-transform: translate(0px, 200px) scale(1); transform: translate(0px, 200px) scale(1); } .active .slider-dots[dots="4"] .sliderdot:nth-child(4) { -webkit-transform: translate(-248px, -48px) scale(1); transform: translate(-248px, -48px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(2) { -webkit-transform: translate(194px, -201px) scale(1); transform: translate(194px, -201px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(3) { -webkit-transform: translate(241px, 8px) scale(1); transform: translate(241px, 8px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(4) { -webkit-transform: translate(109px, 174px) scale(1); transform: translate(109px, 174px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(5) { -webkit-transform: translate(-109px, 174px) scale(1); transform: translate(-109px, 174px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(6) { -webkit-transform: translate(-241px, 8px) scale(1); transform: translate(-241px, 8px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(7) { -webkit-transform: translate(-194px, -201px) scale(1); transform: translate(-194px, -201px) scale(1); } .slider-zag-item > span { height: 50px; } .slider-center { top: 6px; } .circline { top: 11%; right: 7%; } .ccl1 { right: calc((100vw - 128px) / 100 * 4.7); bottom: calc((100vw - 128px) / 100 * 15.2); } .ccl2 { right: calc(1600px / 100 * 9.7); bottom: calc(1600px / 100 * 6.7); } .fotogal-img { height: calc((100vw - 128px) / 100 * 20.779); } .videogal .fotogal-img { height: calc((100vw - 128px) / 100 * 17); } .gb-zag { width: calc((((100vw - 128px) + 64px) / 4 * 3) - 64px); } .foto-slider { margin: 0px 0px 120px -64px; } .foto-slider .owl-nav { width: calc(100vw - 128px); left: 64px; } .im-left { width: calc(((((100vw - 128px) + 64px) / 4)) * 1); } .ivest-modal .invest-ico { width: calc((((((100vw - 128px) + 64px) / 4)) * 1) - 18px); height: calc((((((100vw - 128px) + 64px) / 4)) * 1) - 18px); } .breadcrumbs { margin: 168px 0px 32px 0px; } .top-blcok-wrap .breadcrumbs { margin: 68px 0px 32px 0px; } .infra-slick-slide { margin-left: 50px; } .it-item { width: calc((((100vw - 128px)) / 3.37)); margin: 0px 64px 0px 0px; } .rast-imp { right: -562px; } .rezident-slider { width: 306px; height: 306px; margin: 59px auto 129px auto; } .rezident-slider img { width: 306px; height: 306px; } .overhid1600 { overflow: hidden; } .rezci { width: 848px; } .ot-ico { height: calc((100vw - 126px) * 0.3766); } .uslug-item { height: calc((100vw - 128px) * 0.396); } .us-ico { width: 120px; height: 120px; margin: 104px auto 0px auto; } .calendar-day.active:hover .calendar-day-info img { opacity: 1; width: calc((100vw - 128px) * 0.14); height: calc((100vw - 128px) * 0.14); } .rezident-downloadlogo { width: 306px; height: 306px; margin: 10px auto 129px auto; } .fileco { width: 306px; height: 306px; } .filevers span { bottom: -88px; } .lk-top { padding: 0px 0px 80px 0px; } .comp-image { height: calc((100vw - 128px) * 0.14691); } .coockie-block { width: calc(100% - 64px); left: 32px; } .support-measure ~ .cont-block { margin-left: auto; } .s1 .logo { width: 140px; margin-right: auto; } .menu a { margin-left: 16px; } .support-measure { font-size: 10px; padding: 0px 6px; } } @media (max-width: 1399px) { .fixed ~ .menulvl2 { padding: 120px 0px 0px 0px; } /*.fixed.hidden.header { top: -120px; }*/ } /*1360*/ @media (max-width: 1360px) { .logoo { width: 220px; } .s1 .logo { width: 100px; } .menu-zag { width: 220px; } .menu a { margin: 0px 0px 0px 8px; } .top-slider { margin: 40px 0px 108px 0px; height: calc(100vh - 304px); } .top-zag { margin: 32px 0px 0px auto; width: 152px; font-size: 32px; line-height: 36px; } .sn-left { margin: 12px 0px 52px 0px; } .sn-right { margin: 190px 0px 52px 0px; } .slider-num { width: 152px; } .slider-ico-list { width: 400px; height: 400px; } .slider-ico-shadow { width: 400px; height: 400px; } .slider-zag-list { width: 360px; height: 400px; } .slider-zag-item { font-size: 42px; line-height: 46px; } .slide-text-list { width: 296px; } .mt72 { margin: 0px 0px 0px 0px; } .golink { margin-top: 7px; } .fhr1 { margin: 39px 0px 80px 0px; } .fhr2 { margin: 72px 0px 39px 0px; } .partner-zag { margin: 0px 0px 8px 0px; width: 100%; } .slider-circle { top: -12px; } .active .slider-dots .sliderdot:nth-child(1) { -webkit-transform: translate(0px, -292px) scale(1) !important; transform: translate(0px, -292px) scale(1) !important; } .active .slider-dots[dots="2"] .sliderdot:nth-child(2) { -webkit-transform: translate(0px, 131px) scale(1); transform: translate(0px, 131px) scale(1); } .active .slider-dots[dots="3"] .sliderdot:nth-child(2) { -webkit-transform: translate(182px, 28px) scale(1); transform: translate(182px, 28px) scale(1); } .active .slider-dots[dots="3"] .sliderdot:nth-child(3) { -webkit-transform: translate(-182px, 28px) scale(1); transform: translate(-182px, 28px) scale(1); } .active .slider-dots[dots="4"] .sliderdot:nth-child(2) { -webkit-transform: translate(211px, -80px) scale(1); transform: translate(211px, -80px) scale(1); } .active .slider-dots[dots="4"] .sliderdot:nth-child(3) { -webkit-transform: translate(0px, 131px) scale(1); transform: translate(0px, 131px) scale(1); } .active .slider-dots[dots="4"] .sliderdot:nth-child(4) { -webkit-transform: translate(-211px, -80px) scale(1); transform: translate(-211px, -80px) scale(1); } .active .slider-dots[dots="5"] .sliderdot:nth-child(2) { -webkit-transform: translate(211px, -80px) scale(1); transform: translate(211px, -80px) scale(1); } .active .slider-dots[dots="5"] .sliderdot:nth-child(3) { -webkit-transform: translate(123px, 92px) scale(1); transform: translate(123px, 92px) scale(1); } .active .slider-dots[dots="5"] .sliderdot:nth-child(4) { -webkit-transform: translate(-123px, 92px) scale(1); transform: translate(-123px, 92px) scale(1); } .active .slider-dots[dots="5"] .sliderdot:nth-child(5) { -webkit-transform: translate(-211px, -80px) scale(1); transform: translate(-211px, -80px) scale(1); } .active .slider-dots[dots="6"] .sliderdot:nth-child(2) { -webkit-transform: translate(184px, -185px) scale(1); transform: translate(184px, -185px) scale(1); } .active .slider-dots[dots="6"] .sliderdot:nth-child(3) { -webkit-transform: translate(183px, 25px) scale(1); transform: translate(183px, 25px) scale(1); } .active .slider-dots[dots="6"] .sliderdot:nth-child(4) { -webkit-transform: translate(0px, 131px) scale(1); transform: translate(0px, 131px) scale(1); } .active .slider-dots[dots="6"] .sliderdot:nth-child(5) { -webkit-transform: translate(-183px, 25px) scale(1); transform: translate(-183px, 25px) scale(1); } .active .slider-dots[dots="6"] .sliderdot:nth-child(6) { -webkit-transform: translate(-184px, -185px) scale(1); transform: translate(-184px, -185px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(2) { -webkit-transform: translate(166px, -211px) scale(1); transform: translate(166px, -211px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(3) { -webkit-transform: translate(205px, -30px) scale(1); transform: translate(205px, -30px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(4) { -webkit-transform: translate(92px, 110px) scale(1); transform: translate(92px, 110px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(5) { -webkit-transform: translate(-92px, 110px) scale(1); transform: translate(-92px, 110px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(6) { -webkit-transform: translate(-205px, -30px) scale(1); transform: translate(-205px, -30px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(7) { -webkit-transform: translate(-166px, -211px) scale(1); transform: translate(-166px, -211px) scale(1); } .top-zag > span { height: 36px; } .slider-zag-item > span { height: 46px; } .double-text { margin-top: 224px; } .rast-slider { margin-bottom: 120px; height: 658px; } .rast-nav { margin-top: 297px; height: 658px; } .rast-slide-num { top: 243px; } .rast-slide-list { margin: 463px 64px 0px 0px; } .rast-slaid-num { top: 316px; } .rast-imp { width: 700px; height: 700px; top: 19px; right: -410px; } .rastos { width: 700px; height: 700px; } .rast-ico { top: 151px; left: -174px; width: 400px; height: 400px; } .rast-ico::before { width: calc(100% + 24px); height: calc(100% + 24px); top: -14px; left: -14px; } .maket { display: none; } .rast-circle { display: none; } .maket2 { display: block; top: 40px; left: 64px; } .colsmeh { -webkit-transform: translate(-76px, 8px); transform: translate(-76px, 8px); } .vibor-tab-list { margin: 38px 0px 0px 0px; } .big-gray-block { padding-bottom: 180px; } .ref3block { margin: 121px 0px 59px 0px; } .top-info { padding: 0px 0px 0px 0px; } .inner-top-zag { margin: 16px 68px 0px -4px; width: calc((((100% + 64px) / 4) - 64px) * 2 + 64px); } .top-text-wrap { top: -124px; left: calc((100vw - 128px) / 100 * 14.3); margin: 0px 0px -25px 0px; } .top-ico { width: calc((100vw - 128px) / 100 * 26.4); } .vibor-plosh-list { margin: 0px 64px 0px 0px; } .plosh-map { margin: -60px 0px 0px 0px; } .plosh-block { margin: 64px 0px -42px 0px; } .scroll-ico-view { height: calc(100vh - 128px); margin: 64px auto 0px auto; } .pb120 { padding-bottom: 120px; } .us-col .uslug-item { height: 344px; } .lkbleft br { display: none; } .new-item { height: auto; padding: 24px; } .ni-name { position: relative; left: auto; bottom: auto; width: 100%; text-align: center; } .ni-ico { transform: none; margin-bottom: 17px; } .half404 svg { width: 62.35294vw; height: 62.35294vw; } .stranonenad { margin: 36px -60px 0px auto; } .wrap404 h1 { width: 100%; font-weight: 300; font-size: 100px; line-height: 104px; margin: 25px 0px 47px 0px; } .wrap404 > .half404:last-child { -webkit-transform: translate(0px, -28px); transform: translate(0px, -28px); } } @media (max-width: 1320px) { .foto-slider .owl-item:last-child { display: none !important; } } @media (max-width: 1320px) and (min-width: 1271px) { .support-measure ~ .cont-block { padding-left: 18px; } .support-measure ~ .cont-block::before { left: -14px; } } @media (max-width: 1270px) { .support-measure ~ .cont-block { margin-left: 32px; } } /*1200*/ @media (max-width: 1200px) { .circle-img { width: 36.7vw; } .circle-block-item { width: 73vw; height: 73vw; } .first-circle { left: calc((100vw - 128px) / 100 * -16.4); margin: -42px 0px 0px 0px; } .second-circle { left: auto; right: calc((100vw - 128px) / 100 * -40.2); margin: calc((100vw - 128px) / 100 * -22.2) 0px 0px 0px; } .third-circle { left: calc((100vw - 128px) / 100 * -16.4); margin: calc((100vw - 128px) / 100 * -22.2) 0px 0px 0px; } .ccl1 { right: calc((100vw - 128px) / 100 * 5.1); bottom: calc((100vw - 128px) / 100 * 19.2); } .rez-min-slider { width: calc((((100% + 64px) / 4) - 64px) * 1.5); margin: 0px 32px 0px auto; } .uslug-list { width: calc(100% + 32px); } .us-col { width: calc(50% - 32px); margin: 0px 32px 0px 0px; } .us-col:nth-child(2) { margin: 32px 32px 0px 0px; } .us-name { font-size: 20px; line-height: 28px; } .uslug-item { width: calc(33.33% - 32px); margin: 0px 32px 32px 0px; height: calc((100vw - 128px) * 0.48); } } /*1024*/ @media (max-width: 1024px) { .in { width: calc(100% - 64px); } .top-slider { margin: 108px 0px 108px 0px; height: 485px; } .top-zag { margin: 8px 0px 0px auto; font-size: 32px; line-height: 36px; } .sn-left { margin: 12px 0px 51px 0px; } .slider-ico-list { width: 352px; height: 352px; } .slider-ico-shadow { width: 352px; height: 352px; } .slider-zag-list { width: 332px; height: 352px; } .slider-zag-item { font-size: 38px; line-height: 42px; } .sn-right { margin: 166px 0px 52px 0px; } .slide-text-list { width: 256px; } .slide-text-item li { margin: 0px 0px 6px 24px; } .zag { font-size: 40px; line-height: 40px; } .zag > span { height: 40px; } .circle-text-list { right: -213px; -webkit-transform: translate(0%, -53%); transform: translate(0%, -47%); } .second-circle .circle-text-list { left: -64px; -webkit-transform: translate(0%, -42%); transform: translate(0%, -42%); } .third-circle .circle-text-list { right: -310px; -webkit-transform: translate(0%, -41%); transform: translate(0%, -41%); } .logo-slider { width: calc(100vw - 32px); margin: 128px 0px 78px calc((100vw - 100%) / 2 * -1 + 32px); } .list { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .item { width: calc(50% - 32px); margin: 0px 0px 0px 0px; } .item-img { height: calc((100vw - 128px) / 100 * 34.8); } .main .item:nth-child(2) ~ .item { display: none; } .partner-list a { margin: 0px 32px 0px 0px; } .partner-list a:last-child { margin-right: 0px; } .partner-list img { height: 52px; } .footer { padding: 83px 0px 36px 0px; } .footer .button { padding: 16px 28px; } .active .slider-dots[dots="2"] .sliderdot:nth-child(2) { -webkit-transform: translate(0px, 84px) scale(1); transform: translate(0px, 84px) scale(1); } .active .slider-dots[dots="3"] .sliderdot:nth-child(2) { -webkit-transform: translate(160px, -7px) scale(1); transform: translate(160px, -7px) scale(1); } .active .slider-dots[dots="3"] .sliderdot:nth-child(3) { -webkit-transform: translate(-160px, -7px) scale(1); transform: translate(-160px, -7px) scale(1); } .active .slider-dots[dots="4"] .sliderdot:nth-child(2) { -webkit-transform: translate(187px, -103px) scale(1); transform: translate(187px, -103px) scale(1); } .active .slider-dots[dots="4"] .sliderdot:nth-child(3) { -webkit-transform: translate(0px, 84px) scale(1); transform: translate(0px, 84px) scale(1); } .active .slider-dots[dots="4"] .sliderdot:nth-child(4) { -webkit-transform: translate(-187px, -103px) scale(1); transform: translate(-187px, -103px) scale(1); } .active .slider-dots[dots="5"] .sliderdot:nth-child(2) { -webkit-transform: translate(187px, -104px) scale(1); transform: translate(187px, -104px) scale(1); } .active .slider-dots[dots="5"] .sliderdot:nth-child(3) { -webkit-transform: translate(106px, 51px) scale(1); transform: translate(106px, 51px) scale(1); } .active .slider-dots[dots="5"] .sliderdot:nth-child(4) { -webkit-transform: translate(-106px, 51px) scale(1); transform: translate(-106px, 51px) scale(1); } .active .slider-dots[dots="5"] .sliderdot:nth-child(5) { -webkit-transform: translate(-187px, -104px) scale(1); transform: translate(-187px, -104px) scale(1); } .active .slider-dots[dots="6"] .sliderdot:nth-child(2) { -webkit-transform: translate(164px, -195px) scale(1); transform: translate(164px, -195px) scale(1); } .active .slider-dots[dots="6"] .sliderdot:nth-child(3) { -webkit-transform: translate(160px, -6px) scale(1); transform: translate(160px, -6px) scale(1); } .active .slider-dots[dots="6"] .sliderdot:nth-child(4) { -webkit-transform: translate(0px, 84px) scale(1); transform: translate(0px, 84px) scale(1); } .active .slider-dots[dots="6"] .sliderdot:nth-child(5) { -webkit-transform: translate(-160px, -6px) scale(1); transform: translate(-160px, -6px) scale(1); } .active .slider-dots[dots="6"] .sliderdot:nth-child(6) { -webkit-transform: translate(-164px, -195px) scale(1); transform: translate(-164px, -195px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(2) { -webkit-transform: translate(147px, -220px) scale(1); transform: translate(147px, -220px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(3) { -webkit-transform: translate(182px, -59px) scale(1); transform: translate(182px, -59px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(4) { -webkit-transform: translate(78px, 66px) scale(1); transform: translate(78px, 66px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(5) { -webkit-transform: translate(-78px, 66px) scale(1); transform: translate(-78px, 66px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(6) { -webkit-transform: translate(-182px, -59px) scale(1); transform: translate(-182px, -59px) scale(1); } .active .slider-dots[dots="7"] .sliderdot:nth-child(7) { -webkit-transform: translate(-147px, -220px) scale(1); transform: translate(-147px, -220px) scale(1); } .slider-zag-item > span { height: 44px; } .mop.open { right: 32px; } .foto-slider { margin: 0px 0px 80px -32px; } .foto-slider .owl-nav { width: calc(100vw - 64px); left: 32px; } .im-left { width: calc(((((100vw - 64px) + 64px) / 4)) * 1); } .ivest-modal .invest-ico { width: calc((((((100vw - 64px) + 64px) / 4)) * 1) - 18px); height: calc((((((100vw - 64px) + 64px) / 4)) * 1) - 18px); } .top-text-wrap { top: -88px; } .top-num { font-size: 100px; line-height: 80px; } .top-num span { min-width: 176px; } .infra-slick-slide { margin-left: 0px; } .infra-top-slide { padding: 0px 64px 0px 80px; } .infra-num { padding: 0px 0px 0px 177px; } .rast-nav { margin: 314px 32px 0px 0px; } .colsmeh { width: calc((((100% + 64px) / 4) - 64px) * 1.5); } .rez-tt { left: calc((((100% + 64px) / 4) - 64px) / 2); } .our-team { width: calc(100% + 32px); } .member { width: calc(33.333% - 32px); margin: 0px 32px 48px 0px; } .calendar-day.active:hover .calendar-day-info img { opacity: 1; width: calc((100vw - 64px) * 0.14); height: calc((100vw - 64px) * 0.14); } .us-ico { width: 100px; height: 100px; margin: 56px auto 0px auto; } .uslug-item { height: calc((100vw - 128px) * 0.44); } .comp-image { width: calc((((100% + 32px) / 4) - 32px) * 1); height: calc((100vw - 64px) * 0.14691); margin: 0px 32px 32px 0px; } .spoiler-zag { margin: 0px 64px 0px 0px; } .zak-uslug { padding: 60px 32px 60px 90px; } .zak-uslug svg { left: 16px; } .podp-modal { background-position: -100px 0; } } /*PDA*/ @media (max-width: 950px) { .logo img { margin: 0px 0px 0px 0px; } .top-zag { margin: 0px 0px 0px 0px; } .cont-block, .lang-change { display: none; } .mop { margin: 0px 0px 0px 32px; } .slider-center { width: calc(100vw - 304px); height: calc(100vw - 304px); position: absolute; top: 48px; left: 120px; } .slider-circle { top: -16px; } .slider-ico-list { width: calc(100vw - 304px); height: calc(100vw - 304px); } .slider-ico-shadow { width: calc(100vw - 304px); height: calc(100vw - 304px); } .slider-zag-list { width: calc(100vw - 304px); height: calc(100vw - 304px); top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .slider-zag-list p { margin: 0px 0px 0px 0px; } .slider-zag-item { font-size: calc((100vw - 64px) / 100 * 6.2); line-height: calc((100vw - 64px) / 100 * 6.8); padding: 0px 16px 0px 16px; } .slider-zag-item > span { height: calc((100vw - 64px) / 100 * 6.8); } .top-slider.active .slider-dots .sliderdot { -webkit-transform: translate(0px, 0px) scale(1) !important; transform: translate(0px, 0px) scale(1) !important; } .active .slider-dots .sliderdot:nth-child(1) { top: calc((100vw - 272px) / 2 * -1 - 2px); } .active .slider-dots .sliderdot:nth-child(2) { top: calc((100vw - 272px) / 2 - 3px); } .active .slider-dots[dots="3"] .sliderdot:nth-child(2) { top: calc((100vw - 272px) / 2 * 0.51 - 3px); left: calc((100vw - 272px) / 2 * 0.858 - 3px); } .active .slider-dots[dots="3"] .sliderdot:nth-child(3) { top: calc((100vw - 272px) / 2 * 0.51 - 3px); left: calc((100vw - 272px) / 2 * -0.858 - 3px); } .active .slider-dots[dots="4"] .sliderdot:nth-child(2) { top: 0px; left: calc((100vw - 272px) / 2 - 4px); } .active .slider-dots[dots="4"] .sliderdot:nth-child(3) { top: calc((100vw - 272px) / 2 - 3px); } .active .slider-dots[dots="4"] .sliderdot:nth-child(4) { top: 0px; left: calc((100vw - 272px) / 2 * -1 - 2px); } .active .slider-dots[dots="5"] .sliderdot:nth-child(2) { top: calc((100vw - 272px) / 2 * -0.31 - 2px); left: calc((100vw - 272px) / 2 * 0.95 - 3px); } .active .slider-dots[dots="5"] .sliderdot:nth-child(3) { top: calc((100vw - 272px) / 2 * 0.798 - 2px); left: calc((100vw - 272px) / 2 * 0.59 - 3px); } .active .slider-dots[dots="5"] .sliderdot:nth-child(4) { top: calc((100vw - 272px) / 2 * 0.798 - 2px); left: calc((100vw - 272px) / 2 * -0.59 - 3px); } .active .slider-dots[dots="5"] .sliderdot:nth-child(5) { top: calc((100vw - 272px) / 2 * -0.31 - 2px); left: calc((100vw - 272px) / 2 * -0.95 - 3px); } .active .slider-dots[dots="6"] .sliderdot:nth-child(2) { top: calc((100vw - 272px) / 2 * -0.49 - 2px); left: calc((100vw - 272px) / 2 * 0.87 - 3px); } .active .slider-dots[dots="6"] .sliderdot:nth-child(3) { top: calc((100vw - 272px) / 2 * 0.48 - 2px); left: calc((100vw - 272px) / 2 * 0.87 - 3px); } .active .slider-dots[dots="6"] .sliderdot:nth-child(4) { top: calc((100vw - 272px) / 2 - 4px); } .active .slider-dots[dots="6"] .sliderdot:nth-child(5) { top: calc((100vw - 272px) / 2 * 0.48 - 2px); left: calc((100vw - 272px) / 2 * -0.87 - 3px); } .active .slider-dots[dots="6"] .sliderdot:nth-child(6) { top: calc((100vw - 272px) / 2 * -0.49 - 2px); left: calc((100vw - 272px) / 2 * -0.87 - 3px); } .active .slider-dots[dots="7"] .sliderdot:nth-child(2) { top: calc((100vw - 272px) / 2 * -0.61 - 2px); left: calc((100vw - 272px) / 2 * 0.793 - 3px); } .active .slider-dots[dots="7"] .sliderdot:nth-child(3) { top: calc((100vw - 272px) / 2 * 0.22 - 2px); left: calc((100vw - 272px) / 2 * 0.97 - 3px); } .active .slider-dots[dots="7"] .sliderdot:nth-child(4) { top: calc((100vw - 272px) / 2 * 0.89 - 2px); left: calc((100vw - 272px) / 2 * 0.435 - 3px); } .active .slider-dots[dots="7"] .sliderdot:nth-child(5) { top: calc((100vw - 272px) / 2 * 0.89 - 2px); left: calc((100vw - 272px) / 2 * -0.435 - 3px); } .active .slider-dots[dots="7"] .sliderdot:nth-child(6) { top: calc((100vw - 272px) / 2 * 0.22 - 2px); left: calc((100vw - 272px) / 2 * -0.97 - 3px); } .active .slider-dots[dots="7"] .sliderdot:nth-child(7) { top: calc((100vw - 272px) / 2 * -0.61 - 2px); left: calc((100vw - 272px) / 2 * -0.793 - 3px); } .top-slider { margin: 108px 0px 127px 0px; height: calc((100vw - 64px) * 1.2); } .sn-left { margin: 0px 0px 0px 0px; position: absolute; top: calc(100% - 252px); width: calc(50% - 88px); left: 0px; } .sn-right { margin: 0px 0px 0px 0px; position: absolute; top: calc(100% - 252px); width: calc(50% - 88px); right: 0px; } .active .sn-block { width: calc(100% - 70px); } .slider-num { margin: 0px 0px 0px 0px; position: absolute; top: calc(100% - 252px); width: 176px; left: calc(50% - 88px); text-align: center; } .slide-text-list { margin: 0px 0px 0px 0px; position: absolute; top: calc(100% - 184px); right: 0px; width: 100%; } .slider-bottom { display: none; } .double-text { margin: 0px 0px 94px 0px; } .one-part { width: 100%; } .refico { width: calc(50% - 18px); float: left; } .refico:nth-child(3), .refico:nth-child(5) { float: right; } .center-text { width: calc(75% - 8px); margin: 0px auto 0px 0px; } .ccl, .polici1, .polici2, .polici3, .polici4, .polici5, .polici6 { display: none; } .circle-block-item { width: 129.16666666666666vw; height: 129.16666666666666vw; } .circle-img { width: 65vw; } .first-circle { left: calc((100vw - 64px) / 100 * -34.9); margin: -172px 0px 0px 0px; } .circle-text-list { right: 41px; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); top: auto; bottom: -40px; } .second-circle { left: auto; right: calc((100vw - 64px) / 100 * 5.5); top: 0px; margin: calc((100vw - 64px) / 100 * -3.1) 0px 0px 0px; } .second-circle .circle-text-list { left: 408px; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); bottom: -162px; } .third-circle { left: calc((100vw - 64px) / 100 * -34.9); top: 0px; margin: calc((100vw - 64px) / 100 * -3.1) 0px 0px 0px; } .third-circle .circle-text-list { right: 41px; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); top: auto; bottom: -208px; } .third-circle + .center-text { margin: 254px 0px 0px auto; } .center-text .clircle-num { left: -32px; } .third-circle + .center-text p { margin: 0px 0px 32px 0px; } .mt72 { margin: 42px 0px 0px 0px; } .logo-slider { margin: 121px 0px 80px calc((100vw - 100%) / 2 * -1 + 32px); } .golink { margin-right: 90px; } .item { width: 100%; margin: 0px 0px 64px 0px; } .item-img { height: calc((100vw - 128px) / 100 * 76.8); } .item:last-child { margin: 0px 0px 0px 0px; } .mainblock .item:nth-last-child(2) { margin: 0px 0px 0px 0px; } .nmob { display: none !important; } .part { width: calc((100% + 64px) / 2 - 48px); -webkit-box-ordinal-group: 100; -ms-flex-order: 99; order: 99; } .part:nth-child(1) { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .part:nth-child(9) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .part:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .part:nth-child(3) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .part:nth-child(6) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .part:nth-child(4) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .footer-mar { -webkit-box-ordinal-group: 99999994; -ms-flex-order: 99999993; order: 99999993; } .footer { padding: 76px 0px 50px 0px; } .footer-logo { margin: 0px 0px 56px 0px; } .footer-social { margin: 18px 0px 0px 0px; } .copyright { margin: 88px 0px 8px 0px; } .footer .button { margin: 0px 0px 0px 0px; position: relative; top: -32px; } a.footer-link-creator { margin: -32px 0px 0px 0px; } .fhr2 { margin: -8px 0px 39px 0px; } .partner-zag { margin: 0px 0px 11px 0px; } .partner-list img { height: 35px; } .mob-menu-wrapper { overflow: auto; } .mob-menu { margin: 64px 0px 0px 0px; width: 100%; float: none; height: auto; overflow: visible; } .mob-menu-cont { width: 100%; float: left; margin: 32px auto 64px 0px; } .menu2lvl { overflow: visible; height: auto; } .visible .lvl2ul { z-index: 1; position: relative; } .image100 { width: 100vw; margin: 0px 0px 0px calc((100vw - 100%) / 2 * -1); } .fotogal-item { width: calc(50% - 64px); margin: 0px 64px 64px 0px; } .fotogal-img { height: calc((100vw - 128px) / 100 * 32); } .videogal .fotogal-img { height: calc((100vw - 128px) / 100 * 28); } .foto-nav { margin: 64px 0px 32px 0px; } .foto-nav .slider-nav { position: relative; top: 0px; } .fotnum { top: -52px; } .foto-slider img { height: 240px !important; } .text-block { width: 100%; } .text-width { width: 100%; } .breadcrumbs { display: none; } h1 { margin: 124px 0px 64px 0px; } .top-info { padding: 16px 0px 0px 0px; } .inner-top-zag { width: 520px; } .top-ico-wrap { width: 100%; } .top-ico { width: calc((100vw - 128px) / 100 * 50.8); margin: 63px 0px 0px calc((100vw - 128px) / 100 * 15.2); } .top-text-wrap { top: calc((100vw - 128px) / 100 * -20.5); left: calc((100vw - 128px) / 100 * 52.5); margin: 0px 0px -52px 0px; } .top-num { font-size: 120px; line-height: 100px; } .top-info .gbcs .gb-cirk:first-child { top: 699px; left: calc(50% - 589px); } .top-info .gbcs .gb-cirk:last-child { top: 537px; left: calc(50% - 978px); } .infra-num { padding: 0px 0px 0px 88px; } .infra-top-slide { padding: 0px 0px 0px 0px; width: calc(50% - 16px); } .infra-nav { position: relative; } .infra-nav .slider-nav { top: 0px; margin: 0px 0px 0px 0px; } .active .infra-nav .slider-nav { width: calc((((100% + 32px) / 4) - 32px)); } .it-item { width: calc((((100vw - 32px)) / 2.17)); margin: 0px 32px 0px 0px; } .infra-text-list { width: calc((((100% + 32px) / 4) - 32px) * 2 + 32px); } .infra-text-list::before { left: 0px; } .infra-text-item { left: 97px; width: calc((((100% + 32px) / 4) - 32px) * 2 + 96px); } .infra-text-item br { display: none; } .scroll-ico-list { display: none; } .si-nums { display: none; } .scroll-block { width: 100%; padding: 0px; } .scroll-wrap { margin: 86px 0px 0px 0px; } h2.spoiler-name { font-weight: 400; font-size: 40px; line-height: 48px; padding: 40px 88px 38px 0px; margin: 0px 0px 0px 0px; } .spoiler.open h2.spoiler-name { padding: 40px 88px 48px 0px; } .scroll-item { margin: 0px 0px 0px 0px; } .plosh-block { margin: 48px 0px -32px 0px; } .vibor-plosh-list { margin: 0px 0px 0px 0px; width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .plosh-map { margin: 0px 0px 40px 0px; width: 100%; height: calc((100vw - 64px) * 0.83); } .vp-item { width: 100%; } .rast-imp { height: 603px; width: 603px; top: 92px; right: -265px; } .rast-imp { height: 603px; width: 603px; top: 22px; right: -417px; } .rast-ico { top: 192px; left: -137px; width: 316px; height: 316px; } .rast-ico::before { width: calc(100% + 20px); height: calc(100% + 20px); top: -12px; left: -12px; } .rast-slider { margin-bottom: 120px; height: 606px; } .rast-nav { width: 64px; margin: 464px 32px 0px 0px; } .rast-slide-num { left: 88px; } .rast-slaid-num { left: 0px !important; } .rast-text { width: 218px; margin: 0px 0px 0px 0px; } .half-text { width: calc(50% - 16px); } .pdaone { width: 100%; margin: 0px 0px 0px 0px; } .colsmeh { width: calc((50% - 16px) - 56px); -webkit-transform: translate(8px, 88px); transform: translate(8px, 88px); } hr.grhr { margin: 80px 0px 72px 0px; } .vibor-block { display: none; } .vibor-block-mobile { display: block; } .vibor-block-mobile .spoiler { border: none; } .vibor-block-mobile .spoiler-name { padding: 47px 88px 10px 0px; } .vibor-block-mobile .spoiler.open .spoiler-name { padding: 47px 88px 34px 0px; } .vibor-block-mobile .spoiler.open .spoiler-name .vibor-select { color: #21B3E4; opacity: 1; } .mainblock .vibor-block-mobile .spoiler li { font-weight: 400; } .vibor-block-mobile .spoiler::after { top: 48px; } .vibor-block-mobile .spoiler-name::after { top: 76px; } .vibor-block-mobile .spoiler-content { display: none; margin: 0px 0px 0px 0px; } .tab-zag { position: relative; margin: 16px 0px 24px 0px; bottom: 0px; } .big-gray-block { padding-bottom: 121px; } .ref3block { margin: 121px 0px 56px 0px; } .ref3block .in { -ms-flex-wrap: wrap; flex-wrap: wrap; } .ref3block .refico { width: calc(50% + 1px); padding: 37px 0px 0px 154px; margin: 0px auto 99px auto; -webkit-transform: translate(8px, 0px); transform: translate(8px, 0px); } .refico.ri-big::before { width: 118px; height: 118px; } .gb-zag { width: calc((((100vw - 64px) + 32px) / 4 * 3) - 32px); } .gb-next { margin: 13px 0px 0px 32px; } .rezident-top h1 { position: relative; width: 100%; margin-bottom: 40px; } .rezident-right { width: calc(50% - 16px); } .rezident-slider { width: calc((100vw - 128px) / 100 * 47.5); height: calc((100vw - 128px) / 100 * 47.5); margin: 9px auto 161px auto; } .rezident-slider img { width: calc((100vw - 128px) / 100 * 47.5); height: calc((100vw - 128px) / 100 * 47.5); } .rez-tt { left: 0px; -webkit-transform: translate(0px, -18%); transform: translate(0px, -18%); } .rezident-left { width: calc((((100% + 32px) / 4) - 32px) * 1); margin: 0px 32px 0px 0px; } .rez-prok { top: 324px; } .rez-item { width: 100%; } .rez-ico { width: 37%; } .rez-info { width: calc(63% - 64px); } .invest-slide { margin: 0px 16px 0px 16px; } .invest-firs { width: 330px; padding: 196px 0px 0px 0px; } .invest-nav > div { -webkit-transform: translate(32px, 0px); transform: translate(32px, 0px); } .invest-nav { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .vd-left { width: 100vw; max-width: 100vw; margin: 0px 0px 118px -32px; } .vd-left .refico { left: 32px; } .video-double-block .in { display: block; } .vd-right { width: 100%; max-width: 100%; margin: 0px 0px 0px auto; } .vd-right .refico.ri-big { width: calc(50% - 18px); float: none; margin: 0px auto 98px auto; padding: 38px 0px 0px 151px; } .vd-right .refico.ri-big:last-child { margin-bottom: 52px; } .invest-slider { margin: 80px 0px 0px 32px; width: calc(100% - 32px); } .rezident-top h1 { width: 100%; } h1 { max-width: 100%; } .foto-slider.slick-slider { margin: 0px 0px 80px -32px; } .rezident-card .rezident-left { width: calc(50% - 32px); margin: 0px 0px 32px 0px !important; padding: 0px !important; } .cont-row { width: 100%; } .cont-row a { width: 100%; margin: 0px 32px 40px 0px; } .phr { margin: 62px 0px 80px 0px; } .mapref { width: 100%; margin: 0px 0px 20px 0px; } .our-team { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .member { width: calc(50% - 16px); margin: 0px 0px 48px 0px; } .ot-ico { height: calc((100vw - 64px) * 0.677); } .forma { width: calc(100% - 64px); margin: 80px auto 0px auto; } .in .forma { width: 100%; } #map { height: 60vw; } .pok-slider { width: calc(100vw); height: calc(100vw + 128px); overflow: hidden; margin: -125px 0px -45px -32px; } .pok-slider-outer { top: -10%; left: -10%; width: 120%; height: 120%; } .etap-steps { width: calc(100% + 32px); } .etap-steps p { padding-left: 40px; width: calc(33.3333% - 32px); margin: 0px 32px 0px 0px; } .etap-name-list { display: none; } .etap-row { margin: 80px 0px 0px 0px; } .etap-nums { padding-left: 0px; margin: 0px 0px 0px 0px; } .etap-slider-nav > div:first-child { margin-left: 0px; } .etap-graf { width: calc((((100% + 64px) / 4) - 64px) * 1); margin: 0px 8px 0px 0px; } .etap-ico-list { width: 64px; height: 64px; -ms-flex-negative: 0; flex-shrink: 0; } .etap-num { width: 100%; font-size: 100px; line-height: 108px; margin: 0px 0px 0px 0px; } .etap-etap { padding: 0px 0px 0px 0px; } .etap-info-list { width: calc((((100% + 32px) / 4) - 32px) * 2 + 136px); } .etap-info-item { font-size: 32px; line-height: 38px; } .etap-info-item > span { height: 38px; } .colsmeh.redact { -webkit-transform: translate(0px, 64px); transform: translate(0px, 64px); } .doc-ico { margin: 32px 0px 0px 32px; } .doc-name { max-width: calc(100% - 228px); } .calendar-day { padding: 0px 24px 8px 24px; } .calendar-day-info { margin: 2px auto 2px auto; } .cs-wrap:first-child { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .cs-wrap:first-child .jq-selectbox { border-top: none; } .month-slider { border-left: 1px solid #DCD7E0; } .fotogal-list { width: calc(100% + 32px); } .fotogal-item { width: calc(50% - 32px); margin: 0px 32px 32px 0px; } .videogal .fotogal-item { margin-bottom: 24px; } .rezident-card { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rezident-card .tr-zag { margin: 0px 0px 0px 0px; } .rezident-card .rezident-left:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } .rez-param { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0px 0px 16px 0px; } p.param-name { margin: 0px 8px 0px 0px; } .rezident-card .ankor-menu { margin: 0px 0px 80px 0px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .rez-min-slider { width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .video--wrapper + .pb120 { padding: 0px 0px 40px 0px; } .rez-min-num { text-align: center; } .rm-ico { left: 0px; margin: 0px auto 24px auto; } .rm-text-list { height: 120px; } .rm-text { top: 20px; } .rm-nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0px; margin: 0px 0px 40px 0px; } .lkbleft { font-size: 30px; line-height: 39px; } .lkbw { height: 456px; } .newlist { margin: 40px 0px 140px 0px; } .us-ico { width: 80px; height: 80px; margin: 70px auto 0px auto; } .uslug-item { width: calc(50% - 32px); margin: 0px 32px 32px 0px; height: 370px; } .vac-half { width: 100%; position: relative; } .vac-who { position: relative; } .vac-zp { margin: 24px 0px 16px 0px; } .afterzag { position: relative; } .afterzag a { display: block; width: calc(100% - 200px); margin: 0px 0px 8px 0px; } .afterzag a + a { margin-left: 0px; } .afterzag a + span { float: right; position: absolute; top: 0px; right: 0px; } .wrap404 { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 64px 0px 0px 0px; } .wrap404 > .half404 { width: 100%; } .stranonenad { margin: 0px 0px 0px 0px; } .half404 { width: calc(50% - 16px); } .text404 { width: auto; font-size: 17px; position: relative; } .half404 svg { width: calc(100vw - 64px); height: calc(100vw - 64px); } .ico404-wrap { width: 50vw; height: 50vw; } .ico404 { width: calc(50vw - 32px); height: calc(50vw - 32px); } .comp-image { width: calc(50% - 32px); height: calc((100vw - 64px) * 0.29); margin: 0px 32px 32px 0px; } .comp-image:nth-child(4n) { margin: 0px 0px 32px 0px; } .comp-image:nth-child(2n) { margin: 0px 0px 32px 0px; } .lk-top { padding: 64px 0px 0px 0px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .lk-top .rezident-left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .rezident-right { width: 100%; margin: 0px 0px 0px 0px; } .lkrow .in { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .lkrowref { margin: 0px 0px 32px 0px !important; width: 100%; } .lkrow { padding: 62px 0px 32px 0px; } .spoiler-zag { width: calc(100%); margin: 0px 0px 24px 0px; } .forma label.w33 { width: calc(50% - 32px); } .forma label.w75 { width: 100%; } #lkvid input[type="submit"] { margin: 0px 0px 40px 0px; } #lkvid label.w75 { margin-right: 0px; } .iml-clear { width: 100%; margin: 32px 0px 0px 0px; } .bydsil { margin: 0px auto 62px auto; display: block; width: calc(100% - 64px); } .bydsil + p { margin: 0px auto 62px auto; display: block; width: calc(100% - 64px); } .rezident-downloadlogo { margin: 10px auto 128px auto; } .bydsil { font-size: 32px; line-height: 39px; } .lk-top h1 { opacity: 1; } .lk-left { width: 100%; margin: 0px 0px 32px 0px; } .lk-right { width: 100%; margin: 0px 0px 0px 0px; padding: 32px 32px 32px 32px; } ul.lk-menu { margin: 0px 0px 0px 0px; } .zak-uslug { width: 100%; padding: 60px 32px 60px 128px; margin: 64px 0px 64px 0px; } .zak-uslug svg { left: 32px; } .lk-wrap { padding: 0px 0px 120px 0px; } .lk-vac-list .vac-zag { margin: 0px 0px 24px 0px; } .lk-vac-bottom { position: relative; } .lk-vac-list .vac-half { margin: 0px 0px 24px 0px; } .lk-vac-bottom a.golink { margin: 0px 0px 0px 100px; } .lk-vac-list .vac-half:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .lk-vac-list .vac-item { padding: 40px 0px 24px 0px; } .minrow { padding: 27px 0px 28px 0px; margin: 85px 0px 80px 0px; } .lkprofref { width: 100%; margin: 0px 0px 0px 0px; } .lkprofref { line-height: 20px; } .proff-butt { margin: 32px 0px 0px 0px; padding: 10px 40px 12px 40px; } .lk-left h1 { margin: 24px 0px 32px 0px; } .lk-right + .backlink { margin-top: 32px; } .fixed .logo { top: 0px; } .podpis-img { width: 100%; margin: 0px 0px 32px 0px; } .podpis-zag { width: 100%; padding: 0px 32px 0px 32px; text-align: center; } .podpis-gol { width: 100%; margin: 32px 0px 0px 0px; padding: 0px 32px 0px 32px; } .podpis-gol .golink { margin: 0px auto 0px auto; display: block; width: max-content; } .podp-modal { background: #fff; padding: 32px 32px 32px 32px; } .virt_tur { left: 10px; } .no-scroll { margin-right: 0; } } /*Mobile*/ @media (max-width: 620px) { body { font-size: 14px; line-height: 22px; } p { margin: 0px 0px 20px 0px; } .header { margin: 16px 0px 0px 0px; } .s1 .logo, .logo { width: 100px; } .logo img { margin: 0px 0px 0px 0px; } .in { width: calc(100% - 32px); } .search-ico { margin: 0px 0px 0px 10px; width: 24px; height: 24px; } .search-ico svg { width: 24px; height: 24px; } .lk { margin: 0px 0px 0px 16px; width: 24px; height: 24px; } .lk svg { width: 24px; height: 24px; } .mop { width: 24px; height: 24px; margin: 0px 0px 0px 10px; } .mop div { width: 12px; left: 6px; } .mop div:nth-child(1) { top: 6px; } .mop div:nth-child(2) { top: 11px; } .mop div:nth-child(3) { top: 16px; } .mop.open { top: 16px; right: 16px; } .mop.open div:nth-child(1) { top: 11px; } .mop.open div:nth-child(3) { top: 11px; } .top-slider { margin: 24px 0px 46px 0px; height: calc((100vw - 32px) * 1.633); } .top-zag { margin: 0px 0px 0px auto; font-size: 18px; line-height: 20px; } .top-zag > span { font-size: 18px; line-height: 20px; height: 20px; } .slider-center { width: calc(100vw - 60px); height: calc(100vw - 60px); top: 76px; left: 15px; } .slider-circle { top: 0px; } .slider-circle circle { stroke-width: 1.5px; } .slider-circle circle.sligo { stroke-width: 3px; } .slider-ico-list { width: calc(100vw - 76px); height: calc(100vw - 76px); top: 8px; } .slider-ico-shadow { width: calc(100vw - 76px); height: calc(100vw - 76px); top: 8px; } .sliderdot { width: 4px; height: 4px; top: -2px; left: -2px; } .sliderdot.active::after { -webkit-transform: translate(-50%, -50%) scale(1.5); transform: translate(-50%, -50%) scale(1.5); } .sliderdot svg { width: 32px; height: 32px; } .active .slider-dots .sliderdot:nth-child(1) { top: calc((100vw - 60px) / 2 * -1 - 2px); } .active .slider-dots[dots="2"] .sliderdot:nth-child(2) { top: calc((100vw - 60px) / 2 - 2px); } .active .slider-dots[dots="3"] .sliderdot:nth-child(2) { top: calc((100vw - 60px) / 2 * 0.51 - 2px); left: calc((100vw - 60px) / 2 * 0.858 - 2px); } .active .slider-dots[dots="3"] .sliderdot:nth-child(3) { top: calc((100vw - 60px) / 2 * 0.51 - 2px); left: calc((100vw - 60px) / 2 * -0.858 - 2px); } .active .slider-dots[dots="4"] .sliderdot:nth-child(2) { top: 0px; left: calc((100vw - 60px) / 2 - 3px); } .active .slider-dots[dots="4"] .sliderdot:nth-child(3) { top: calc((100vw - 60px) / 2 - 3px); } .active .slider-dots[dots="4"] .sliderdot:nth-child(4) { top: 0px; left: calc((100vw - 60px) / 2 * -1 - 2px); } .active .slider-dots[dots="5"] .sliderdot:nth-child(2) { top: calc((100vw - 60px) / 2 * -0.31 - 2px); left: calc((100vw - 60px) / 2 * 0.95 - 3px); } .active .slider-dots[dots="5"] .sliderdot:nth-child(3) { top: calc((100vw - 60px) / 2 * 0.798 - 2px); left: calc((100vw - 60px) / 2 * 0.59 - 1px); } .active .slider-dots[dots="5"] .sliderdot:nth-child(4) { top: calc((100vw - 60px) / 2 * 0.798 - 2px); left: calc((100vw - 60px) / 2 * -0.59 - 3px); } .active .slider-dots[dots="5"] .sliderdot:nth-child(5) { top: calc((100vw - 60px) / 2 * -0.31 - 2px); left: calc((100vw - 60px) / 2 * -0.95 - 2px); } .active .slider-dots[dots="6"] .sliderdot:nth-child(2) { top: calc((100vw - 60px) / 2 * -0.49 - 2px); left: calc((100vw - 60px) / 2 * 0.87 - 2px); } .active .slider-dots[dots="6"] .sliderdot:nth-child(3) { top: calc((100vw - 60px) / 2 * 0.48 - 1px); left: calc((100vw - 60px) / 2 * 0.87 - 2px); } .active .slider-dots[dots="6"] .sliderdot:nth-child(4) { top: calc((100vw - 60px) / 2 - 2px); } .active .slider-dots[dots="6"] .sliderdot:nth-child(5) { top: calc((100vw - 60px) / 2 * 0.48 - 1px); left: calc((100vw - 60px) / 2 * -0.87 - 2px); } .active .slider-dots[dots="6"] .sliderdot:nth-child(6) { top: calc((100vw - 60px) / 2 * -0.49 - 2px); left: calc((100vw - 60px) / 2 * -0.87 - 2px); } .active .slider-dots[dots="7"] .sliderdot:nth-child(2) { top: calc((100vw - 60px) / 2 * -0.61 - 2px); left: calc((100vw - 60px) / 2 * 0.793 - 2px); } .active .slider-dots[dots="7"] .sliderdot:nth-child(3) { top: calc((100vw - 60px) / 2 * 0.22 - 2px); left: calc((100vw - 60px) / 2 * 0.97 - 2px); } .active .slider-dots[dots="7"] .sliderdot:nth-child(4) { top: calc((100vw - 60px) / 2 * 0.89 - 1px); left: calc((100vw - 60px) / 2 * 0.435 - 2px); } .active .slider-dots[dots="7"] .sliderdot:nth-child(5) { top: calc((100vw - 60px) / 2 * 0.89 - 1px); left: calc((100vw - 60px) / 2 * -0.435 - 2px); } .active .slider-dots[dots="7"] .sliderdot:nth-child(6) { top: calc((100vw - 60px) / 2 * 0.22 - 2px); left: calc((100vw - 60px) / 2 * -0.97 - 2px); } .active .slider-dots[dots="7"] .sliderdot:nth-child(7) { top: calc((100vw - 60px) / 2 * -0.61 - 2px); left: calc((100vw - 60px) / 2 * -0.793 - 2px); } .slider-zag-list { width: calc(100vw - 60px); height: calc(100vw - 60px); } .slider-zag-item { font-size: calc((100vw - 32px) / 100 * 9); line-height: calc((100vw - 32px) / 100 * 10); font-weight: 500; } .slider-zag-item > span { font-size: calc((100vw - 32px) / 100 * 9); height: calc((100vw - 32px) / 100 * 10); } .sn-left { top: calc(100% - 89px); width: calc(50% - 36px); font-size: 8px; line-height: 20px; } .sn-right { top: calc(100% - 89px); width: calc(50% - 36px); font-size: 8px; line-height: 20px; } .active .sn-block { width: calc(100% - 44px); } .slider-num { top: calc(100% - 89px); width: 72px; left: calc(50% - 36px); font-size: 8px; line-height: 20px; } .tekslide { margin: 0px 4px 0px 0px; } .maxslide { margin: 0px 0px 0px 4px; } .slide-text-list { display: none; } .double-text { margin: 0px 0px 44px 0px; } .refico { width: 100%; float: none !important; margin: 0px 0px 16px 0px; padding: 11px 0px 0px 56px; font-size: 12px; line-height: 20px; } .refico::before { width: 40px; height: 40px; top: 0px; } .ri-play::before { background: url(/local/templates/main/styles/../img/play.svg) 14px 12px/13px auto no-repeat; } .center-text { width: 100%; margin: 0px 0px 0px 0px; } .zag { font-size: 20px; line-height: 20px; } .zag > span { height: 21px; } .circle-block-item { width: calc(100vw + 40px); height: calc(100vw + 40px); } .circle-img { width: 82vw; } .circle-text-item { margin: 0px 0px 40px 0px; } .circle-info { font-size: 11px; line-height: 12px; } .clircle-num { left: -8px; top: 0px; font-size: 64px; line-height: 48px; } .circle-text-list { top: auto; bottom: -100px; right: auto; left: calc(50% + 16px); } .first-circle { left: -34px; margin: -10px 0px 0px 0px; } .second-circle { left: -34px; margin: 96px 0px 0px 0px; } .second-circle .circle-text-list { top: auto; bottom: -154px; right: auto; left: calc(50% + 16px); } .second-circle .circle-text-item { margin: 0px 0px 28px 0px; } .third-circle { left: -34px; margin: 163px 0px 0px 0px; } .third-circle .circle-text-list { top: auto; bottom: -192px; right: auto; left: calc(50% + 16px); } .ot { font-size: 11px; line-height: 12px; top: -37px; left: -8px; } .third-circle + .center-text { margin: 282px 0px 0px 0px; } .third-circle + .center-text p { margin: 0px 0px 22px 0px; } .center-text .clircle-num { left: 77px; top: -67px; } .button { font-size: 12px; line-height: 16px; padding: 12px 20px; border-radius: 60px; } .mt72 { margin: 11px 0px 0px 0px; } .circle-block-list { margin: 0px 0px 60px 0px; } .logo-slider { margin: 68px 0px 28px calc((100vw - 100%) / 2 * -1 + 16px); width: calc(100vw - 16px); } .logo-slider.owl-carousel .owl-item img { height: 64px; } .grayblock { padding: 68px 0px 1px 0px; } .block-top { margin: 0px 0px 38px 0px; } .list { width: 100%; margin: 0px 0px 38px 0px; } .item { margin: 0px 0px 41px 0px; } .item-img { height: calc((100vw - 32px) / 100 * 70); margin: 0px 0px 26px 0px; } .item-zag { font-size: 16px; line-height: 20px; } .item-date { font-size: 11px; line-height: 16px; margin: 19px 0px 0px 0px; } .golink { margin-right: 52px; font-size: 10px; line-height: 20px; } .golink::before { top: 6px; right: 18px; width: 14px; } .golink::after { top: -1px; right: 10px; background: url("/local/templates/main/styles/../img/golink.svg") center center/5px no-repeat; } .afterlist { display: block; margin: 0px 0px 66px 0px; } .item-text { margin: 16px 0px 0px 0px; font-size: 11px; line-height: 16px; } .footer { padding: 60px 0px 24px 0px; } .footer-logo { margin: 0px 0px 34px 0px; } .footer-logo img { width: 100px; } .part { width: calc((100% + 64px) / 2 - 40px); } .footer-social { margin: 4px 0px 0px 0px; } .footer-social a { width: 32px; height: 32px; } .footer-social svg { width: 32px; height: 32px; } .fct { font-size: 11px; line-height: 16px; } .footer .button { padding: 12px 20px; top: -24px; } .copyright { margin: 55px 0px 16px 0px; font-size: 10px; line-height: 14px; } .fbc a { font-size: 10px; line-height: 14px; margin: 0px 0px 16px 0px; } .fhr2 { margin: -32px 0px 38px 0px; } .partner-zag { font-size: 11px; line-height: 14px; margin: 2px 0px 15px 0px; } .partner-list a { margin: 0px 16px 10px 0px; } .partner-list img { height: 24px; } .mob-menu-wrapper { padding: 16px 16px 16px 16px; } .mob-menu-lang-back { width: 100%; height: 24px; } .mm-lang { font-size: 10px; line-height: 24px; width: 24px; } .mob-menu { margin: 24px 0px 0px 0px; font-size: 20px; line-height: 24px; } .mob-menu li { margin: 0px 0px 20px 0px; } .mob-menu-cont { margin: 4px 0px 24px 0px; } .mob-menu-cont a { padding-left: 40px; margin: 0px 0px 8px 0px; font-size: 14px; line-height: 32px; } .rascr::before { width: 5px; height: 5px; top: 14px; left: 14px; } .mm-lk::before { width: 32px; height: 32px; } .mm-tel::before { width: 32px; height: 32px; background-size: 16px auto; } .mm-back { width: 24px; height: 24px; } .mm-close { width: 24px; height: 24px; left: auto; } .menu2lvl { top: 64px; left: 16px; } .lvl2ul a { font-size: 20px; line-height: 24px; margin: 0px 0px 40px 0px; } .mob-submenu { padding: 0px 0px 0px 40px; } .menu2lvl .mob-submenu li { margin: 0px 0px 22px 0px; } .menu2lvl .mob-submenu a { font-size: 14px; line-height: 22px; } .fotogal-list { width: 100%; } .fotogal-item { width: 100%; margin: 0px 0px 64px 0px; } .fotogal-img { height: calc((100vw - 34px) / 100 * 60); margin: 0px 0px 20px 0px; } .videogal .fotogal-img { height: calc((100vw - 34px) / 100 * 54); } .filtr { padding: 32px 0px 0px 0px; margin: 0px auto 0px auto; border-top: 1px solid #21B3E4; max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .filtr label { padding: 12px 24px 12px 24px; margin: 0px 8px 24px 8px !important; font-size: 12px; line-height: 16px; } h1 br { display: none; } h1 { font-size: 24px; line-height: 28px; margin: 42px 0px 34px 0px; } h2 { font-size: 22px; line-height: 32px; margin: 40px 0px 32px 0px; } h3 { font-size: 18px; line-height: 24px; margin: 40px 0px 32px 0px; } h4 { font-size: 16px; line-height: 24px; margin: 32px 0px 20px 0px; } h5 { font-size: 14px; line-height: 24px; margin: 20px 0px 8px 0px; } .hcenter { margin: 0px 0px 40px 0px; } .fotogal-zag { margin: 0px 0px 16px 0px; font-size: 18px; line-height: 22px; } .fotogal-text { font-size: 12px; line-height: 14px; } .fotogal-item { margin: 0px 0px 32px 0px; } .gray-block { padding: 46px 0px 47px 0px; } .gb-top { font-size: 12px; line-height: 16px; } .gb-cont { margin: 12px 0px 0px 0px; } .gb-zag { font-size: 24px; line-height: 28px; width: 100%; } .gb-next { margin: 22px 0px 0px 0px; font-size: 11px; line-height: 20px; } .nref { font-size: 11px; line-height: 20px; padding: 0px 28px 0px 0px; margin: 0px 4px 0px 0px; } .nref:hover { padding: 0px 32px 0px 0px; } .nref::before { width: 14px; height: 1px; top: 6px; right: 6px; } .nref::after { top: -2px; right: -2px; background: url("/local/templates/main/styles/../img/golink.svg") center center/5px no-repeat; } .gb-cirk { width: 360px; height: 360px; } .gb-cirk:first-child { top: -127px; left: -160px; } .gb-cirk:last-child { top: 42px; left: 7px; } .gb-cirk circle { stroke-width: 6px; } .foto-slider.slick-slider { margin: 0px 0px 60px -16px; } .fotnum { top: -52px; font-size: 8px; } .foto-slider img { height: 152px !important; margin: 0px 8px 0px 8px; } .afterzag { margin: -4px 0px 40px 0px; font-size: 12px; line-height: 16px; color: #807A85; } .backlink { font-size: 12px; padding: 0px 0px 0px 28px; } .backlink:hover { padding: 0px 0px 0px 32px; margin: 0px 0px 0px 0px; } .backlink::before { width: 13px; top: 13px; left: 8px; } .backlink::after { width: 8px; height: 16px; top: 5px; left: -3px; background: url("/local/templates/main/styles/../img/golink.svg") center center/6px no-repeat; } .inner ~ .footer { margin: 120px 0px 0px 0px; } .gray-block + .footer { margin: 0px 0px 0px 0px; } .blockquote2, blockquote.blockquote2, .blockquote3, blockquote.blockquote3 { padding: 0px 0px 0px 24px; } .blockquote2::before { content: ''; display: block; width: 20px; height: 16px; top: 0px; left: -2px; } .blockquote3::before { width: 2px; left: 0px; } a.outer-link { margin-right: 20px; } a.outer-link::after { width: 10px; height: 20px; top: 2px; right: -14px; } .file-in-text { padding-left: 28px; } .file-in-text::before { width: 22px; height: 22px; top: -1px; left: 0px; background-size: cover; } .mainblock ul li { margin-left: 16px; } .mainblock ul > li::before { width: 6px; height: 6px; top: 8px; left: -16px; } .mainblock ul li ul > li::before { width: 8px; top: 10px; } .mainblock ul li ul li ul > li::before { width: 6px; height: 6px; top: 8px; left: -16px; } .mainblock ul li ul li ul li ul > li::before { width: 6px; height: 6px; top: 8px; left: -16px; } .mainblock li { font-size: 12px; line-height: 20px; margin-bottom: 16px; } .mainblock ul ul { margin: 10px 0px 0px 0px; } .mainblock ol { padding-left: 28px; } .mainblock ol li { margin: 0px 0px 16px 0px; } .mainblock ol ol { margin: 16px 0px 0px 0px; padding: 0px 0px 0px 8px; } .mainblock ol > li::before { left: -20px; margin-right: 0px; } .mainblock ol ol > li::before { left: -28px; } .mainblock ol ol ol { padding: 0px 0px 0px 8px; } .mainblock ol ol ol > li::before { left: -36px; } .mainblock ol ol ol ol { padding: 0px 0px 0px 8px; } .mainblock ol ol ol ol > li::before { left: -44px; } .mainblock ol ol ol ol ol { padding: 0px 0px 0px 8px; } .mainblock ol ol ol ol ol > li::before { left: -52px; } .text-block img[align="left"], .text-block img[align="right"] { float: none; margin: 0px 0px 16px 0px; } .spoiler-name { font-size: 16px; line-height: 24px; padding: 27px 56px 28px 0px; } .spoiler-name p { font-size: 16px; line-height: 24px; margin: 0px 0px 0px 0px; } .spoiler.open .spoiler-name { padding: 27px 56px 28px 0px; } .spoiler::after { top: 24px; width: 40px; height: 40px; } .spoiler-name::after { top: 41px; right: 12px; width: 16px; height: 9px; } .mainblock table th, .mainblock table td { padding: 14px 12px 14px 12px; font-size: 12px; line-height: 18px; } .top-info { padding: 9px 0px 0px 0px; } .inner-top-zag > span { margin: 0px 8px 0px 0px; } .inner-top-zag span { height: 22px; } .top-ico { width: calc((100vw - 128px) / 100 * 71); margin: 38px 0px 0px 0px; } .top-text-wrap { top: calc((100vw - 32px) / 100 * -24.5); left: calc((100vw - 32px) / 100 * 32.5); margin: 0px 0px -52px 0px; } .top-num { font-size: calc((100vw - 32px) * 0.208); line-height: calc((100vw - 32px) * 0.208); margin: 0px 0px 9px 0px; } .top-num span { min-width: auto; } .top-text { font-weight: 500; font-size: 11px; line-height: 16px; margin-left: 2px; width: 110px; } .infra-slider { height: 358px; padding: 46px 0px 0px 0px; } .infra-num { font-size: 8px; line-height: 20px; width: 50px; margin: 0px auto 39px auto; padding: 0px 0px 0px 0px; text-align: center; } .infratek { margin: 0px 4px 0px 0px; } .infraall { margin: 0px 0px 0px 4px; } .infra-nav .slider-nav { top: -60px; margin: 0px 0px 0px 0px; } .active .infra-nav .slider-nav { width: calc(50% - 38px); } .infra-top-slide { width: 100%; } .its-ico-list { width: 40px; height: 40px; margin: 0px auto 7px auto; } .its-text-list { width: 100%; margin: 0px 0px 0px 0px; height: 22px; text-align: center; } .its-text-list span { width: 100%; } .infra-slick-slide { font-size: 64px; line-height: 64px; margin: 14px 0px 10px -16px; width: calc(100% + 32px); overflow: hidden; } .it-item { width: 154px; margin: 0px 24px 0px 0px; text-align: center; } .infra-text-list::before { display: none; } .infra-text-list { margin: 24px auto 0px auto; font-size: 14px; line-height: 16px; } .infra-text-item { left: 0px; width: 100%; padding: 0px 8px 0px 8px; } .infra-text-item p { margin: 0px 0px 16px 0px; } .infra-text-item sup { font-size: 8px; line-height: 8px; } .spoiler h2.spoiler-name { font-size: 22px; line-height: 32px; padding: 27px 56px 28px 0px; } .spoiler.open h2.spoiler-name { padding: 27px 56px 28px 0px; } .scroll-item p { margin: 0px 0px 16px 0px; } .spoiler-content { margin: 0px 0px 25px 0px; } .plosh-block { margin: 24px 0px -32px 0px; } .weizag { font-size: 24px; line-height: 32px; margin: 0px 0px 30px 0px; } .plosh-map { margin: 0px 0px 32px 0px; height: calc(100vw - 90px); } .plosh-map svg { height: calc(100vw - 32px); margin: -29px 0px 0px 0px; } .vp-item { width: 100%; margin: 0px 0px 24px 0px; } .vp-item.active { margin: 0px 0px 32px 0px; } .vp-zag { font-size: 24px; line-height: 32px; padding: 0px 0px 8px 0px; } .whiteblock { padding: 0px 0px 121px 0px; } .inner-zag { font-size: 18px; line-height: 22px; } .inner-zag span { height: 22px; } h1 + .center-text { margin-top: 42px; } .rast-slider { margin-bottom: 26px; height: 476px; } .rast-imp { height: 300px; width: 300px; top: 141px; right: -217px; } .rastos { width: 300px; height: 300px; } .rast-ico { top: 85px; left: -48px; width: 128px; height: 128px; } .rast-ico::before { width: calc(100% + 8px); height: calc(100% + 8px); top: -5px; left: -6px; } .rast-slide-num { left: 56px; top: 208px; font-size: 14px; line-height: 22px; text-align: left; } .cent-rast { margin: 0px 6px 0px 6px; } .rast-slaid-num { top: 266px; font-size: 64px; line-height: 48px; } .rast-nav { width: 40px; margin: 342px 32px 0px 0px; height: 98px; } .rast-nav > div { width: 40px; height: 40px; } .rast-slide-list { margin: 0px 0px 0px 0px; position: absolute; top: 350px; left: 56px; } .rast-text { width: 136px; font-size: 14px; line-height: 22px; } .big-gray-block { padding: 64px 0px 60px 0px; } .mb80 { margin-bottom: 40px; } .half-text { width: 100%; } .half-text p { margin: 0px 0px 40px 0px; } .colsmeh { width: calc(100% - 49px); -webkit-transform: translate(21px, 0px); transform: translate(21px, 0px); font-size: 12px; line-height: 20px; margin: 49px 0px 0px 0px; } .colsmeh::before { width: 38px; height: 38px; top: -49px; left: -21px; } hr.grhr { margin: 43px 0px 36px 0px; } .big-gray-block .gb-cirk:first-child { top: -31px; left: 67%; } .big-gray-block .gb-cirk:last-child { top: 182px; left: 49%; } .vibor-select { font-size: 24px; line-height: 32px; margin: 0px 0px 0px 0px; } .vibor-block-mobile .spoiler-name { padding: 28px 56px 4px 0px; } .vibor-block-mobile .spoiler.open .spoiler-name { padding: 28px 56px 4px 0px; } .vibor-block-mobile .spoiler-name::after { top: 42px; } .vibor-block-mobile .spoiler::after { top: 26px; } .mainblock ul li { margin-left: 16px; padding-left: 0px; } .mainblock ul > li::before { width: 6px; height: 6px; left: -15px; } .ref3block { margin: 62px 0px 27px 0px; } .ref3block .refico { width: 230px; padding: 27px 0px 0px 99px; margin: 0px auto 61px auto; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); line-height: 16px; } .refico.ri-big::before { width: 78px; height: 78px; top: 3px; left: 3px; } .ri-big.ri-play::before { background-size: 14px 18px; background-position: 33px 30px; } .refico.ri-big.ri-download::before { background-size: 48px auto; } .gray-block { margin: 80px 0px 0px 0px; } .rez-tt { left: 0px; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); top: 112px; } .rez-num { font-size: 58px; line-height: 48px; } .rez-tt p { margin: 8px 0px 0px 0px; font-size: 11px; line-height: 16px; width: 100%; } .rezident-top h1 { margin-bottom: 36px; } .rezident-right { width: calc(50% - 8px); margin: 0px 0px 0px auto; } .rezident-slider { width: calc((100vw - 128px) / 100 * 60.5); height: calc((100vw - 128px) / 100 * 60.5); margin: 0px auto 50px auto; } .rezident-slider img { width: calc((100vw - 128px) / 100 * 60.5); height: calc((100vw - 128px) / 100 * 60.5); } .rez-list { margin: 16px 0px 24px 0px; } .rez-item { margin: 0px 0px 39px 0px; } .rez-ico { width: 27.8%; margin: 0px 16px 0px 0px; } .rez-cantr { top: 6px; left: calc(50% - 6px); width: 12px; height: 12px; background-size: 12px auto; } .rez-info { width: calc(72.2% - 16px); margin: 0px 0px 0px 0px !important; } .rez-zag { font-size: 16px; line-height: 22px; margin: 0px 0px 7px 0px; } .rez-text { font-size: 11px; line-height: 16px; margin: 0px 0px 2px 0px; } .rez-country-tag { font-size: 10px; line-height: 14px; } .rez-hot { padding: 120px 0px 160px 0px; } .rh-zag { font-size: 24px; line-height: 32px; margin: 0px 0px 24px 0px; } .rez-hot { padding: 64px 0px 0px 0px; } .preslider { margin: 0px auto 120px 0px; } .invest-slider { margin: 42px 0px 0px 16px; width: calc(100% - 16px); } .invest-slide { width: 256px; padding: 16px 16px 24px 16px; margin: 0px 8px 0px 8px; min-height: 360px; } .invest-firs { width: 152px; padding: 112px 0px 0px 0px; margin: 0px 24px 0px 0px; } .invest-firs-zag { font-size: 24px; line-height: 32px; margin: 0px 0px 16px 0px; } .invest-firs-text { font-size: 11px; line-height: 14px; } .invest-firs-text br { display: none; } .invest-ico { width: 64px; height: 64px; margin: 0px 0px 24px 0px; } .invest-zag { font-size: 16px; line-height: 22px; margin: 0px 0px 8px 0px; } .invest-pos { font-size: 11px; line-height: 16px; margin: 0px 0px 15px 0px; } .invest-text { margin: 0px 0px 17px 0px; font-size: 12px; line-height: 20px; } .golink::before { top: 10px; } .golink::after { top: 2px; } .invest-nav { margin: 32px 0px -40px 0px; } .invest-nav > div { -webkit-transform: translate(16px, 0px); transform: translate(16px, 0px); width: 40px; height: 40px; } .video-double-block { overflow: hidden; } .vd-left { width: 100vw; max-width: 100vw; height: 232px; margin: 0px 0px 60px -16px; } .vd-left .refico { left: 16px; bottom: 1px; line-height: 9px; padding-left: 48px; } .vd-left .refico::before { width: 30px; height: 30px; background-size: 9px; background-position: 12px center; } .vd-right .refico.ri-big { width: 231px; margin: 0px auto 60px auto; padding: 27px 0px 0px 99px; line-height: 16px; } .pdm32 { margin-bottom: 32px !important; } .half-text p { margin-bottom: 20px; } .half-text ul { margin-bottom: 20px; } .ivest-modal { padding: 40px 0px 24px 0px; } .investor-close { top: -24px; width: 24px; } .im-left { width: 100%; margin: 0px 0px 40px 0px; } .ivest-modal .invest-ico { width: calc((100vw - 32px) * 0.44); height: calc((100vw - 32px) * 0.44); margin: 4px 4px 4px 4px; -webkit-box-shadow: 0px 0px 0px 4px #fff, 0px 0px 0px 5px #21B3E4; box-shadow: 0px 0px 0px 4px #fff, 0px 0px 0px 5px #21B3E4; } .im-right { width: 100%; padding-left: 0px; } .ivest-modal .invest-zag { font-size: 24px; line-height: 32px; margin: 0px 0px 16px 0px; } .ivest-modal .invest-pos { font-size: 12px; line-height: 20px; margin: 0px 0px 32px 0px; } .ivest-modal .invest-text p { font-size: 14px; line-height: 22px; } .top-blcok-wrap .cont-row { margin: 40px 0px 0px 0px; font-size: 14px; line-height: 16px; width: 100%; } .cont-row-2 { margin: 0px 0px 40px 0px; } .cont-row a { width: 100%; margin: 0px 0px 16px 0px; background-size: auto 100%; padding: 0px 0px 0px 24px; } .phr { margin: 40px 0px 40px 0px; } .top-blcok-wrap .mapref { font-size: 14px; line-height: 16px; background-size: auto 16px; padding: 0px 0px 0px 24px; } .section { padding: 40px 0px 1px 0px !important; } .text-zag { font-size: 24px; line-height: 28px; margin: 0px 0px 40px 0px; text-align: left; } .our-team { margin: 40px 0px 24px 0px; } .member { width: 100%; margin: 0px 0px 24px 0px; } .ot-ico { height: calc((100vw - 64px) * 1.677); } .forma { width: calc(100% - 32px); margin: 40px auto 0px auto; } .in .forma { width: 100%; } .forma label.w75, .forma label.w66, .forma label.w50, .forma label.w33, .forma label.w25 { width: 100%; } .label-zag { font-size: 14px; line-height: 16px; margin: 0px 0px 4px 0px; } .forma input, .forma textarea, .jq-selectbox { font-size: 14px; line-height: 16px; padding: 8px 10px; } .jq-selectbox { height: 34px; } .jq-selectbox__select { padding: 8px 10px; } .jq-selectbox__trigger { width: 16px; height: 8px; top: 13px; right: 10px; } .forma label { margin: 0px 0px 16px 0px; } .forma label.error { font-size: 12px; line-height: 14px; } .jq-checkbox, .jq-radio { width: 24px; height: 24px; margin: 0px 8px 0px 0px; } .jq-checkbox .jq-checkbox__div { top: 8px; left: 6px; } .jq-radio .jq-radio__div { top: 8px; left: 8px; } .check-label span { font-size: 14px; line-height: 16px; width: calc(100% - 32px); } .jq-checkbox label.error, .jq-radio label.error { font-size: 0 !important; } .captcha { margin: 0px 0px 18px 0px; } .captcha .g-recaptcha { -webkit-transform: scale(0.7) translate(-21%, 0px); transform: scale(0.7) translate(-21%, 0px); } .recap-error { -webkit-transform: scale(0.7) translate(-62px, 2px); transform: scale(0.7) translate(-62px, 2px); } .captcha label.error { top: calc(100% - 10px); } .forma input[type="submit"] { font-size: 14px; line-height: 16px; padding: 8px 20px 8px 20px; } .ankor-menu { margin: -8px 0px 46px 0px; font-size: 12px; line-height: 16px; } .ankor-menu a { margin: 0px 14px 14px 0px; font-size: 12px; line-height: 16px; } .gray-nadzag { font-size: 12px; line-height: 16px; margin: 0px 0px 24px 0px; } .etap-steps { display: none; } .etap-row { margin: 40px 0px 0px 0px; position: relative; } .etap-nums { display: none; } .etap-info-list { width: 100%; height: auto; top: 0px; margin: 24px 0px 24px 0px; } .etap-info-item { top: 0px; font-size: 22px; line-height: 24px; } .etap-info-item.active { position: relative; } .etap-info-item > span { height: 24px; } .etap-info-item span span { -webkit-transition: 0s; transition: 0s; } .etap-graf { width: 100%; margin: 0px 8px 0px 0px; } .etap-ico-list { width: 40px; height: 40px; border-width: 1px; margin: 4px 12px 0px 0px; } .etap-num { width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: 48px; line-height: 48px; margin: 0px 0px 0px 0px; } .etap-slider-nav > div { width: 40px; height: 40px; margin: 0px 8px 0px 0px; } .etap-etap { width: -webkit-max-content; width: -moz-max-content; width: max-content; } .etap-slider-nav { margin: 0px 0px 40px 0px; z-index: 1; position: relative; } .section .rez-hot { padding-bottom: 64px; } .mt120 { margin-top: 60px; } .inner-zag2 { font-size: 20px; line-height: 24px; margin: 0px 0px 32px 0px; } .colsmeh.redact { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); width: 100%; margin: 0px 0px 0px 40px; } .colsmeh::before { width: 24px; height: 24px; top: 5px; left: -12px; } .pok-slider { width: calc(100vw - 32px); height: calc(100vw + 64px); margin: 0px 0px 0px 0px; } .pok-content { top: 4px; left: 4px; width: calc(100% - 8px); height: calc(100% - 8px); } .pok-inner { width: calc(100vw - 40px); height: calc(100vw - 40px); } .pok-num { display: none; } .pok-zag-list { width: calc(100% - 64px); margin: 60px auto 16px auto; height: 100px; } .pok-zag { font-size: 14px; line-height: 16px; } .pok-zag span { height: 16px; } .pok-zag-list::before { bottom: -6px; } .pok-text-list { font-size: 12px; line-height: 16px; width: calc(100% - 64px); } .pokdotreal { width: 40px; height: 40px; font-size: 16px; line-height: 18px; -webkit-transform: translate(calc(-50% + 5px), calc(-50% + 5px)); transform: translate(calc(-50% + 5px), calc(-50% + 5px)); } .doc-list { margin: 40px 0px 60px 0px; } .doc-item { margin: 0px 0px 16px 0px; } .doc-name { font-size: 16px; line-height: 18px; margin: 24px 0px 0px 0px; max-width: calc(100% - 48px); border: none; } .doc-size { margin: 8px 0px 0px 0px; font-size: 12px; line-height: 14px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } .doc-ico { margin: 24px 0px 0px auto; width: 40px; height: 40px; background-size: 32px; } .rez-hot .gbcs .gb-cirk:first-child { -webkit-transform: translate(calc(-100% - 64px), 84px); transform: translate(calc(-100% - 64px), 84px); } .rez-hot .gbcs .gb-cirk:last-child { -webkit-transform: translate(calc(-100% + 124px), 155px); transform: translate(calc(-100% + 124px), 155px); } .calendar { margin: 40px 0px 80px 0px; } .calendar-form .jq-selectbox__select { padding: 12px 8px 10px; } .calendar-form .jq-selectbox { font-size: 14px; line-height: 16px; height: 40px; } .calendar-form .jq-selectbox__trigger { top: 16px; } .month-slider { padding: 0px 8px 0px 8px; height: 40px; } .month-prev, .month-next { width: 16px; height: 14px; } .month-prev svg, .month-next svg { width: 16px; height: 14px; } .month-slider-month { font-size: 20px; line-height: 24px; width: calc(100% - 40px); height: 24px; } .cr-zag .calendar-day { padding: 4px 4px 4px 4px; } .cr-dat { padding: 0px 0px 4px 0px; } .calendar-day { padding: 0px 4px 4px 4px; } .calendar-dat { font-size: 14px; line-height: 20px; } .calendar-day-info { margin: -8px auto 6px auto; width: 12px; height: 12px; } .jq-selectbox__dropdown ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 8px; } .calendar-data-modal { top: 216px; left: 50%; max-width: calc(100vw - 32px); padding: 24px 24px 24px 24px; } .event-name { font-size: 20px; line-height: 24px; margin: 0px 0px 32px 0px; width: calc(100% - 32px); } .event-close { top: 24px; right: 24px; width: 24px; } .event-ico-wrap { width: calc(100vw - 80px); height: calc(100vw - 80px); } .event-ico-cirk { width: calc(100vw - 80px); height: calc(100vw - 80px); } .calendar-data-modal.active .event-ico { width: calc(100vw - 120px); height: calc(100vw - 120px); } .event-nav .golink { font-size: 12px; line-height: 16px; width: 100px; } .event-nav .golink:first-child { padding: 0px 0px 0px 18px; } .event-nav .golink:last-child { padding: 0px 18px 0px 0px; } .event-nav .golink::before { display: none; } .event-nav .golink:last-child::after { right: 0px; } .md120 { margin: 0px 0px 60px 0px; } h2.center-zag { margin: 40px 0px 40px 0px; text-align: left; } .center-zag + .doc-list { margin: 40px 0px 40px 0px; } .rezident-top h1 { -webkit-box-ordinal-group: -2; -ms-flex-order: -3; order: -3; margin-bottom: 16px; } .rezident-card .ankor-menu { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; margin: 0px 0px 40px 0px; } .rezident-card .rezident-right { width: 100%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .rezident-card .rezident-left { width: 100%; margin: 0px 0px 32px 0px !important; padding: 0px !important; } .tr-zag { font-size: 16px; line-height: 18px; } .rez-param { display: block; margin: 0px 0px 16px 0px; } .param-name { font-size: 10px; line-height: 14px; } .param-data { font-size: 14px; line-height: 18px; } .vac-item { padding: 20px 0px 20px 0px; } .vac-half { width: 100%; } .vac-zag { font-size: 18px; line-height: 22px; margin: 0px 0px 8px 0px; } .vac-who { position: relative; font-size: 14px; line-height: 16px; } .vac-zp { margin: 8px 0px 16px 0px; font-size: 14px; line-height: 18px; } .zp-text { font-size: 12px; line-height: 18px; margin: 0px 0px 24px 0px; } .vaclen { font-size: 12px; line-height: 18px; margin: 8px 0px 24px 0px; } .vaclen .zp-text { margin: 0px 0px 0px 0px; } .zp-bottom { font-size: 12px; line-height: 14px; } .zp-bottom .golink { font-size: 12px; line-height: 14px; } .zp-bottom .golink::before { top: 8px; } .zp-bottom .golink::after { top: 0px; } .pb80 { margin-bottom: 40px; } .afterlisthr { margin: 0px 0px 32px 0px; } .afterback { margin: 0px 0px 80px 0px; } .videogal .fotogal-item .refico { width: 40px; left: 16px; bottom: 8px; margin: 0px 0px 0px 0px; } .rezci { width: calc(100vw + 32px); height: calc(100vw + 32px); top: -32px; } .rez-top-ico-wrap { width: calc(100vw - 32px); height: calc(100vw - 32px); } .rez-top-ico { width: calc(100vw - 32px); height: calc(100vw - 32px); padding: 6px; } .rez-top-ico img { width: calc(100vw - 48px); height: calc(100vw - 48px); } .mobfirst { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin: 0px 0px 32px 0px; } .video--wrapper + .pb120 { padding: 0px 0px 10px 0px; } .rez-min-num { margin: 0px 0px 16px 0px; } .rm-ico { left: 0px; margin: 0px auto 16px auto; width: 40px; height: 40px; } .rm-text-list { font-size: 14px; line-height: 20px; } .rm-nav { margin: 0px 0px 20px 0px; } .rm-nav > div { width: 40px; height: 40px; } .us-col { width: 100%; margin: 0px 0px 0px 0px; } .us-col:nth-child(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .uslug-list { width: 100%; } .us-col .uslug-item { height: 100%; margin: 0px 0px 32px 0px; } .us-col .us-ico { width: 80px; height: 80px; margin: 32px auto 0px auto; } .us-class { font-size: 12px; line-height: 14px; } .uslug-item { padding: 24px; width: 100%; margin: 0px 0px 32px 0px; height: auto; } .us-name { position: relative; left: 0px; bottom: 0px; width: 100%; font-size: 12px; line-height: 16px; margin: 24px 0px 0px 0px !important; } .uslug-item::before, .uslug-item::after { width: 12px; height: 1px; top: 34px; right: 24px; } .us-col .golink:last-child { margin: 40px 0px 40px 0px; font-size: 12px; line-height: 16px; } .lkr { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .lkbleft { font-size: 20px; line-height: 26px; width: 100%; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); z-index: 1; text-align: center; } .lkbw { height: auto; width: 100%; margin: 0px 0px 0px 0px; } .lk-big-button { width: 300px; height: 300px; position: relative; top: 0%; left: 0%; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); margin: 32px auto 64px auto; } .lk-big-button-content .golink { -webkit-transform: translate(-38%, 0%); transform: translate(-38%, 0%); font-size: 12px; line-height: 18px; } .lkrcb { width: 480px; height: 480px; -webkit-transform: translate(-50%, calc(-50% - 16px)) !important; transform: translate(-50%, calc(-50% - 16px)) !important; } .lkrcb circle { stroke-width: 1.1; } .lkrcm { width: 380px; height: 380px; -webkit-transform: translate(-50%, calc(-50% - 16px)) !important; transform: translate(-50%, calc(-50% - 16px)) !important; } .newlist { margin: 20px 0px 80px 0px; } .new-item { width: 100%; margin: 0px 0px 32px 0px; } .new-item::before { top: 28px; right: 32px; } .new-item::after { top: 20px; right: 24px; } .ni-ico { width: 80px; height: 80px; background-size: cover; margin-bottom: 6px; } .ni-name { font-size: 16px; line-height: 24px; width: calc(100% - 48px); text-align: center; position: relative; left: auto; bottom: auto; } .grbott .gb-cirk:first-child { top: auto; bottom: 207px; opacity: 0.5; } .grbott .gb-cirk:last-child { bottom: 96px; opacity: 0.5; } .us-ico { width: 80px; height: 80px; margin: 26px auto 0px auto; } .vac-form { margin: 0px 0px 16px 0px; } .vac-form-pan { margin: 10px 8px 9px 6px; font-size: 11px; line-height: 12px; letter-spacing: -0px; } .vac-form .jq-selectbox { font-size: 11px; line-height: 12px; height: 31px; } .vac-form .jq-selectbox__select { padding: 9px 10px 7px; } .vac-form .jq-selectbox__trigger { top: 12px; } .vac-form-pan::before { height: 16px; right: -10px; } .pagcifr { width: 100%; margin: 0px 0px 24px 0px; } .pagcifr a { width: 40px; height: 40px; font-size: 12px; line-height: 16px; } .pag-razd { font-size: 12px; line-height: 16px; width: 40px; height: 40px; } .text-block + .afterzag { margin: 20px 0px 24px 0px; } .afterzag a { width: 100%; } .afterzag a + span { float: none; position: relative; } .big-zp { font-size: 10px; line-height: 12px; } .big-zp b { font-size: 18px; line-height: 22px; margin: 0px 0px 0px 0px; letter-spacing: -0px; } .pb98 { padding-bottom: 49px; } .file-div { margin: 4px 0px 24px 0px; } .jq-file__browse { font-size: 12px; line-height: 16px; } .jq-file__browse::before { width: 40px; height: 40px; top: -12px; right: -56px; } label.file-label { margin: 0px 0px 8px 0px !important; } .changed.jq-file .jq-file__name { font-size: 12px; line-height: 16px; padding: 0px 0px 0px 40px; } .removefile { top: 0px; left: 0px; width: 24px; height: 24px; } .jq-file.changed { height: 24px; } label.file-label + label.file-label { height: 24px; } .fot0 ~ .footer { border-top: 1px solid #DCD7E0; margin-top: 0px; } .wrap404 { margin: 24px 0px 0px 0px; } .wrap404 h1 { font-size: 64px; line-height: 66px; margin: 25px 0px 26px 0px; } .half404 { width: 100%; } .text404 { font-size: 12px; line-height: 16px; margin: 16px 0px 0px 0px; } .wrap404 .golink:last-child { font-size: 12px; line-height: 16px; padding: 3px 41px 0px 0px; } .half404 svg { width: calc(100vw - 32px); height: calc(100vw - 32px); } .ico404-wrap { width: 60vw; height: 60vw; } .ico404 { width: calc(60vw - 32px); height: calc(60vw - 32px); } .comp-image { width: 100%; height: calc((100vw - 64px) * 0.6); margin: 0px 0px 32px 0px; } .lk-top { padding: 16px 0px 32px 0px; } .rezident-downloadlogo { width: 60vw; height: 60vw; margin: 10px auto 88px auto; } .fileco { width: 60vw; height: 60vw; background-size: 24vw; } .filevers span { font-size: 12px; line-height: 14px; bottom: -56px; } .lk-top .rezident-right { margin: 0px 0px 0px 0px; } .lk-top .rezident-left { margin: 0px 0px 0px 0px !important; } .lkrow { padding: 32px 0px 0px 0px; } .lkrowref { font-size: 12px; line-height: 14px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; } .lkrowref::before { width: 26px; height: 26px; top: -5px; left: 0px; } .mb120 { margin-bottom: 64px; } .spoiler-zag { width: calc(100%); margin: 0px 0px 6px 0px; } .sp-cond { font-size: 14px; line-height: 22px; padding: 0px 0px 0px 32px; } .sp-cond::before { width: 24px; height: 24px; top: -2px; } .iml-zag { width: 100%; margin: 0px auto 0px 0px; font-size: 12px; } .iml-clear { padding: 0px 0px 0px 24px; margin: 16px 0px 0px 0px; font-size: 12px; } .iml-clear::before { width: 16px; height: 16px; top: 6px; } .img-del { opacity: 1 !important; } .pb120 { padding-bottom: 60px; } .bydsil { margin: 0px auto 32px auto; padding: 60px 0px 0px 0px; width: calc(100% - 32px); font-size: 24px; line-height: 28px; } .bydsil + p { margin: 0px auto 32px auto; width: calc(100% - 32px); } .lkssil { text-align: center; padding: 60px 0px 80px 0px; } .bydsil { font-size: 18px; line-height: 20px; padding: 32px 0px 0px 0px; } .lkdrop { top: calc(100% + 12px); right: -36px; width: 248px; font-size: 12px; line-height: 14px; } .lkdrop a { padding: 10px 12px; } .lkdrop li.exit::after { width: 24px; height: 24px; top: 5px; right: 8px; } .lk-wrap { margin: 32px 0px 0px 0px; padding: 0px 0px 60px 0px; } .lk-menu a { padding: 10px 16px 10px 16px; } .lk-right { padding: 16px 16px 16px 16px; } .lk-right .forma label.w50 { width: 100%; } .smenpred { font-size: 18px; line-height: 24px; height: auto; margin: 0px 0px 0px 0px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 14px; line-height: 16px; } .zak-uslug { width: 100%; padding: 32px 32px 32px 48px; margin: 32px 0px 32px 0px; } .zak-uslug svg { left: 16px; width: 48px; } .lk-right .jq-file { padding: 0px 0px; margin: 0px 0px 0px 0px; } .lk-vac-list .vac-zag { margin: 0px 0px 16px 0px; } .lk-vac-bottom span { width: 100%; margin: 0px 0px 8px 0px; } .lk-vac-bottom a.golink { margin: 0px 0px 0px 0px; } .lk-vac-bottom a.golink::before { top: 8px; } .lk-vac-bottom a.golink::after { top: 0px; } .lk-vac-list .vac-half { margin: 0px 0px 16px 0px; } .lk-vac-bottom a { font-size: 12px; line-height: 14px; } .lk-vac-bottom span { font-size: 12px; line-height: 14px; } .redact, .delvac { width: 100%; margin: 0px 0px 8px 0px !important; padding: 0px 0px 0px 20px; background-size: 16px; } .lk-vac-list .vac-item { padding: 20px 0px 0px 0px; } .vacall b { display: block; } .vaccol { margin: 0px 0px 0px 0px; } .lkrow { padding: 18px 0px 28px 0px; margin: 20px 0px 24px 0px; } .lkprofref { font-size: 12px; line-height: 14px; } .proff-butt { margin: 16px 0px 0px 0px; padding: 8px 20px 8px 20px; font-size: 12px; line-height: 14px; } .vacall { font-size: 12px; line-height: 16px; margin: 0px 0px 24px 0px; } .blockwhite { padding: 20px 16px 20px 16px; margin: 24px 0px 24px 0px; } .vac-del-modal { max-width: calc(100% - 32px); padding: 16px 16px 32px 16px; max-height: 80vh; overflow: auto; } .vac-del-modal h2 { margin-top: 16px; margin-bottom: 20px; line-height: 24px; } .vdm-close { top: 6px; right: 6px; width: 24px; } .vac-modal-name { font-size: 16px; line-height: 22px; margin: 0px 0px 16px 0px; } .vac-modal-date { font-size: 12px; line-height: 14px; margin: 0px 0px 32px 0px; } .vac-modal-bottom .redact { font-size: 12px; line-height: 14px; border: none !important; margin: 24px 0px 0px 0px !important; } .lk-left h1 { margin: 0px 0px 0px 0px; } .lk-right + .backlink { margin-top: 32px; } .red-vac-bottom .delvac { font-size: 12px; line-height: 14px; margin: 16px 0px 0px 0px !important; display: block; } .lkn-con { width: 32px; height: 32px; top: 8px; right: 8px; } .newsred { right: 48px; } .mainblock { width: 100%; margin-top: 32px; } .footer .in:first-child, .fhr1 { display: none; } .virt_tur iframe { width: calc(100vw - 16px); height: calc(70vh - 48px); } .podpis { padding: 32px 0px 32px 0px; } .podpis-img img { width: 80px; } .podpis-zag { font-size: 20px; line-height: 24px; } .podpis-gol .golink { font-size: 12px; } .map-level-0 > li { margin-bottom: 24px !important; } .map-level-0 > li > a { font-size: 20px; line-height: 24px; } .map-level-1 { margin: 16px 0px 0px 24px !important; } .map-level-1 > li { margin: 0px 0px 4px 0px !important; } .map-level-1 > li > a { font-size: 16px; line-height: 16px; } .podp-modal { padding: 16px 16px 16px 16px; } .podp-zag { font-size: 24px; line-height: 26px; padding-right: 24px; } .podpis { margin: 0px 0px 0px 0px; } .partner-list .owl-item { width: 80px !important; } .partner-list img { width: auto !important; height: 80px !important; } .mainblock > .in > h1 { margin: 48px 0px 20px 0px; } .foto-slider + .backlink { margin: 64px auto 40px 0px; } .videoblock { margin: 40px 0px 32px 0px; height: 56vw; } .video-prev { width: unset !important; height: 100%; } .vpbutton { width: 48px; height: 48px; } .vpbutton svg { width: 16px; height: 17px; transform: translate(2px, 0px); } .mainblock + .gray-block { margin-top: 80px; } .etap-ico { width: 39px; height: 39px; } .scroll-table { height: 50vh; } .mCSB_container_wrapper { margin-right: 8px; margin-bottom: 0px; } .uslug-modal { padding: 32px; max-width: calc(100% - 32px); /* max-height: 80vh; */ } .modal-zag { font-size: 24px; line-height: 32px; max-width: calc(100% - 32px); } .us-col { margin: 0px 0px 0px 0px !important; } .uslug-close { top: 16px; right: 16px; width: 24px; } .login-del-modal { background: #fff; padding: 16px 16px 24px 16px; } .login-del-zag { font-size: 24px; line-height: 28px; } .login-top { margin: 0px 0px 20px 0px; } .forgot-pass { margin: 16px 0px 0px 0px; font-size: 12px; line-height: 16px; } #question_block .text-zag { padding-left: 16px; } .slider-ico-list { display: none !important; background: none !important; } .ico-lisr-2 { display: block; position: absolute; top: 0px; left: 0px; width: 100vw; height: calc((100vw - 32px) * 1.633); z-index: 0; } /*.ico-lisr-2 img { opacity: 1; display: block; }*/ .item-img + .item-prezag { display: none; } .fixed.header .logo img { height: 30px; margin: 15px 0px 0px 0px !important; } .coockie-block { width: calc(100% - 32px); max-width: calc(100% - 32px); left: 16px; bottom: 24px; padding: 10px 20px; } .coockie-block p { width: 100%; margin: 0px 0px 16px 0px; font-size: 12px; line-height: 14px; } .support-measure { font-size: 7px; padding: 0px 3px; } .support-measure ~ .lk { margin-left: auto; } .jq-selectbox__search input { padding: 4px 8px; font-size: 12px; line-height: 20px; } } @media (max-height: 680px) and (min-width: 951px){ .top-slider { margin-top: 76px; transform: scale(0.79) translate(0px, -88px); } } /* End */ /* Start:/local/templates/main/styles.css?160632062873*/ blockquote, .blockquote, .blockquote2, .blockquote3 { color: #523866; } /* End */ /* /local/templates/main/assets/jquery-ui.min.css?160632062332076 */ /* /local/templates/main/assets/owl.carousel.css?16063206234112 */ /* /local/templates/main/assets/magnific-popup.css?16063206236953 */ /* /local/templates/main/assets/jquery.formstyler.css?16063206232175 */ /* /local/templates/main/styles/fonts.css?16063206231071 */ /* /local/templates/main/styles/style.css?1770783473187591 */ /* /local/templates/main/styles/style2.css?16817090314183 */ /* /local/templates/main/styles/resize.css?177078443799820 */ /* /local/templates/main/styles.css?160632062873 */