/* Start:/local/assets/dev_js/libs/jquery-ui.min.css?175922967322131*/ /*! jQuery UI - v1.12.1 - 2019-06-05 * http://jqueryui.com * Includes: core.css, autocomplete.css, menu.css, datepicker.css, selectmenu.css, button.css, tabs.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * 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-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-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-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-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-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-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/assets/dev_js/libs/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/assets/dev_js/libs/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/assets/dev_js/libs/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/assets/dev_js/libs/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/assets/dev_js/libs/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/assets/dev_js/libs/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/assets/dev_js/libs/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* End */ /* Start:/local/assets/libs/jquery.fancybox.min.css?175922967312795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/assets/css/template.css?1759229673279554*/ @charset "UTF-8"; html, body, button, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } button { background-color: transparent; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { margin: 0; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* base parts */ /* media variables */ /* extends variables */ /* use @extends .extendsclass */ .textFont, html, body { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #232735; } * { box-sizing: border-box; } ul { list-style-type: none; } h1 { margin: 0; } html, body { min-height: 100%; min-width: 320px; margin: 0; background-color: #fff; } fieldset { min-width: 0; } @media screen and (min-width: 1024px) { .awPageWrapper { padding-top: 0; } } .awPageWrapper_content { background: #F4F9FC; } @media screen and (min-width: 1024px) { .awPageWrapper_fixedDashboard { padding-top: 85px; } } a { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px; color: #232735; text-decoration-line: underline; line-height: 1; } a:hover { text-decoration: none; } .globalWrapper { width: calc(100% - 30px); max-width: 1220px; margin: 0 auto; } @media screen and (min-width: 480px) { .globalWrapper { width: calc(100% - 40px); } } @media screen and (min-width: 768px) { .globalWrapper { width: calc(100% - 60px); } } .globalWrapper_narrow { max-width: 1106px; } ::-webkit-input-placeholder { font-size: 13px; line-height: 1.71; color: #666666; } :-moz-placeholder { font-size: 13px; line-height: 1.71; color: #666666; } ::-moz-placeholder { font-size: 13px; line-height: 1.71; color: #666666; } :-ms-input-placeholder { font-size: 13px; line-height: 1.71; color: #666666; } @media screen and (min-width: 992px) { ::-webkit-input-placeholder { font-size: 14px; } :-moz-placeholder { font-size: 14px; } ::-moz-placeholder { font-size: 14px; } :-ms-input-placeholder { font-size: 14px; } } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media screen and (min-width: 768px) { .hide-from-sm { display: none !important; } } @media screen and (min-width: 1024px) { .hide-from-md { display: none !important; } } @media screen and (max-width: 767px) { .hide-to-sm { display: none !important; } } @media screen and (max-width: 1023px) { .hide-to-md { display: none !important; } } :focus { outline-color: #007DC5 !important; } .contentBlackout { display: block; position: fixed; top: 0; left: 0; width: 100vw; height: 100%; background-color: rgba(17, 57, 144, 0.2); z-index: 9; animation: shadow 0.3s; } .table-wrap { overflow-x: auto; } .table-outher { width: 100%; max-width: 100%; overflow: auto; } @keyframes shadow { from { opacity: 0; } to { opacity: 1; } } .js-slider-news-2 .slick-slide > div { height: 100%; height: calc(100% - 16px); margin-bottom: 8px; } .js-slider-news-2 .slider__item { height: 100%; } .js-slider-news .slick-slide > div { height: 100%; } .js-slider-news .slider__item { height: 100%; } .js-slider-news .slick-slide { height: calc(100%); margin-bottom: 8px; } .ui-widget.ui-widget-content { max-height: 300px; overflow-y: auto; overflow-x: hidden; } .fancybox-bg { background-color: #1A47A9; } .fancybox-is-open .fancybox-bg { opacity: 0.4; } #beesenderchat-container .beesenderchat-team-profile-compact-team-name { padding-top: 0; } #beesenderchat-container .beesenderchat-team-profile-compact-team-name h6 { font-size: 17px !important; } /* components */ @keyframes button-primary_animation_jumping { from { transform: translateY(0); } 15% { transform: translateY(-3px); } 30% { transform: translateY(0); } 45% { transform: translateY(-3px); } 60% { transform: translateY(0); } 100% { transform: translateY(0); } } @keyframes button-primary_animation_shine { from { transform: rotateZ(60deg) translate(-5em, 7.5em); } 60% { transform: rotateZ(60deg) translate(-5em, 7.5em); } 100% { transform: rotateZ(60deg) translate(1em, -9em); } } .button-primary { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; letter-spacing: 0.5px; color: #FFFFFF; display: inline-block; cursor: pointer; transition: all 0.1s linear; text-align: center; padding: 8px 25px; min-width: 120px; width: 100%; background-color: #1A47A9; border-radius: 4px; text-decoration: none; } .number-sms_container { margin-top:0px !important; width: 48%; } .phone-confirmation__container { margin-top:20px; } .phone-confirmation__title { font-size: 13px !important; } .phone-confirmation__inputs-block { margin-top:24px; display: flex; justify-content: space-between; align-items: flex-end; } .phone-confirmation__buttons-container { margin-top:24px } .phone-confirmation__buttons-container__label { margin-top:5px } .phone-confirmation__buttons-block { margin-top:7px; } .phone-confirmation__buttons-container button:first-child { margin-right: 10px } .kpp-block { margin-top: 0px !important; } .button-primary_correct { border: 1px solid black; color: #2646A3; background-color: white !important; width:50% !important } .comment_textarea { width: 569px !important; height: 129px; margin-top: 5px; max-width: 569px; max-height: 129px } .legal-entity-form__button { margin-top:20px; width: 100% !important; } .tabs__block { margin-top:20px !important; } .button-primary_confirm { width:50% !important } .commentary___key { display: inline; } .commentary__value { margin-left: 5px; word-break: break-all } .button-primary_download { width:50% !important } @media screen and (min-width: 768px) { .button-primary { width: auto; } } @media screen and (min-width: 768px) { .button-primary { width: auto; } } .button-primary:disabled { cursor: default; background-color: #E7EAEF; } .button-primary:disabled:hover, .button-primary:disabled:focus, .button-primary:disabled:active { background-color: #E7EAEF; } .button-primary:hover, .button-primary:focus, .button-primary:active { background-color: #113990; } .button-primary_bgc_brand-2 { background-color: #FF7819; } .button-primary_bgc_brand-2:hover, .button-primary_bgc_brand-2:focus { background-color: #EC5907; } .button-primary_bgc_brand-2:active { background-color: #F55826; } .button-primary_icon_left, .button-primary_icon_right { padding: 12px 15px; min-width: 150px; } .button-primary_icon_left:disabled, .button-primary_icon_right:disabled { background-color: #BABDC8; } .button-primary_icon_left:disabled:hover, .button-primary_icon_left:disabled:focus, .button-primary_icon_left:disabled:active, .button-primary_icon_right:disabled:hover, .button-primary_icon_right:disabled:focus, .button-primary_icon_right:disabled:active { background-color: #BABDC8; } .button-primary_icon_left:before, .button-primary_icon_right:after { content: ''; display: inline-block; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z' fill='%23fff'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; vertical-align: middle; } .button-primary_pdv_lg { padding-top: 10px; padding-bottom: 10px; } @media screen and (min-width: 768px) { .button-primary_pdv_lg { padding-top: 16px; padding-bottom: 16px; } } .button-primary_pdv_xl { padding-top: 16px; padding-bottom: 16px; } .button-primary_icon_login { padding: 8px; min-width: auto; font-size: 0; } @media screen and (min-width: 768px) { .button-primary_icon_login { padding: 8px 10px; min-width: 150px; font-size: inherit; } } .button-primary_icon_login:before { margin-right: 0; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6C13.1 6 14 6.9 14 8C14 9.1 13.1 10 12 10C10.9 10 10 9.1 10 8C10 6.9 10.9 6 12 6ZM12 16C14.7 16 17.8 17.29 18 18H6C6.23 17.28 9.31 16 12 16ZM12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4ZM12 14C9.33 14 4 15.34 4 18V20H20V18C20 15.34 14.67 14 12 14Z' fill='%23fff'/%3E%3C/svg%3E%0A"); } @media screen and (min-width: 768px) { .button-primary_icon_login:before { width: 20px; height: 20px; margin-right: 5px; } } @media screen and (min-width: 1024px) { .button-primary_icon_login:before { margin-right: 15px; } } .button-primary_icon_login span { display: inline-block; vertical-align: middle; } .button-primary_icon_question:after { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' fill='%23fff'/%3E%3C/svg%3E%0A"); } .button-primary_attention { animation: button-primary_animation_jumping 2s ease-in-out infinite; position: relative; overflow: hidden; } .button-primary_attention:after { animation: button-primary_animation_shine 2s ease-in-out infinite; content: ''; position: absolute; top: -50%; right: -50%; bottom: -50%; left: -50%; background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 255, 255, 0.5) 50%, rgba(229, 172, 142, 0)); transform: rotateZ(60deg) translate(-5em, 7.5em); } .button-primary img { vertical-align: middle; margin-left: 5px; } .button-rounded-red { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 28px; min-width: 28px; height: 28px; padding: 2px; border-radius: 50%; font-size: 5px; line-height: 8px; font-weight: 700; color: white; text-align: center; text-decoration: none; text-transform: uppercase; background-color: #DF2028; box-shadow: inset -1px -1px 3px 0 rgba(0, 0, 0, 0.25); transition: background 0.3s ease, padding 0.3s ease; cursor: pointer; } @media screen and (min-width: 768px) { .button-rounded-red { width: 40px; min-width: 40px; height: 40px; font-size: 7px; line-height: 8px; box-shadow: inset -4px -4px 6px 0 rgba(0, 0, 0, 0.25); } } @media screen and (min-width: 1024px) { .button-rounded-red { width: 56px; height: 56px; min-width: 56px; font-size: 11px; line-height: 14px; box-shadow: inset -4px -4px 7px 0 rgba(0, 0, 0, 0.3); } } .button-rounded-red::before { position: absolute; top: 3px; left: 3px; display: block; width: calc(100% - 6px); height: calc(100% - 6px); border-top: 2px solid white; border-radius: 50%; opacity: 0.7; filter: blur(0.3px); transform: rotate(-36deg); pointer-events: none; transition: opacity 0.3s ease; content: ''; } @media screen and (min-width: 768px) { .button-rounded-red::before { top: 3px; left: 4px; width: calc(100% - 8px); height: calc(100% - 8px); border-top-width: 3px; filter: blur(0.5px); } } @media screen and (min-width: 1024px) { .button-rounded-red::before { top: 4px; left: 4px; border-top-width: 4px; filter: blur(0.7px); } } .button-rounded-red::after { position: absolute; top: 4px; left: 8px; display: block; width: 6px; height: 2px; background-color: white; filter: blur(1.1px); transform: rotate(157deg); pointer-events: none; transition: opacity 0.3s ease; content: ''; } @media screen and (min-width: 768px) { .button-rounded-red::after { top: 4px; left: 9px; width: 8px; height: 4px; filter: blur(1.6px); } } @media screen and (min-width: 1024px) { .button-rounded-red::after { top: 5px; left: 12px; width: 11px; height: 6px; filter: blur(2.1px); } } .button-rounded-red:hover { background-color: #f52831; } .button-rounded-red:active { padding-top: 3px; padding-left: 3px; box-shadow: inset 1px 1px 2px 3px rgba(0, 0, 0, 0.25); transition: none; } @media screen and (min-width: 768px) { .button-rounded-red:active { padding-top: 3px; padding-left: 3px; box-shadow: inset 2px 2px 2px 3px rgba(0, 0, 0, 0.25); } } @media screen and (min-width: 1024px) { .button-rounded-red:active { padding-top: 5px; padding-left: 5px; box-shadow: inset 2px 2px 4px 5px rgba(0, 0, 0, 0.3); } } .button-rounded-red:active::before, .button-rounded-red:active::after { opacity: 0; transition: none; } .button-secondary { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; letter-spacing: 0.5px; color: #1A47A9; display: inline-block; cursor: pointer; transition: all 0.1s linear; text-align: center; padding: 10px 25px; min-width: 140px; width: 100%; background-color: #FFFFFF; border: 1px solid #1A47A9; border-radius: 4px; text-decoration: none; } @media screen and (min-width: 768px) { .button-secondary { width: auto; padding: 15px 25px; } } .button-secondary:disabled { cursor: default; border-color: #BABDC8; color: #BABDC8; } .button-secondary:disabled:hover, .button-secondary:disabled:focus, .button-secondary:disabled:active { border-color: #BABDC8; color: #BABDC8; } .button-secondary:hover, .button-secondary:focus { color: #3E465F; border-color: #3E465F; } .button-secondary:active { color: #1A47A9; border-color: #1A47A9; } .button-secondary_icon_left:before, .button-secondary_icon_right:after { content: ''; } .button-secondary_icon_left, .button-secondary_icon_right { min-width: 160px; padding-top: 11px; padding-bottom: 11px; } .button-secondary_icon_left:before, .button-secondary_icon_left:after, .button-secondary_icon_right:before, .button-secondary_icon_right:after { display: inline-block; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z' fill='%231A47A9'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; vertical-align: middle; } .button-secondary_icon_left:hover:before, .button-secondary_icon_left:focus:before, .button-secondary_icon_left:hover:after, .button-secondary_icon_left:focus:after, .button-secondary_icon_right:hover:before, .button-secondary_icon_right:focus:before, .button-secondary_icon_right:hover:after, .button-secondary_icon_right:focus:after { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z' fill='%233E465F'/%3E%3C/svg%3E%0A"); } .button-secondary_icon_left:active:before, .button-secondary_icon_left:active:after, .button-secondary_icon_right:active:before, .button-secondary_icon_right:active:after { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z' fill='%231A47A9'/%3E%3C/svg%3E%0A"); } .button-secondary_icon_left:disabled:before, .button-secondary_icon_left:disabled:after, .button-secondary_icon_left:disabled:hover:before, .button-secondary_icon_left:disabled:hover:after, .button-secondary_icon_right:disabled:before, .button-secondary_icon_right:disabled:after, .button-secondary_icon_right:disabled:hover:before, .button-secondary_icon_right:disabled:hover:after { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z' fill='%23BABDC8'/%3E%3C/svg%3E%0A"); } .button-secondary_icon_left { padding-right: 30px; } .button-secondary_icon_left:before { margin-right: 15px; } .button-secondary_icon_right { padding-left: 30px; } .button-secondary_icon_right:after { margin-left: 15px; } .button-secondary_iconArrow:after { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' fill='%231A47A9'/%3E%3C/svg%3E%0A"); } .button-secondary_iconArrow:hover:after { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' fill='%23000'/%3E%3C/svg%3E%0A"); } .button-secondary_pdv_lg { padding-top: 18px; padding-bottom: 18px; } .button-secondary_bgc_brand-2 { border-color: #FF7819; color: #FF7819; } .button-rounded { display: inline-block; cursor: pointer; transition: all 0.1s linear; text-align: center; width: 48px; height: 48px; background: #1A47A9 url("/local/assets/css/../img/icons/icon-24-1-1_white.svg") no-repeat center; border-radius: 50%; } .button-rounded:disabled { cursor: default; background-color: #BABDC8; } .button-rounded:disabled:hover, .button-rounded:disabled:focus, .button-rounded:disabled:active { background-color: #BABDC8; } .button-rounded:hover, .button-rounded:focus { background-color: #113990; } .button-rounded:active { background-color: #3E465F; } .button-text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #1A47A9; display: inline-block; cursor: pointer; transition: all 0.1s linear; text-decoration: none; } .button-text:hover { color: #007DC5; } .button-text:disabled { cursor: default; color: rgba(62, 70, 95, 0.2); } .button-text:disabled:active { color: rgba(62, 70, 95, 0.2); } .button-text:active { color: #232735; } .button-text_cl_brand-2 { color: #FF7819; } .button-text_cl_brand-2:hover { color: #F55826; } .link { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #1A47A9; text-decoration: none; } @media screen and (min-width: 480px) { .link { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px; color: #1A47A9; text-decoration-line: underline; text-decoration: none; } } .input { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #113990; width: 100%; transition: all 0.1s linear; background-color: #FFFFFF; padding: 12px 16px; border-radius: 4px; border: 1px solid #A1A4B1; } .input::placeholder { color: #80869B; } .input::-moz-placeholder { color: #80869B; } .input::-webkit-input-placeholder { color: #80869B; } .input:-ms-input-placeholder { color: #80869B; } .input::-ms-input-placeholder { color: #80869B; } .input::placeholder { font-size: 14px; } .input::-moz-placeholder { font-size: 14px; } .input::-webkit-input-placeholder { font-size: 14px; } .input:-ms-input-placeholder { font-size: 14px; } .input::-ms-input-placeholder { font-size: 14px; } .input:hover::placeholder { color: #505565; } .input:hover::-moz-placeholder { color: #505565; } .input:hover::-webkit-input-placeholder { color: #505565; } .input:hover:-ms-input-placeholder { color: #505565; } .input:hover::-ms-input-placeholder { color: #505565; } .input:focus { color: #113990; border-color: #007DC5; } .input_bgc_ui-2 { background-color: #F3F5F7; } .select { width: 100%; position: relative; } .select__button { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #113990; width: 100%; padding-right: 45px; position: relative; text-align: left; transition: all 0.1s linear; cursor: pointer; background-color: #FFFFFF; padding: 12px 16px; padding-right: 50px; border-radius: 4px; border: 1px solid #A1A4B1; } .select__button:focus { color: #113990; border-color: #007DC5; } .select__button:disabled { cursor: default; } .select__button:after { width: 0; height: 0; border-top: 5px solid #113990; border-right: 5px solid transparent; border-left: 5px solid transparent; content: ''; position: absolute; top: 50%; right: 25px; transform: translateY(-50%); } .select__button_placeholder { color: #80869B; font-size: 14px; } .select__button_placeholder:after { width: 0; height: 0; border-top: 5px solid #80869B; border-right: 5px solid transparent; border-left: 5px solid transparent; } .select__list { display: none; position: absolute; width: 100%; background-color: #FFFFFF; border-radius: 4px; box-shadow: 0px 4px 8px rgba(30, 38, 46, 0.25); z-index: 1; } .select__input { position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); opacity: 0; } .select__label { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; display: block; padding: 5px 16px; cursor: pointer; transition: all 0.1s linear; } .select__label:hover { background-color: #F3F5F7; } .select.open .select__list { display: block; } .form-field { display: flex; flex-direction: column; align-items: flex-start; width: 100%; } .form-field.checkbox { align-items: flex-end; } .form-field--checkbox-start.checkbox { align-items: flex-start; } .form-field__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; margin-top: auto; margin-bottom: 6px; } .form-field_state_error .form-field__input { border-color: #EC5907; color: #EC5907; } .form-field_state_error .form-field__input::placeholder { color: #EC5907; } .form-field_state_error .form-field__input::-moz-placeholder { color: #EC5907; } .form-field_state_error .form-field__input::-webkit-input-placeholder { color: #EC5907; } .form-field_state_error .form-field__input:-ms-input-placeholder { color: #EC5907; } .form-field_state_error .form-field__input::-ms-input-placeholder { color: #EC5907; } .form-field_state_error .form-field__input:hover::placeholder { color: #EC5907; } .form-field_state_error .form-field__input:hover::-moz-placeholder { color: #EC5907; } .form-field_state_error .form-field__input:hover::-webkit-input-placeholder { color: #EC5907; } .form-field_state_error .form-field__input:hover:-ms-input-placeholder { color: #EC5907; } .form-field_state_error .form-field__input:hover::-ms-input-placeholder { color: #EC5907; } .form-field_state_error .form-field__input:focus { color: #113990; border-color: #007DC5; } .form-field_state_error .form-field__input:focus::placeholder { color: #80869B; } .form-field_state_error .form-field__input:focus::-moz-placeholder { color: #80869B; } .form-field_state_error .form-field__input:focus::-webkit-input-placeholder { color: #80869B; } .form-field_state_error .form-field__input:focus:-ms-input-placeholder { color: #80869B; } .form-field_state_error .form-field__input:focus::-ms-input-placeholder { color: #80869B; } .form-field_state_error .select:not(.open) .select__button { border-color: #EC5907; color: #EC5907; } .form-field_state_error .select:not(.open) .select__button:after { width: 0; height: 0; border-top: 5px solid #EC5907; border-right: 5px solid transparent; border-left: 5px solid transparent; } .form-field_state_error.file-input .file-input__file-name { border-color: #EC5907; } .form-field_state_error.file-input .file-input__text { color: #EC5907; } .form-field_state_disabled { opacity: 0.4; } .form-field_state_disabled .form-field__input:hover::placeholder { color: #80869B; } .form-field_state_disabled .form-field__input:hover::-moz-placeholder { color: #80869B; } .form-field_state_disabled .form-field__input:hover::-webkit-input-placeholder { color: #80869B; } .form-field_state_disabled .form-field__input:hover:-ms-input-placeholder { color: #80869B; } .form-field_state_disabled .form-field__input:hover::-ms-input-placeholder { color: #80869B; } .form-field_search input { padding-left: 40px; background: transparent url(/local/assets/css/../img/icons/icon-24-1-1-gray.svg) 10px 50% no-repeat; } .form-field_gray input { background-color: #F3F5F7; } .form-field_gray textarea { background-color: #F3F5F7; } .form-field_gray .select__button { background-color: #F3F5F7; } .form-field__description { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #1A47A9; margin-top: 7px; } .form-field__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #505565; margin-top: 7px; } .form-field__narrow { max-width: 450px; } @media screen and (min-width: 768px) { .form-field_row { flex-direction: row; align-items: flex-start; } } @media screen and (min-width: 768px) { .form-field_row > * + * { margin-left: 30px; } } @media screen and (min-width: 768px) { .form-field_row .form-field__title, .form-field_row > *:first-child { margin: 0; max-width: 145px; width: 100%; flex-shrink: 0; } } @media screen and (min-width: 768px) { .form-field_row .form-field__input, .form-field_row > *:nth-child(2) { max-width: 451px; } } .tabs { display: flex; flex-direction: column; justify-content: center; } .tabs__title { display: inline-flex; max-width: 100%; margin: 0 auto; margin-bottom: 20px; padding-bottom: 10px; overflow: auto; } @media screen and (min-width: 768px) { .tabs__title { margin-bottom: 30px; } } .tabs__item { margin-right: 15px; } .tabs__item:last-child { margin-right: 0; } .tabs__button { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #505565; display: inline-block; position: relative; border-radius: 4px; padding: 8px; border: 1px solid #A1A4B1; cursor: pointer; min-width: 140px; text-align: center; transition: all 0.1s linear; } .tabs__button:hover, .tabs__button:focus { color: #1A47A9; border-color: #1A47A9; } .tabs__button.active { color: #FFFFFF; background-color: #1A47A9; border-color: #1A47A9; } .tabs__button.active:before { width: 0; height: 0; border-top: 8px solid #1A47A9; border-right: 7.5px solid transparent; border-left: 7.5px solid transparent; content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); } .tabs__button.active:after { content: none !important; } .tabs__button.done { display: flex; align-items: center; justify-content: center; } .tabs__button.done:after { content: ''; display: inline-block; width: 13px; height: 13px; margin-left: 11px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0.5C4.48 0.5 0 4.98 0 10.5C0 16.02 4.48 20.5 10 20.5C15.52 20.5 20 16.02 20 10.5C20 4.98 15.52 0.5 10 0.5ZM10 18.5C5.59 18.5 2 14.91 2 10.5C2 6.09 5.59 2.5 10 2.5C14.41 2.5 18 6.09 18 10.5C18 14.91 14.41 18.5 10 18.5Z' fill='%231A47A9'/%3E%3Cpath d='M14.59 6.08008L8 12.6701L5.41 10.0901L4 11.5001L8 15.5001L16 7.50008L14.59 6.08008Z' fill='%231A47A9'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: contain; } .tabs__content { display: none; } .tabs__content.active { display: block; } .tabs_left .tabs__title { margin-left: 0; } .tabs_left .tabs__button { white-space: nowrap; } .tabs_auto .tabs__button { min-width: auto; padding-left: 30px; padding-right: 30px; } .tabs_request .tabs__button.active:before { content: none; } .tabs_request .tabs__item { margin-right: 0; } .tabs_request .tabs__title > * + * { position: relative; margin-left: 60px; } .tabs_request .tabs__title > * + *:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -45px; width: 30px; height: 8px; background-image: url("data:image/svg+xml,%3Csvg width='31' height='8' viewBox='0 0 31 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.3536 4.35355C30.5488 4.15829 30.5488 3.84171 30.3536 3.64645L27.1716 0.464466C26.9763 0.269204 26.6597 0.269204 26.4645 0.464466C26.2692 0.659728 26.2692 0.976311 26.4645 1.17157L29.2929 4L26.4645 6.82843C26.2692 7.02369 26.2692 7.34027 26.4645 7.53553C26.6597 7.7308 26.9763 7.7308 27.1716 7.53553L30.3536 4.35355ZM0 4.5H30V3.5H0V4.5Z' fill='%23BABDC8'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: contain; } .head-dashboard .globalWrapper { display: grid; grid-template-columns: auto auto 1fr; grid-column-gap: 10px; align-items: center; } @media screen and (min-width: 768px) { .head-dashboard .globalWrapper { grid-column-gap: 20px; grid-template-columns: auto 230px 1fr; } } @media screen and (min-width: 1280px) { .head-dashboard .globalWrapper { grid-template-columns: 230px auto 200px 380px; grid-row-gap: 14px; } } .head-dashboard { position: relative; padding: 10px 0; background-color: #fff; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); z-index: 9; } @media screen and (min-width: 1280px) { .head-dashboard { padding: 17px 0 0 0; } } .head-dashboard .achievement { max-width: 100%; display: none; } @media screen and (max-width: 767px) { .head-dashboard .achievement { grid-column: 1 / 5; grid-row: 2; margin-top: 5px; } } @media screen and (min-width: 768px) { .head-dashboard .achievement { margin-left: auto; } } @media screen and (min-width: 1280px) { .head-dashboard .achievement { display: flex; } } @media screen and (max-width: 767px) { .head-dashboard .achievement__icon { display: none; } } @media screen and (max-width: 767px) { .head-dashboard .achievement__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; color: #232735; } } @media screen and (max-width: 479px) { .head-dashboard .achievement__text { font-size: 9px; } } .head-dashboard .big-phone { display: none; } @media screen and (min-width: 1280px) { .head-dashboard .big-phone { display: flex; } } .head-dashboard .desktop-menu { display: none; } @media screen and (min-width: 1280px) { .head-dashboard .desktop-menu { display: flex; grid-column: 1/4; } } .head-dashboard .section-menu { grid-column: 1/4; grid-row: 2;} @media screen and (max-width: 767px) { .head-dashboard .section-menu { grid-row: 3; margin-top: 5px; padding-left: 15px;} } @media screen and (min-width: 768px) { .head-dashboard .section-menu { width: 100vw; } } @media screen and (min-width: 1280px) { .head-dashboard .section-menu { width: 100%; grid-column: 1/5; justify-content: flex-start; } } .head-dashboard .section-menu .button-rounded-red { margin-top: -10px; margin-bottom: -10px; margin-right: 12px; } .section-menu__link:first-child { margin-left: 0; } @media screen and (min-width: 768px) { .head-dashboard .button-search { margin-left: auto; } } .head-dashboard .logo { width: 22px; height: 26px; } @media screen and (min-width: 480px) { .head-dashboard .logo { width: 100%; min-width: 150px; height: auto; } } @media screen and (min-width: 768px) { .head-dashboard .logo { width: 230px; } } .head-dashboard .logo .logo__img_desk { display: none; } @media screen and (min-width: 480px) { .head-dashboard .logo .logo__img_desk { display: block; } } @media screen and (min-width: 480px) { .head-dashboard .logo .logo__img_mob { display: none; } } .head-dashboard .wrap-btn { display: flex; justify-content: flex-end; } @media screen and (min-width: 1280px) { .head-dashboard .wrap-btn { grid-column-start: 4; grid-column-end: 5; } } .head-dashboard .wrap-btn > *:not(.button-rounded-red) { width: auto; } .head-dashboard .wrap-btn > *:not(.button-rounded-red):not(:first-child) { margin-left: 9px; } @media screen and (min-width: 1024px) { .head-dashboard .wrap-btn > *:not(.button-rounded-red):not(:first-child) { margin-left: 20px; } } .head-dashboard .wrap-btn .button-primary { padding: 6px; } @media screen and (min-width: 768px) { .head-dashboard .wrap-btn .button-primary { padding: 11px; } } .head-dashboard .wrap-btn .button-primary_quiz { padding: 6px 14px; font-size: 12px; line-height: 16px; } @media screen and (min-width: 768px) { .head-dashboard .wrap-btn .button-primary_quiz { padding: 11px; font-size: 14px; } } @media screen and (min-width: 1024px) { .head-dashboard .wrap-btn .button-rounded-red.hide-from-md + * { margin-left: 0; } } .head-dashboard .button-primary_icon_login::before { margin-right: 0; } @media screen and (min-width: 768px) { .head-dashboard .button-primary_icon_login::before { margin-right: 14px; } } .head-dashboard .button-primary_icon_login span { display: none; } @media screen and (min-width: 768px) { .head-dashboard .button-primary_icon_login span { display: inline-block; font-size: 14px; } } @media screen and (max-width: 1023px) { .head-dashboard__question-btn { display: none; } } @media screen and (min-width: 1024px) { .head-dashboard__question-btn { padding: 10px 20px; } } @media screen and (max-width: 1279px) { .head-dashboard__question-btn { order: 3; } .head-dashboard .button-primary_icon_login { order: 4; } } .section-menu { display: flex; align-items: center; width: 100vw; margin: 10px -15px 0; padding: 15px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); overflow: auto; } @media screen and (min-width: 480px) { .section-menu { margin: 10px -20px 0; } } @media screen and (min-width: 480px) { .section-menu { margin-top: 15px; padding: 15px 0; } } @media screen and (min-width: 768px) { .section-menu { margin: 15px -30px 0; padding-right: 30px; padding-left: 30px; } } @media screen and (min-width: 1280px) { .section-menu { position: relative; width: 100%; margin: 0; border: 0; padding: 18px 0 3px; overflow: visible; } } @media screen and (min-width: 1280px) { .section-menu::before { position: absolute; top: 0; left: calc((-100vw + 1220px - 18px)/2); display: block; width: 100vw; height: 1px; background: #BABDC8; content: ''; } } .section-menu__link { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #232735; position: relative; border: 1px solid #BABDC8; border-radius: 4px; padding: 9px 10px; white-space: nowrap; text-decoration: none; transition: all 0.1s linear; } @media screen and (min-width: 480px) { .section-menu__link { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; } } @media screen and (min-width: 1024px) { .section-menu__link { padding: 6px 10px; } } .section-menu__link:first-child { margin-left: 15px; } @media screen and (min-width: 768px) { .section-menu__link:first-child { margin-left: 0; } } .section-menu__link + .section-menu__link { margin-left: 8px; } @media screen and (min-width: 768px) { .section-menu__link + .section-menu__link { margin-left: 20px; } } .section-menu__link:hover { border: 1px solid #1A47A9; background-color: #1A47A9; color: #FFFFFF; } .section-menu__link.isActive { border: 1px solid #1A47A9; background-color: #1A47A9; color: #FFFFFF; } .section-menu__link.isActive:before { width: 0; height: 0; border-top: 8px solid #1A47A9; border-right: 7.5px solid transparent; border-left: 7.5px solid transparent; content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); } .section-menu__link_no-border { border-color: transparent; } .section-menu__link_img { display: flex; align-items: center; } .section-menu__link_img:hover span { color: #FFFFFF; } .section-menu__link_img:hover .section-menu__link-img svg path { fill: #FFFFFF; } .section-menu__link_img span { margin-left: 8px; color: #1A47A9; } .section-menu__link-img { height: 16px; margin-left: 8px; } .section-menu__link-img svg { max-height: 100%; } .section-menu__link-img path { transition: all 0.1s linear; } .section-menu__right { display: flex; align-items: center; margin-right: 0; margin-left: auto; } @media screen and (min-width: 768px) { .section-menu__right .section-menu__link { margin-left: 20px; } } .achievement { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #232735; font-size: 11px; display: flex; align-items: center; grid-column-start: 3; grid-column-end: 5; } .achievement__icon { margin-right: 18px; } .achievement__icon-iso { margin-left: auto; margin-right: 0; width: 50px; height: 50px; } .achievement__link-icon { margin-left: 50px; } .big-phone { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #1A47A9; display: flex; text-decoration: none; } .big-phone__icon { margin-right: 8px; } .hamburger { display: flex; align-items: center; height: 28px; padding: 4px 4px 4px 0; outline: none; } @media screen and (min-width: 1280px) { .hamburger { display: none; } } .hamburger__icon { position: relative; display: inline-block; vertical-align: middle; width: 26px; height: 2px; background-color: #232735; transition: all 0.3s ease; } .hamburger__icon:before { content: ''; position: absolute; left: 0; top: -9px; display: inline-block; height: 2px; width: 26px; background-color: #232735; transition: all 0.3s ease-out; } .hamburger__icon:after { content: ''; position: absolute; left: 0; bottom: -9px; display: inline-block; height: 2px; width: 26px; background-color: #232735; transition: all 0.3s ease-out; } .hamburger:hover .hamburger__icon:before { left: -3px; } .hamburger:hover .hamburger__icon:after { left: -3px; } .hamburger.isOpen .hamburger__icon { background-color: transparent; } .hamburger.isOpen .hamburger__icon:before { transform: rotate(225deg); top: -1px; width: 28px; } .hamburger.isOpen .hamburger__icon:after { transform: rotate(-225deg); bottom: 1px; width: 28px; } .hamburger.isOpen .hamburger__icon:before { left: -2px; } .hamburger.isOpen .hamburger__icon:after { left: -2px; } .button-search { cursor: pointer; } .button-search:before { content: ''; display: inline-block; width: 22px; height: 22px; background: transparent url("/local/assets/css/../img/icons/icon-16-1-1.svg"); background-size: cover; vertical-align: middle; } .button-search__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #1A47A9; display: none; } @media screen and (min-width: 1280px) { .button-search__text { display: inline-block; margin-left: 16px; } } .logo { display: inline-block; line-height: 1; font-size: 0; } .logo__wrap-link { display: inline-block; line-height: 1; } .logo__img-container { display: inline-block; } .logo__img { max-width: 100%; } .desktop-menu { position: relative; display: flex; } .desktop-menu:before { content: ''; display: block; position: absolute; top: 0; left: calc((-100vw + 1220px - 18px)/2); width: 100vw; height: 1px; background: #BABDC8; } .desktop-menu__item { position: relative; } .desktop-menu__item:after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .desktop-menu__item:after { height: 30px; width: 1px; background-color: #E7EAEF; transform: translate(50%, -50%); } .desktop-menu__link { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0.5px; color: #1A47A9; display: flex; align-items: center; height: 100%; padding: 25px 6px; border-bottom: 4px solid transparent; text-decoration: none; transition: all 0.1s linear; } .desktop-menu__link:hover { border-bottom: 4px solid #FF7819; } .desktop-menu__link.isActive { color: #FF7819; border-bottom: 4px solid #FF7819; } .desktop-menu__link_doc { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; line-height: 20px; } .footer { background-color: #fff; } .footer .social { margin-bottom: 15px; } .footer .address-block + .address-block { margin-top: 20px; } .footer .button-primary_icon_question { margin-bottom: 25px; } .footer__top .globalWrapper { border-bottom: 1px solid #E7EAEF; padding-top: 40px; padding-bottom: 23px; } .footer__body { padding-bottom: 40px; } @media screen and (min-width: 768px) { .footer__body { padding: 30px 0; } } @media screen and (min-width: 768px) { .footer__body .globalWrapper { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 46px 42px; } } @media screen and (min-width: 1280px) { .footer__body .globalWrapper { grid-template-columns: 1fr 1fr 1fr 1fr; } } .footer__bottom { display: flex; flex-direction: column; background-color: #1A47A9; padding: 30px 0; } @media screen and (min-width: 768px) { .footer__bottom .globalWrapper { display: flex; justify-content: space-between; align-items: flex-end; } } .footer__bottom .footer__column { display: flex; flex-direction: column; align-items: flex-start; } .footer__bottom .footer__column > * { max-width: 100%; } @media screen and (min-width: 1024px) { .footer__bottom .footer__column { flex-direction: row; } } .footer__bottom-text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #FFFFFF; opacity: 0.8; margin-bottom: 22px; } .footer__bottom-text:last-child { margin-bottom: 0; } @media screen and (min-width: 1024px) { .footer__bottom-text { margin-bottom: 0; margin-right: 35px; } .footer__bottom-text:last-child { margin-right: 0; } } .copyright { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #FFFFFF; opacity: 0.8; margin-bottom: 22px; } @media screen and (min-width: 1024px) { .copyright { margin-right: 35px; margin-bottom: 0; } } .privacy-policy { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #FFFFFF; opacity: 0.8; } .machineheads { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #FFFFFF; opacity: 0.8; margin-top: 35px; } @media screen and (min-width: 1024px) { .machineheads { margin: 0; } } .machineheads a { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #FFFFFF; opacity: 0.8; } .footer-menu { padding: 17px 0; border-bottom: 1px solid #E7EAEF; } @media screen and (min-width: 768px) { .footer-menu { border: 0; padding: 0; } } .footer-menu__body { display: none; } @media screen and (min-width: 768px) { .footer-menu__body { display: block !important; } } .footer-menu__wrapper { margin-top: 17px; padding-top: 17px; border-top: 1px solid #E7EAEF; } @media screen and (min-width: 768px) { .footer-menu__wrapper { margin-top: 42px; padding: 0; border: 0; } } .footer-menu__list-item { display: flex; flex-direction: column; margin-top: 15px; } .footer-menu__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #1A47A9; display: flex; align-items: center; justify-content: space-between; padding-right: 24px; cursor: pointer; } @media screen and (min-width: 768px) { .footer-menu__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #1A47A9; margin-bottom: 30px; cursor: auto; } } .footer-menu__title:after { content: ''; display: inline-block; width: 24px; height: 24px; margin-right: -24px; background: transparent url("/local/assets/css/../img/icons/icon-24-3-2.svg") 50% 50% no-repeat; transition: all 0.1s linear; } @media screen and (min-width: 768px) { .footer-menu__title:after { display: none; } } .footer-menu__title.isOpen:after { transform: rotate(180deg); } .footer-menu__link { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #1A47A9; display: inline-block; } .footer-menu__link + .footer-menu__link { margin-top: 14px; } .footer-container { margin-top: 40px; } @media screen and (min-width: 768px) { .footer-container { margin-top: 0; } } @media screen and (min-width: 768px) { .footer-container_wide { grid-column: 1/3; } } @media screen and (min-width: 1280px) { .footer-container_wide { grid-column: auto; } } .footer-container__row_desktop { display: none; } @media screen and (min-width: 1280px) { .footer-container__row_desktop { display: block; margin-bottom: 40px; } } .footer-container__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #1A47A9; margin-bottom: 13px; } @media screen and (min-width: 768px) { .footer-container__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #1A47A9; margin-bottom: 30px; } } .footer-container__link { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #1A47A9; display: inline-block; margin-bottom: 18px; } .app-list__link { display: inline-block; margin-right: 20px; font-size: 0; } .social__item { display: inline-block; margin-right: 8px; } .address-block { display: flex; flex-direction: column; align-items: flex-start; } .address-block > * { max-width: 100%; } .address-block__name { font-size: 10px; line-height: 12px; color: #1A47A9; text-decoration: none; } @media screen and (min-width: 768px) { .address-block__name { margin-bottom: 5px; } } .address-block__value { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #1A47A9; text-decoration: none; } @media screen and (min-width: 768px) { .address-block__value { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #1A47A9; } } @media screen and (min-width: 1280px) { .address-block_mobile { display: none; } } .address-block_none { display: none; } .subscribe .form-field__title { display: none; } .subscribe .input { width: 100%; padding-right: 40px; } .subscribe__body { position: relative; } .subscribe__button { position: absolute; top: calc(50% - 12px); right: 10px; width: 25px; height: 25px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' fill='%23A1A4B1'/%3E%3C/svg%3E%0A"); background-size: cover; cursor: pointer; } .subscribe__footer { margin-top: 7px; font-size: 10px; line-height: 12px; color: #505565; } .block { padding: 50px 0; } .block_pdt_none { padding-top: 0; } .block_pdb_none { padding-bottom: 0; } .block_large-padding { padding: 70px 0; } @media screen and (min-width: 768px) { .block_large-padding { padding: 90px 0; } } @media screen and (min-width: 1024px) { .block_large-padding { padding: 110px 0; } } .block_content { padding: 0; } @media screen and (min-width: 480px) { .block_content { padding: 20px 0; } } @media screen and (min-width: 768px) { .block_content { padding: 30px 0; } } .block_bg { padding-top: 60px; padding-bottom: 45px; background: linear-gradient(180deg, #3A62BD 0%, #335CC8 100%); box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); } .block_same-padding { padding-top: 60px; padding-bottom: 60px; } .block_grey { background-color: #F3F5F7; } .block_big-bottom { padding-bottom: 120px; } @media screen and (min-width: 768px) { .block_big-bottom { padding-bottom: 220px; } } .block_mt { margin-top: 10px; } @media screen and (min-width: 768px) { .block_mt { margin-top: 40px; } } .block__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #232735; margin-bottom: 25px; text-align: center; } @media screen and (min-width: 768px) { .block__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #232735; } } .block__title_icon-hor { display: flex; align-items: center; justify-content: center; } .block__title_icon-hor .block__title-icon { margin-right: 5px; } .block__title_icon { display: flex; flex-direction: column; align-items: center; } .block__title_icon .block__title-icon { margin-bottom: 15px; } .block__title-icon_container { display: none; } @media screen and (min-width: 768px) { .block__title-icon_container { display: block; width: 65px; height: 65px; margin-bottom: 18px; padding: 20px; background-color: #FF7819; border-radius: 17px; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); } } .block__title_left { display: flex; justify-content: flex-start; margin-bottom: 20px; text-align: left; } .block__title_big { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #232735; margin-bottom: 30px; } @media screen and (min-width: 480px) { .block__title_big { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #232735; margin-bottom: 40px; } } @media screen and (min-width: 768px) { .block__title_big { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #232735; } } .block__title_very-big { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #232735; margin-bottom: 40px; } @media screen and (min-width: 480px) { .block__title_very-big { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #232735; } } @media screen and (min-width: 768px) { .block__title_very-big { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 40px; color: #232735; } } .block__title_accent { color: #1A47A9; } .block__title_padding-bottom-big { margin-bottom: 30px; } @media screen and (min-width: 768px) { .block__title_padding-bottom-big { margin-bottom: 40px; } } @media screen and (min-width: 1024px) { .block__title_padding-bottom-big { margin-bottom: 50px; } } .block__title_inverse { color: #fff; } .block_padding-bottom { padding-bottom: 0; } .block__footer { display: flex; justify-content: center; margin-top: 40px; } @media screen and (min-width: 768px) { .block__footer { margin-top: 50px; } } .block__footer .button-primary { width: 100%; } @media screen and (min-width: 768px) { .block__footer .button-primary { width: auto; } } .block__warning-top { margin-top: -60px; margin-bottom: 60px; } .block_browser { margin-top: 70px; padding: 0; } .block_slider .block__body > * + * { margin-top: 40px; } .service-card { background-color: #fff; border-radius: 10px; border: 1px solid #BABDC8; display: flex; flex-wrap: wrap; padding: 20px 19px; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); transition: all 0.1s linear; } @media screen and (min-width: 768px) { .service-card { flex-direction: column; align-items: center; justify-content: space-between; flex-wrap: nowrap; } } .service-card .button-text { width: 100px; border: 1px solid #BABDC8; border-radius: 16px; padding: 6px 8px; text-align: center; } @media screen and (min-width: 768px) { .service-card .button-text { width: 100%; border: 0; } } .service-card .button-secondary { width: auto; } .service-card__wrapper { display: flex; width: calc(100% - 45px - 20px); } @media screen and (min-width: 768px) { .service-card__wrapper { flex-direction: column; align-items: center; width: 100%; text-align: center; } } .service-card__body { width: calc(100% - 45px - 20px); } @media screen and (min-width: 768px) { .service-card__body { width: 100%; text-align: center; } } .service-card__img-container { flex-shrink: 0; width: 45px; height: 45px; margin-right: 20px; padding: 10px; background-color: #FF7819; border-radius: 7px; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); } @media screen and (min-width: 768px) { .service-card__img-container { width: 65px; height: 65px; border-radius: 17px; margin-top: -32px; justify-self: center; margin-right: 0; margin-bottom: 15px; } } .service-card__img { width: 100%; } .service-card__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #232735; margin-bottom: 5px; } @media screen and (min-width: 768px) { .service-card__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #232735; margin-bottom: 10px; } } .service-card__title-mark { color: #FF7819; } .service-card__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #80869B; } @media screen and (min-width: 768px) { .service-card__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; margin-bottom: 10px; } } .service-card__footer { width: 100%; text-align: right; margin-top: 10px; } @media screen and (min-width: 480px) { .service-card__footer { margin-top: 20px; } } @media screen and (min-width: 768px) { .service-card__footer { text-align: center; } } .service-card__pay { display: none; } @media screen and (min-width: 480px) { .service-card__pay { display: flex; align-items: center; margin-top: 5px; } } @media screen and (min-width: 768px) { .service-card__pay { justify-content: center; margin-top: 20px; } } .service-card__pay img + img { margin-left: 10px; } @media screen and (min-width: 768px) { .service-card_wide { grid-template-columns: 1fr auto; text-align: left; grid-gap: 30px; height: 100%; } } @media screen and (min-width: 768px) { .service-card_wide .service-card__wrapper { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-start; } } @media screen and (min-width: 768px) { .service-card_wide .service-card__title { text-align: left; } } @media screen and (min-width: 1280px) { .service-card_wide .service-card__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #232735; } } .service-card_wide .service-card__text { color: #505565; } @media screen and (min-width: 768px) { .service-card_wide .service-card__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #505565; text-align: left; } } .service-card_wide .button-primary { width: auto; padding: 6px 8px; border-radius: 16px; } @media screen and (min-width: 768px) { .service-card_wide .button-primary { padding: 16px 25px; border-radius: 4px; } } @media screen and (min-width: 768px) { .service-card_wide .service-card__footer { justify-self: flex-start; text-align-last: left; } } @media screen and (min-width: 768px) { .service-card_wide .service-card__img-container { margin: 0; margin-left: 30px; } } .service-card_center-title { height: 100%; } @media screen and (min-width: 768px) { .service-card_center-title .service-card__body { display: flex; flex-direction: column-reverse; justify-content: flex-end; min-height: 75px; } } .service-card_center-title .service-card__title { color: #1A47A9; } .service-card_center-title .button-secondary { padding: 6px 8px; border-radius: 16px; } @media screen and (min-width: 768px) { .service-card_center-title .button-secondary { padding: 15px 25px; border-radius: 4px; } } .service-card_flat { height: 100%; box-shadow: none; } .service-card_flat:hover { box-shadow: 0px 4px 8px rgba(30, 38, 46, 0.25); } .service-card_link { text-decoration: none; } .service-card_link .service-card__title { display: block; } .service-card_link .service-card__text { display: block; } .slider_service .slider__item + .slider__item { margin-top: 10px; } @media screen and (min-width: 768px) { .slider_service .slider__item { padding: 15px 4px; min-height: 265px; height: 100%; } } @media screen and (min-width: 768px) { .slider_service .service-card { height: 100%; } } .slider_service .slick-track { display: flex; } .slider_service .slick-slide { height: auto; } .slider_service .slick-slide > div { height: 100%; } .slider__img { max-width: 100%; } .slider_galery .slick-arrow { top: calc(50% - 16px - 18px); } .slider_galery .slider__item { height: 200px; } @media screen and (min-width: 480px) { .slider_galery .slider__item { height: 318px; } } .slider_galery .slider__img { width: 100%; height: 100%; object-fit: cover; } .slider_flat .slick-arrow { border: 1px solid #BABDC8; box-shadow: none; } .slider_flat .slick-prev { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' fill='%231A47A9'/%3E%3C/svg%3E%0A"); } .slider_flat .slick-next { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' fill='%231A47A9'/%3E%3C/svg%3E%0A"); } .slider_content .slick-prev { top: -40px; right: 50px; left: auto; } .slider_content .slick-next { top: -40px; right: 0; } .slider_content .slick-arrow + .slick-list { margin: 0 -10px; } .slider_galery .slick-arrow + .slick-list { margin: 0 15px; } .slider_orange { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #fff; padding: 40px 45px; background-color: #FF7819; font-style: italic; line-height: 32px; border-radius: 10px; } @media screen and (min-width: 480px) { .slider_orange { padding: 40px 60px; } } @media screen and (min-width: 768px) { .slider_orange { font-family: Open Sans, sans-serif; font-style: italic; font-weight: normal; font-size: 20px; line-height: 32px; color: #fff; padding: 40px 80px; } } @media screen and (min-width: 1280px) { .slider_orange { padding: 50px 115px; } } .slider_orange .slick-prev { background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' fill='%23fff'/%3E%3C/svg%3E%0A"); box-shadow: none; left: 0; } @media screen and (min-width: 480px) { .slider_orange .slick-prev { left: 10px; } } @media screen and (min-width: 768px) { .slider_orange .slick-prev { left: 20px; } } .slider_orange .slick-next { background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' fill='%23fff'/%3E%3C/svg%3E%0A"); box-shadow: none; right: 0; } @media screen and (min-width: 480px) { .slider_orange .slick-next { right: 10px; } } @media screen and (min-width: 768px) { .slider_orange .slick-next { right: 20px; } } .slider_orange .slick-arrow + .slick-list { margin: 0; } .slider_overflow .slick-list { padding-right: 50px; padding-left: 15px; margin-left: -15px; margin-right: -15px; } @media screen and (min-width: 480px) { .slider_overflow .slick-list { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 80px; } } @media screen and (min-width: 768px) { .slider_overflow .slick-list { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } } .info-banner { background-color: #fff; border-radius: 10px; border: 1px solid #BABDC8; position: relative; padding: 40px 16px 24px 16px; border: 0; background: #fff url("/local/assets/css/../img/components/info-banner/info-banner-bg.jpg") 50% 50% no-repeat; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); } .info-banner_content { position: static; padding: 35px 50px; padding-bottom: 0; margin: 0; background: #1A47A9; } .info-banner_reverse { background: #1A47A9; } .info-banner { transform: translate(0, 40px); } @media screen and (min-width: 768px) { .info-banner { transform: translate(0, 60px); } } @media screen and (min-width: 1024px) { .info-banner { padding-bottom: 0; } .info-banner .slider_flat .slick-dots { position: absolute; width: 100%; bottom: 15px; left: 0; } .info-banner .slider_flat .banner-content__img { position: absolute; } .info-banner .slider_flat .banner-content__column:first-child { padding-bottom: 40px; } } .info-banner_transform_none { transform: none; } @media screen and (min-width: 1024px) { .banner-content { display: flex; justify-content: space-between; } } @media screen and (min-width: 1024px) { .banner-content .banner-content__column:first-child { width: 60%; margin-right: 30px; } } @media screen and (min-width: 1280px) { .banner-content .banner-content__column:first-child { margin-right: 160px; } } @media screen and (min-width: 1024px) { .banner-content .banner-content__column:last-child { width: 40%; } } .banner-content .banner-content__img { display: none; } @media screen and (min-width: 1024px) { .banner-content .banner-content__img { display: block; } } .banner-content .button-primary { width: 100%; } @media screen and (min-width: 768px) { .banner-content .button-primary { width: auto; } } .banner-content__description { display: flex; align-items: center; margin-bottom: 7px; font-size: 10px; line-height: 12px; color: #80869B; } @media screen and (min-width: 768px) { .banner-content__description { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; } } .banner-content__description-icon { width: 11px; margin-right: 10px; } .banner-content__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #232735; margin-bottom: 17px; } @media screen and (min-width: 768px) { .banner-content__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 40px; color: #232735; } } .banner-content__content { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #232735; margin-bottom: 15px; } @media screen and (min-width: 768px) { .banner-content__content { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #232735; margin-bottom: 28px; } } .banner-content_reverse { display: block; } @media screen and (min-width: 1280px) { .banner-content_reverse { display: flex; } } @media screen and (min-width: 1024px) { .banner-content_reverse .banner-content__column:first-child { width: 55%; margin-right: 30px; } } @media screen and (min-width: 1280px) { .banner-content_reverse .banner-content__column:first-child { margin-right: 160px; } } @media screen and (min-width: 1024px) { .banner-content_reverse .banner-content__column:last-child { position: relative; width: 45%; } } .banner-content_reverse .banner-content__img { display: none; } @media screen and (min-width: 1280px) { .banner-content_reverse .banner-content__img { display: block; } } .banner-content_reverse .banner-content__description { color: rgba(255, 255, 255, 0.5); } .banner-content_reverse .banner-content__title { color: #fff; } .banner-content_reverse .banner-content__content { color: #fff; } .banner-content_reverse .banner-content__column:first-child { padding-bottom: 20px; } .question-link { display: flex; border: 1px solid #BABDC8; padding: 19px 31px; border-radius: 4px; text-decoration: none; } .question-link:hover { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); } .question-link:hover .question-link__text:after { background: transparent url(/local/assets/css/../img/icons/icon-24-2-4-orange.svg) 50% 50% no-repeat; } .question-link__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; display: flex; justify-content: space-between; align-items: center; width: 100%; } .question-link__text:after { content: ''; display: inline-block; flex-shrink: 0; width: 24px; height: 24px; margin-right: -13px; margin-left: 13px; background: transparent url(/local/assets/css/../img/icons/icon-24-2-4-gray.svg) 50% 50% no-repeat; } .question-link_non-arrow .question-link__text:after { display: none; } .question-link_accent-text .question-link__text { color: #1A47A9; } .question-list__body { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; } .question-list__body .question-link { width: 100%; margin: 5px 0; } @media screen and (min-width: 768px) { .question-list__body .question-link { width: calc(50% - 14px); margin: 8px 0; } } @media screen and (min-width: 1024px) { .question-list__body .question-link { width: calc(33.3% - 18px); } } .question-list__footer { margin-top: 20px; } @media screen and (min-width: 768px) { .question-list__footer { display: flex; flex-direction: column; align-items: center; margin-top: 28px; } } .question-list__footer .button-primary { width: 100%; } @media screen and (min-width: 768px) { .question-list__footer .button-primary { width: auto; } } .question-list__footer .button-secondary { width: 100%; border: 0; margin-top: 8px; } @media screen and (min-width: 768px) { .question-list__footer .button-secondary { width: auto; } } .question-list_margin { margin: 20px 0; } @media screen and (min-width: 768px) { .question-list_margin { margin-top: 40px; } } .formBlock { background-color: #fff; border-top: 0.5px solid #BABDC8; } @media screen and (min-width: 480px) { .formBlock { border: 1px solid #BABDC8; border-radius: 10px; } } .formBlock_margin-top-non { margin-top: -45px; } .formBlock__title-description { text-align: center; margin: 20px 0; } @media screen and (min-width: 480px) { .formBlock__title-description { margin-top: 16px; margin-bottom: 37px; } } .formBlock__body { padding-top: 28px; padding-bottom: 28px; } @media screen and (min-width: 480px) { .formBlock__body { padding: 30px 25px; } } @media screen and (min-width: 768px) { .formBlock__body { padding: 47px 35px; } } @media screen and (min-width: 1024px) { .formBlock__body { padding: 60px 140px 40px 140px; } } .formBlock__body .form-field_gray textarea { height: 120px; } .formBlock__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #1A47A9; text-align: center; } @media screen and (min-width: 480px) { .formBlock__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #1A47A9; } } @media screen and (min-width: 768px) { .formBlock__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #1A47A9; } } .formBlock__title-icon { display: none; } @media screen and (min-width: 1024px) { .formBlock__title-icon { display: block; margin: 0 auto; margin-bottom: 20px; } } .formBlock__subtitle { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #232735; text-align: center; margin-bottom: 10px; } @media screen and (min-width: 480px) { .formBlock__subtitle { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #232735; margin-bottom: 24px; } } @media screen and (min-width: 768px) { .formBlock__subtitle { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #232735; margin-bottom: 32px; } } .formBlock__footer { display: flex; flex-direction: column; align-items: center; border-top: 0.5px solid #BABDC8; padding: 24px 0; } @media screen and (min-width: 480px) { .formBlock__footer { flex-direction: row; justify-content: space-between; align-items: center; padding: 30px 25px; } } @media screen and (min-width: 768px) { .formBlock__footer { justify-content: center; } } .formBlock__footer .button-secondary { width: 100%; padding-top: 7px; padding-bottom: 7px; } @media screen and (min-width: 480px) { .formBlock__footer .button-secondary { width: auto; flex-shrink: 0; } } .formBlock__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; margin-bottom: 12px; } @media screen and (min-width: 480px) { .formBlock__text { margin-bottom: 0; margin-right: 15px; } } .formBlock__title_left { text-align: left; } .formBlock__title_mb { margin-bottom: 20px; } @media screen and (min-width: 480px) { .formBlock__title_mb { margin-bottom: 44px; } } .formBlock_padding { border: 1px solid #BABDC8; border-radius: 10px; } .formBlock_padding .formBlock__body { padding: 30px 25px; } @media screen and (min-width: 768px) { .formBlock_padding .formBlock__body { padding: 47px 35px; } } @media screen and (min-width: 1024px) { .formBlock_padding .formBlock__body { padding: 60px 140px 40px 140px; } } .formBlock_padding .formBlock__footer { padding: 30px 25px; } .formBlock_background { background: linear-gradient(180deg, #3A62BD 0%, #335CC8 100%); } @media screen and (min-width: 768px) { .formBlock_background .formBlock__body { padding: 30px; } } .formBlock_background .formBlock__title { color: #fff; } .formBlock_modal { width: 100%; border: 0; } .formBlock_modal .formBlock__body { padding: 0; } .formBlock_modal .formBlock__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #232735; text-align: left; } .formBlock_modal .formBlock__subtitle { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #80869B; margin-top: 5px; text-align: left; margin-bottom: 20px; } .formBlock_modal .formBlock__footer { flex-direction: column; align-items: flex-start; margin-top: 50px; padding: 0; border: 0; } @media screen and (min-width: 768px) { .formBlock_modal .formBlock__footer { flex-direction: row; justify-content: space-between; align-items: center; } .formBlock_modal .formBlock__footer .button-secondary { padding: 15px 25px; } } .formBlock_modal .formBlock__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #232735; margin-bottom: 20px; } @media screen and (min-width: 768px) { .formBlock_modal .formBlock__text { margin: 0; } } .formBlock_modal .formBlock__text a { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #1A47A9; display: block; margin-top: 5px; } .form_content { max-width: 596px; padding: 25px 20px; background-color: #fff; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); border-radius: 9px; } .form_content .form__footer { padding-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .form__item + .form__item { margin-top: 24px; } .form__item p { width: 100%; } .form__item_align-center { text-align: center; } .form__item-border { border: 1px solid #1A47A9; border-radius: 10px; margin-left: -10px; margin-right: -10px; padding: 10px; } .form__item-devices { display: flex; flex-direction: row; align-items: flex-end; } .form__item-devices .form__item { margin-top: 0; } .form__item-devices .form__item:not(:last-child) { margin-right: 15px; } .form__item-devices .form__item-devices-button { font-size: 34px; color: #A1A4B1; padding: 10px; border-radius: 10px; width: 50px; height: 50px; cursor: pointer; transition: all .1s ease-in-out; } .form__item-devices .form__item-devices-button.add { background-color: #F3F5F7; border: 1px solid #A1A4B1; } .form__item-devices .form__item-devices-button.add:hover { border-color: #113990; color: #113990; } .form__item-devices .form__item-devices-button.delete:hover { color: #bd081d; } .form__item-devices .form__item-devices-button.add:active { color: #A1A4B1; background-color: #F3F5F7; border: 1px solid #A1A4B1; } .form__item-devices .form__item-devices-button.delete:active { color: #A1A4B1; } @media screen and (min-width: 768px) { .form__item_vertical-center { align-items: center; } } @media screen and (min-width: 768px) { .form__item_horizontal { display: flex; justify-content: space-between; } .form__item_horizontal .form-field + .checkbox { margin-top: 30px; } .form__item_horizontal .checkbox { flex-shrink: 0; } } .form__item_horizontal > * + * { margin-top: 20px; } @media screen and (min-width: 768px) { .form__item_horizontal > * + * { margin-top: 0; margin-left: 10px; } } .form__item_horizontal .form-info-block + .checkbox { margin-top: 10px; } @media screen and (min-width: 768px) { .form__item_horizontal .form-info-block + .checkbox { margin-top: 0; } } .form__item_bottom { align-items: flex-end; } .form__item_checkbox { display: flex; flex-direction: column; } .form__item_checkbox .checkbox + .checkbox { margin-top: 14px; } .form__item_radio + .form__item_radio { margin-top: 15px; } .form__item_border { padding: 20px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } @media screen and (min-width: 768px) { .form__item_checkbox-gor { flex-direction: row; } .form__item_checkbox-gor .checkbox + .checkbox { margin-top: 0; margin-left: 20px; } } .form__header { padding-bottom: 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 16px; } .form__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #232735; } .form__fieldset { padding: 40px 0; } .form__fieldset + .form__fieldset { padding-top: 0; } .form__fieldset_pt { padding-top: 0; } .form__fieldset-title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #232735; margin-bottom: 23px; } .form__fieldset-subtitle { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #505565; margin-top: -20px; margin-bottom: 20px; } .form__fieldset-title_accent { color: #1A47A9; } .form__text-2 { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #1A47A9; } .form__text-2 a { color: #FF7819; } .form__privacy-text, .form__privacy-text a { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; color: #80869B; } .form__footer_reverse { margin-top: 30px; } @media screen and (min-width: 768px) { .form__footer_reverse { display: flex; align-items: center; } } .form__footer_reverse .button-primary { margin-bottom: 24px; border: 1px solid #FFFFFF; background: linear-gradient(180deg, #3A62BD 0%, #335CC8 100%); } @media screen and (min-width: 768px) { .form__footer_reverse .button-primary { margin-bottom: 0; margin-right: 11px; } } .form__footer_reverse .form__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; color: rgba(255, 255, 255, 0.6); align-items: center; } .form__table { min-width: 550px; } .form__error-text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #F55826; margin-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .site-function__body { display: flex; flex-wrap: wrap; justify-content: space-between; } @media screen and (min-width: 1280px) { .site-function__body { grid-template-columns: 1fr 1fr; grid-gap: 24px; } } .site-function__item { width: 100%; margin: 5px 0; } @media screen and (min-width: 768px) { .site-function__item { margin: 8px 0; } } @media screen and (min-width: 1280px) { .site-function__item { width: calc(50% - 12px); } } .site-function__footer { margin-top: 40px; text-align: center; } .site-function__footer .button-primary { width: 100%; } @media screen and (min-width: 768px) { .site-function__footer .button-primary { width: auto; } } .advertising { display: flex; justify-content: space-between; width: 100vw; margin-left: -15px; padding-left: 15px; overflow: auto; } @media screen and (min-width: 768px) { .advertising { width: 100%; margin-left: 0; padding-left: 0; } } .advertising__item + .advertising__item { margin-left: 50px; } .advertising__img { max-width: 100%; } @media screen and (min-width: 768px) { .advertising__img { max-width: 100%; } } .product-card { margin: 5px; padding: 16px 13px; border: 1px solid #BABDC8; border-radius: 10px; } .product-card .button-secondary { width: 100%; } .product-card__header { margin-bottom: 20px; } @media screen and (min-width: 768px) { .product-card__header { display: flex; justify-content: space-between; align-items: center; } } .product-card__article { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #80869B; } .product-card__status { display: none; } @media screen and (min-width: 768px) { .product-card__status { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #1A47A9; display: inline-block; padding: 4px 18px; background-color: #E7EAEF; border-radius: 16px; } } .product-card__img-container { display: inline-block; width: 100%; margin-bottom: 20px; text-align: center; height: 85px; } @media screen and (min-width: 768px) { .product-card__img-container { height: 195px; } } .product-card__img { margin: 0 auto; max-width: 100%; max-height: 100%; } .product-card__content { display: flex; flex-direction: column; margin-bottom: 18px; } .product-card__category { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #80869B; margin-bottom: 7px; } .product-card__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; text-decoration: none; height: 75px; overflow: auto; } @media screen and (min-width: 768px) { .product-card__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #505565; } } .product-card__price-block { margin-bottom: 25px; } @media screen and (min-width: 768px) { .product-card__price-block { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 9px; } } .product-card__price { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #1A47A9; text-decoration: none; } @media screen and (min-width: 768px) { .product-card__price { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #1A47A9; } } .product-card__unit { display: none; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; } @media screen and (min-width: 768px) { .product-card__unit { display: inline-block; } } .news-card { display: flex; flex-direction: column; margin: 8px; height: 100%; border-radius: 10px; background-color: #fff; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); } @media screen and (min-width: 480px) { .news-card { margin: 8px 15px; } } @media screen and (min-width: 1024px) { .news-card { margin: 8px 27px; } } @media screen and (min-width: 1280px) { .news-card { margin: 8px 10px; } } .news-card__img-container { display: none; } @media screen and (min-width: 1024px) { .news-card__img-container { display: block; height: 250px; } } .news-card__img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .news-card__header { position: relative; display: flex; justify-content: space-between; align-items: flex-end; padding: 18px; } .news-card__header:after { content: ''; position: absolute; bottom: 0; left: 20px; display: inline-block; height: 1px; width: calc(100% - 40px); background-color: #E7EAEF; } .news-card__type { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #232735; display: inline-block; padding: 4px 21px; background-color: #1A47A9; border-radius: 16px; color: #fff; } .news-card__date { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #80869B; display: inline-block; } .news-card__body { padding: 14px 18px 0 18px; } .news-card__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #1A47A9; display: inline-block; margin-bottom: 10px; text-decoration: none; } @media screen and (min-width: 768px) { .news-card__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #1A47A9; } } .news-card__content { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; display: inline-block; margin-bottom: 10px; text-decoration: none; } .news-card__footer { padding: 18px; margin-top: auto; } .news-card__footer .button-secondary { width: 100%; } @media screen and (min-width: 1024px) { .news-card__footer .button-secondary { width: auto; } } @media screen and (min-width: 1024px) { .news-card_service .news-card__footer { display: flex; } } .news-card_service .news-card__footer * { width: 100%; } .news-card_service .news-card__footer * + * { margin-top: 15px; } @media screen and (min-width: 1024px) { .news-card_service .news-card__footer * + * { margin-left: 10px; margin-top: 0; } } .textarea { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #113990; width: 100%; height: 120px; transition: all 0.1s linear; background-color: #FFFFFF; padding: 12px 16px; border-radius: 4px; border: 1px solid #A1A4B1; resize: vertical; } .textarea::placeholder { color: #80869B; } .textarea::-moz-placeholder { color: #80869B; } .textarea::-webkit-input-placeholder { color: #80869B; } .textarea:-ms-input-placeholder { color: #80869B; } .textarea::-ms-input-placeholder { color: #80869B; } .textarea::placeholder { font-size: 14px; } .textarea::-moz-placeholder { font-size: 14px; } .textarea::-webkit-input-placeholder { font-size: 14px; } .textarea:-ms-input-placeholder { font-size: 14px; } .textarea::-ms-input-placeholder { font-size: 14px; } .textarea:hover::placeholder { color: #505565; } .textarea:hover::-moz-placeholder { color: #505565; } .textarea:hover::-webkit-input-placeholder { color: #505565; } .textarea:hover:-ms-input-placeholder { color: #505565; } .textarea:hover::-ms-input-placeholder { color: #505565; } .textarea:focus { color: #113990; border-color: #007DC5; } .seo-block { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #A1A4B1; max-width: 830px; margin: 0 auto; } .seo-block p + p { margin-top: 20px; } .breadcrumbs { margin-bottom: 20px; } .breadcrumbs__list { display: flex; flex-wrap: wrap; padding-left: 0; margin: -5px; list-style: none; } .breadcrumbs__item { margin: 5px; } .breadcrumbs__link { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #1A47A9; display: inline-block; padding: 4px 20px; border: 1px solid rgba(26, 71, 169, 0.3); border-radius: 16px; text-decoration: none; } .breadcrumbs__item_active .breadcrumbs__link { border: 0; color: #80869B; padding: 0; } .breadcrumbs__item_active .breadcrumbs__link:before { content: '>'; margin-right: 10px; } .breadcrumbs_inverse { margin-top: -40px; } .breadcrumbs_inverse .breadcrumbs__link { border-color: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .breadcrumbs_inverse .breadcrumbs__item_active .breadcrumbs__link { color: #fff; } @media screen and (min-width: 480px) { .breadcrumbs_margin-bottom { margin-bottom: 40px; } } @media screen and (min-width: 768px) { .breadcrumbs_margin-bottom { margin-bottom: 50px; } } .breadcrumbs_margin { margin-top: 20px; } @media screen and (min-width: 480px) { .breadcrumbs_margin { margin-bottom: 24px; } } @media screen and (min-width: 768px) { .breadcrumbs_margin { margin-top: 30px; } } .service-list { display: flex; flex-direction: column; } @media screen and (min-width: 768px) { .service-list { flex-direction: row; justify-content: space-between; align-items: stretch; } } .service-list__item { width: 100%; margin: 5px 0; } @media screen and (min-width: 768px) { .service-list__item { width: calc(33% - 10px); } } @media screen and (min-width: 1024px) { .service-list__item { width: calc(33% - 22px); } } .link-block { background-color: #FFFFFF; border-radius: 10px; border: 1px solid #BABDC8; position: relative; padding: 20px 15px; display: flex; flex-direction: column; } @media screen and (min-width: 768px) { .link-block { flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding: 40px 20px; } } @media screen and (min-width: 1280px) { .link-block { padding: 55px; } } @media screen and (min-width: 768px) { .link-block__item { width: calc(50% - 30px); } } @media screen and (min-width: 1024px) { .link-block__item { width: calc(33% - 15px); } } .link-block_overflow { margin-top: -120px; } @media screen and (min-width: 768px) { .link-block_overflow { margin-top: -220px; } } .link-list__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; display: flex; justify-content: space-between; align-items: center; margin-bottom: 17px; padding-bottom: 17px; border-bottom: 1px solid #E7EAEF; } @media screen and (min-width: 768px) { .link-list__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #232735; border-bottom: 0; padding-bottom: 0; } } .link-list__title:after { content: ''; display: inline-block; width: 24px; height: 24px; background: transparent url("/local/assets/css/../img/icons/icon-24-3-2_brand-1-hover.svg") 50% 50% no-repeat; transition: all 0.1s linear; } @media screen and (min-width: 768px) { .link-list__title:after { display: none; } } .link-list__body { display: none; } @media screen and (min-width: 768px) { .link-list__body { display: block; } } .link-list__link { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #1A47A9; display: inline-block; margin-bottom: 20px; text-decoration: none; } .link-block__item:last-child { margin-bottom: -15px; } .link-block__item:last-child .link-list__title { border: 0; margin-bottom: 0; } .link-list.isOpen .link-list__body { display: block; } .link-list.isOpen .link-list__title:after { transform: rotate(180deg); } .link-list_big .link-list__body { display: block; } .link-list_big .link-list__link { display: block; margin-bottom: 12px; } @media screen and (min-width: 480px) { .link-list_big .link-list__link { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px; color: #1A47A9; text-decoration-line: underline; text-decoration: none; } } .link-list_underline .link-list__link { text-decoration: underline; } .link-list_underline .link-list__link:hover { text-decoration: none; } .service-card-img { background: #fff; border: 1px solid #BABDC8; border-radius: 9px; } .service-card-img__img-container { width: 100%; height: 147px; } .service-card-img__img { width: 100%; height: 100%; border-radius: 9px 9px 0px 0px; object-fit: cover; } .service-card-img__body { margin-top: 14px; padding: 0 13px; } @media screen and (min-width: 768px) { .service-card-img__body { padding: 0 20px; } } .service-card-img__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #1A47A9; height: 45px; overflow: auto; } @media screen and (min-width: 768px) { .service-card-img__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #1A47A9; height: 75px; } } @media screen and (min-width: 1024px) { .service-card-img__title { height: 100px; } } .service-card-img__footer { padding: 20px 18px 18px 18px; } .service-card-img__footer > * + * { margin-top: 10px; } @media screen and (min-width: 768px) { .service-card-img__footer > * + * { margin-top: 0; margin-left: 15px; } } @media screen and (min-width: 480px) { .service-card-img__footer { padding: 22px 13px 18px 13px; } } @media screen and (min-width: 768px) { .service-card-img__footer { display: flex; padding: 20px 20px 26px 20px; } } @media screen and (min-width: 768px) { .service-card-img__footer .button-secondary, .service-card-img__footer .button-primary_pdv_lg { min-width: auto; } } @media screen and (min-width: 1280px) { .service-card-img__footer .button-secondary, .service-card-img__footer .button-primary_pdv_lg { padding: 10px 20px; } } .service-category-list { display: flex; flex-wrap: wrap; justify-content: flex-start; } .service-category-list__item { width: 100%; margin-bottom: 10px; } @media screen and (min-width: 480px) { .service-category-list__item { width: calc(50% - 15px); margin-bottom: 21px; margin-right: 30px; } .service-category-list__item:nth-child(2n) { margin-right: 0; } } @media screen and (min-width: 1024px) { .service-category-list__item { width: calc(33% - 18px); margin-bottom: 34px; margin-right: 26px; } .service-category-list__item:nth-child(2n) { margin-right: 26px; } .service-category-list__item:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 1280px) { .service-category-list__item { width: calc(25% - 24px); margin-right: 28px; } .service-category-list__item:nth-child(3n) { margin-right: 28px; } .service-category-list__item:nth-child(4n) { margin-right: 0; } } .service-category-list_business .service-category-list__item { width: 100%; margin-bottom: 10px; margin-right: 0; } @media screen and (min-width: 768px) { .service-category-list_business .service-category-list__item { width: calc(50% - 15px); margin-bottom: 21px; margin-right: 30px; } .service-category-list_business .service-category-list__item:nth-child(2n) { margin-right: 0; } } @media screen and (min-width: 1024px) { .service-category-list_business .service-category-list__item { width: calc(33% - 18px); margin-bottom: 34px; margin-right: 26px; } .service-category-list_business .service-category-list__item:nth-child(2n) { margin-right: 26px; } .service-category-list_business .service-category-list__item:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 1280px) { .service-category-list_business .service-category-list__item { width: calc(25% - 24px); margin-right: 28px; } .service-category-list_business .service-category-list__item:nth-child(3n) { margin-right: 28px; } .service-category-list_business .service-category-list__item:nth-child(4n) { margin-right: 0; } } .aside-menu__body { display: none; border: 1px solid #BABDC8; } @media screen and (min-width: 1280px) { .aside-menu__body { display: block !important; } } .aside-menu__button-menu { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; width: 100%; text-align: center; padding: 13px 40px; border: 1px solid #BABDC8; background-color: #fff; border-radius: 4px; transition: all 0.1s linear; } @media screen and (min-width: 1280px) { .aside-menu__button-menu { display: none; } } .aside-menu__button-menu:before { content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 10px; vertical-align: middle; background: transparent url("data:image/svg+xml,%3Csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.00390625' y='0.285156' width='14.8571' height='1.71429' rx='0.857143' fill='%23BABDC8'/%3E%3Cpath d='M0.00390625 5.1423C0.00390625 4.66891 0.387662 4.28516 0.861049 4.28516H14.0039C14.4773 4.28516 14.861 4.66891 14.861 5.1423C14.861 5.61569 14.4773 5.99944 14.0039 5.99944H0.86105C0.387663 5.99944 0.00390625 5.61569 0.00390625 5.1423Z' fill='%23BABDC8'/%3E%3Crect x='0.00390625' y='8.28516' width='14.8571' height='1.71429' rx='0.857143' fill='%23BABDC8'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; } .aside-menu__button-menu.isOpen { margin-bottom: 34px; } .aside-menu__button-menu.isOpen:before { content: ''; display: inline-block; width: 16px; height: 16px; background: transparent url("data:image/svg+xml,%3Csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.00390625' y='0.285156' width='14.8571' height='1.71429' rx='0.857143' fill='%231A47A9'/%3E%3Cpath d='M0.00390625 5.1423C0.00390625 4.66891 0.387662 4.28516 0.861049 4.28516H14.0039C14.4773 4.28516 14.861 4.66891 14.861 5.1423C14.861 5.61569 14.4773 5.99944 14.0039 5.99944H0.86105C0.387663 5.99944 0.00390625 5.61569 0.00390625 5.1423Z' fill='%231A47A9'/%3E%3Crect x='0.00390625' y='8.28516' width='14.8571' height='1.71429' rx='0.857143' fill='%231A47A9'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; } .aside-menu__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #232735; display: inline-block; width: 100%; padding: 23px 32px; background-color: #fff; text-decoration: none; } .aside-menu__title.isActive { border-right: 2px solid #1A47A9; color: #1A47A9; } .aside-menu__link { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; display: inline-block; width: 100%; padding: 11px 32px; background-color: #fff; text-decoration: none; } .aside-menu__link:hover { color: #1A47A9; } .aside-menu__link.isActive { border-right: 2px solid #1A47A9; color: #1A47A9; } .content { padding-bottom: 20px; } .content__inner { display: flex; flex-direction: column; margin-top: 30px; margin-bottom: 30px; } @media screen and (min-width: 1280px) { .content__inner { flex-direction: row; } } @media screen and (min-width: 1280px) { .content__inner .content__main { flex-direction: row; width: calc(100% - 347px); } } .aside { width: 100%; margin-bottom: 34px; } @media screen and (min-width: 1280px) { .aside { flex-shrink: 0; width: 300px; margin-right: 47px; } } .content__head { max-width: 600px; } .content__head_wide { max-width: 100%; } .content__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #232735; margin-bottom: 20px; } @media screen and (min-width: 768px) { .content__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #232735; } } .content__title_big { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #232735; margin-bottom: 20px; } @media screen and (min-width: 768px) { .content__title_big { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 40px; color: #232735; margin-bottom: 25px; } } .content__title_accent { color: #1A47A9; } .content__subtitle { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; } @media screen and (min-width: 768px) { .content__subtitle { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #80869B; } } .content__head-tag { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #fff; position: relative; top: -10px; display: inline-block; padding: 5px 15px; background: #1A47A9; border-radius: 16px; margin-bottom: 20px; } @media screen and (min-width: 768px) { .content__head-tag { margin-bottom: 25px; top: -15px; } } .content__wrap { display: flex; } .content__wrap > * + * { margin-left: 20px; } .content__col-1 { width: 100%; max-width: 571px; } .content__col-2_progress { display: none; } @media screen and (min-width: 768px) { .content__col-2_progress { display: block; } } .content__row { display: flex; justify-content: space-between; align-items: center; } .content__row_middle-width { max-width: 571px; } .content__row_mrb { margin-bottom: 20px; } .content__row .back-button { margin-top: 0; margin-bottom: 0; } .detail-card { padding: 20px; border-radius: 9px; background-color: #fff; margin-bottom: 40px; } @media screen and (min-width: 480px) { .detail-card { padding: 30px; } } @media screen and (min-width: 1280px) { .detail-card { display: flex; padding: 0; } } .detail-card__img-container { display: none; } @media screen and (min-width: 1280px) { .detail-card__img-container { display: block; flex-shrink: 0; width: 386px; } } @media screen and (min-width: 1280px) { .detail-card__img { width: 100%; max-width: 100%; height: 100%; object-fit: cover; border-radius: 9px 0px 0px 9px; } } @media screen and (min-width: 1280px) { .detail-card__body { display: flex; flex-direction: column; justify-content: space-between; padding: 30px; } } .detail-card__title { margin-bottom: 20px; } @media screen and (min-width: 480px) { .detail-card__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #232735; margin-bottom: 25px; } } .detail-card__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; } .detail-card__footer { margin-top: 26px; } @media screen and (min-width: 480px) { .detail-card__footer { margin-top: 42px; } } @media screen and (min-width: 768px) { .detail-card__footer { display: flex; align-items: center; } } @media screen and (min-width: 1280px) { .detail-card__footer { margin-bottom: 20px; } } .detail-card__price-block { margin-bottom: 27px; } @media screen and (min-width: 768px) { .detail-card__price-block { margin-bottom: 0; } } .detail-card__price { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #1A47A9; } @media screen and (min-width: 480px) { .detail-card__price { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 40px; color: #1A47A9; } } @media screen and (min-width: 768px) { .detail-card__price { margin-right: 22px; } } .detail-card__price-description { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #80869B; margin-top: 5px; } .user-typography h1 { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 40px; color: #232735; margin-bottom: 30px; } @media screen and (min-width: 768px) { .user-typography h1 { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 44px; line-height: 45px; } } .user-typography * + h1 { margin-top: 16px; } .user-typography h2 { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #232735; margin-bottom: 30px; } @media screen and (min-width: 768px) { .user-typography h2 { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 40px; color: #232735; } } .user-typography * + h2 { margin-top: 25px; } .user-typography h3 { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #232735; margin-bottom: 30px; } @media screen and (min-width: 768px) { .user-typography h3 { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #232735; } } .user-typography * + h3 { margin-top: 25px; } .user-typography h4 { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #232735; margin-bottom: 25px; } @media screen and (min-width: 768px) { .user-typography h4 { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #232735; } } .user-typography * + h4 { margin-top: 10px; } .user-typography h5 { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 24px; letter-spacing: 0.75px; text-transform: uppercase; margin-bottom: 25px; } @media screen and (min-width: 768px) { .user-typography h5 { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #232735; } } .user-typography * + h5 { margin-top: 10px; } .user-typography h6 { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 24px; letter-spacing: 0.75px; text-transform: uppercase; margin-bottom: 25px; } @media screen and (min-width: 768px) { .user-typography h6 { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 24px; letter-spacing: 0.75px; text-transform: uppercase; } } .user-typography * + h6 { margin-top: 10px; } .user-typography p, .user-typography ul, .user-typography ol, .user-typography img, .user-typography blockquote, .user-typography table { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #505565; line-height: 1.4; margin-bottom: 25px; } .user-typography ul > li:before { position: absolute; left: 0; top: 8px; content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 26px; background: #FF7819; } .user-typography ol { list-style-type: none; counter-reset: num; } .user-typography ol > li:before { position: absolute; left: 0; top: -3px; content: counter(num) "."; counter-increment: num; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #1A47A9; line-height: 1; margin-right: 17px; } .user-typography li { position: relative; padding-left: 34px; margin-bottom: 20px; } .user-typography blockquote { border: 1px solid #BABDC8; background-color: #fff; padding: 30px 20px 5px 20px; } @media screen and (min-width: 768px) { .user-typography blockquote { padding: 50px 40px 30px 40px; } } .user-typography i { font-style: italic; } .user-typography hr { border: 0; height: 1px; background: #BABDC8; } .user-typography img { max-width: 100%; border-radius: 9px; } .user-typography svg { max-width: 100%; } .user-typography table { display: table; border-collapse: separate; border-radius: 12px; min-width: 800px; padding-left: 18px; padding-right: 18px; border: 1px solid #BABDC8; background-color: #fff; } .user-typography thead td { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #80869B; padding: 12px 10px; vertical-align: middle; border-bottom: 1px solid #BABDC8; } .user-typography tbody tr { border-bottom: 1px solid #BABDC8; } .user-typography tbody tr:last-child td { border: 0; } .user-typography tbody td { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #232735; padding: 12px 10px; vertical-align: middle; border-bottom: 1px solid #BABDC8; } .user-typography .video-wrap { position: relative; height: 0; padding-bottom: 56.25%; } .user-typography .video-wrap > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .user-typography.user-typography--fixed-prices p, .user-typography.user-typography--fixed-prices li { text-align: justify; } .user-typography.user-typography--fixed-prices li { padding-left: 25px; } .user-typography.user-typography--fixed-prices ol > li:before { top: 1px; font-size: 18px; font-weight: 700; color: #505565; } .user-typography.user-typography--fixed-prices .text-bigger { font-size: 18px; } .content-card { padding: 23px; border: 1px solid #E7EAEF; border-radius: 9px; background-color: #fff; height: 100%; } .content-card__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; position: relative; padding-left: 28px; } .content-card__text:before { content: ""; position: absolute; display: inline-block; width: 8px; height: 8px; left: 0; top: 7px; border-radius: 50%; margin-right: 20px; background: #FF7819; } .content-card_big-title { padding: 8px 14px; } .content-card_big-title .content-card__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #EC5907; margin-bottom: 7px; } @media screen and (min-width: 768px) { .content-card_big-title .content-card__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 40px; color: #EC5907; margin-bottom: 12px; } } .content-card_big-title .content-card__text { padding-left: 0; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #505565; } .content-card_big-title .content-card__text:before { display: none; } .content-card-list { margin: 30px 0; } @media screen and (min-width: 480px) { .content-card-list { margin: 40px 0; } } .content-card-list__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #1A47A9; margin-bottom: 20px; } @media screen and (min-width: 480px) { .content-card-list__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #1A47A9; } } .content-card-list__body { display: flex; flex-direction: column; } @media screen and (min-width: 768px) { .content-card-list__body { flex-direction: row; flex-wrap: wrap; } } .content-card-list__footer { margin-top: 20px; } .content-card-list__footer .button-primary + .button-secondary { margin-top: 10px; } @media screen and (min-width: 768px) { .content-card-list__footer .button-primary + .button-secondary { margin-top: 0; margin-left: 20px; } } .content-card-list__item { width: 100%; margin-bottom: 10px; } @media screen and (min-width: 768px) { .content-card-list__item { width: 280px; margin-right: 10px; } } .content-card-list_auto { margin: 30px 0; } .content-card-list_auto .content-card-list__item { max-width: 320px; } @media screen and (min-width: 768px) { .content-card-list_auto .content-card-list__item { width: calc(33% - 10px); } } .content-contacts { margin-bottom: 25px; } .content-contacts__item { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; display: flex; align-items: flex-start; } .content-contacts__item + .content-contacts__item { margin-top: 10px; } .content-contacts__img { margin-right: 10px; margin-top: 5px; } .content-contacts__name { font-weight: 700; } .content-contacts_reverse { margin-bottom: 0; } .content-contacts_reverse .content-contacts__name { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; } .content-contacts_reverse .content-contacts__value { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; text-decoration: none; } .content-slider__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #232735; margin-bottom: 20px; } @media screen and (min-width: 768px) { .content-slider__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #232735; } } .radio__input { position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); opacity: 0; } .radio__input:checked + .radio__label:before { border-color: #1A47A9; } .radio__input:checked + .radio__label:after { opacity: 1; background-color: #1A47A9; } .radio__input:focus + .radio__label:before { border-color: #1A47A9; } .radio__label { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; display: inline-block; position: relative; padding-left: 32px; cursor: pointer; } .radio__label:before, .radio__label:after { content: ''; position: absolute; border-radius: 50%; top: 10px; transform: translateY(-50%); transition: all 0.1s linear; } .radio__label:before { left: 0; width: 20px; height: 20px; border: 2px solid #A1A4B1; } .radio__label:after { opacity: 0; left: 7px; width: 10px; height: 10px; background-color: #A1A4B1; } .checkbox__input { position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); opacity: 0; } .checkbox__input:checked + .checkbox__label:before { border-color: #1A47A9; } .checkbox__input:checked + .checkbox__label:after { opacity: 1; background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9902 2L11.5802 0.580002L4.99023 7.17L2.41023 4.6L0.990234 6.01L4.99023 10L12.9902 2Z' fill='%231A47A9'/%3E%3C/svg%3E%0A"); } .checkbox__input:focus + .checkbox__label:before { border-color: #1A47A9; } .checkbox__label { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; display: inline-block; position: relative; padding-left: 32px; cursor: pointer; } .checkbox__label:before, .checkbox__label:after { content: ''; top: 11px; position: absolute; transform: translateY(-50%); transition: all 0.1s linear; } .checkbox__label:before { left: 0; width: 18px; height: 18px; border: 2px solid #A1A4B1; border-radius: 2px; } .checkbox__label:after { left: 4.5px; opacity: 0; width: 13px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9902 2L11.5802 0.580002L4.99023 7.17L2.41023 4.6L0.990234 6.01L4.99023 10L12.9902 2Z' fill='%23A1A4B1'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } .checkbox__label span { color: #1A47A9; } .checkbox__label a { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; text-decoration: underline; } .checkbox__label_fz_sm { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; color: #505565; } .checkbox__label_fz_sm:before, .checkbox__label_fz_sm:after { top: 6px; } .checkbox__label_fz_sm a { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; color: #505565; } .checkbox__label_cl_text-3, .checkbox__label_cl_text-3 a { color: #80869B; } .checkbox__label_cl_brand-1, .checkbox__label_cl_brand-1 a { color: #1A47A9; } .form-info-block { border: 1px solid #BABDC8; padding: 24px 17px; background-color: #fff; border-radius: 10px; } @media screen and (min-width: 480px) { .form-info-block__item { display: flex; } } .form-info-block__name { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; } @media screen and (min-width: 480px) { .form-info-block__name { margin-right: 40px; } } .form-info-block__value { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #1A47A9; } .form-info-block__value_big { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #1A47A9; } @media screen and (min-width: 768px) { .form-info-block__value_big { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 40px; color: #1A47A9; } } .form-info-block_vertical { border: 0; padding: 0; } .form-info-block_vertical .form-info-block__item { flex-direction: column; } .form-info-block_vertical .form-info-block__name { margin-bottom: 6px; } .form-info-block__item_justify { justify-content: space-around; } .form-info-block__item_justify .form-info-block + .form-info-block { margin-top: 30px; } @media screen and (min-width: 480px) { .form-info-block__item_justify .form-info-block + .form-info-block { margin-top: 0; } } .group-time { margin-top: 17px; } @media screen and (min-width: 768px) { .group-time { margin-top: 0; } } .group-time__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; margin-bottom: 6px; } .group-time__body { display: flex; justify-content: space-between; } .group-time__body .form-field { width: calc(50% - 9px); } .group-time__body .form-field + .form-field { margin-left: 10px; } .ui-datepicker { width: 250px; background-color: #FFFFFF; box-shadow: 0px 4px 8px rgba(30, 38, 46, 0.25); } .ui-datepicker-header { display: flex; align-items: center; justify-content: space-between; padding: 8px 16px; border-bottom: 1px solid #BABDC8; } .ui-datepicker-title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 16px; color: #232735; } .ui-datepicker-prev, .ui-datepicker-next { width: 24px; height: 24px; font-size: 0; background-repeat: no-repeat; background-position: center; cursor: pointer; } .ui-datepicker-prev { background-image: url("/local/assets/css/../img/icons/icon-24-4-3_ui-5.svg"); } .ui-datepicker-next { background-image: url("/local/assets/css/../img/icons/icon-24-2-3_ui-5.svg"); order: 3; } .ui-datepicker-calendar { width: calc(100% - 32px); text-align: center; margin: 16px; } .ui-datepicker-calendar span { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 16px; color: #232735; } .ui-datepicker-calendar a { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #505565; text-decoration: none; } .ui-datepicker-week-end a { color: #80869B; } .file-input__input { height: 0; width: 0; max-width: 0; } .file-input__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; margin-bottom: 6px; } .file-input__description { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #505565; margin-top: 6px; } .file-input__body { display: flex; align-items: center; width: 100%; } .file-input__button { position: relative; width: auto; padding: 16px; min-width: auto; flex-shrink: 0; } .file-input__button:before { content: ''; display: inline-block; width: 16px; height: 16px; background: transparent url("/local/assets/css/../img/icons/file-input.svg"); } @media screen and (min-width: 480px) { .file-input__button:before { display: none; } } .file-input__button span { display: none; } @media screen and (min-width: 480px) { .file-input__button span { display: inline-block; } } .file-input__file-name { width: 100%; height: 48px; border: 1px solid #A1A4B1; background: #F3F5F7; border-radius: 4px; padding: 13px 17px; margin-left: -5px; } @media screen and (min-width: 480px) { .file-input__file-name { padding: 11.5px 25px; } } .file-input__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; } .file-input_icon { position: relative; width: 100%; } .file-input_icon .file-input__body { cursor: pointer; } .file-input_icon .file-input__button { position: absolute; right: 10px; width: 24px; height: 24px; background: transparent url("/local/assets/css/../img/icons/icon-24-8-4-light.svg") 50% 50% no-repeat; } .file-input_icon .file-input__file-name { background: #fff; margin-left: 0; } .file-input_state_error .file-input__text { color: #FF7819; } .file-input__subtext { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; color: #80869B; margin-top: 5px; } .file-input__files-list { margin-top: 15px; } .file-input__files-item { position: relative; border-top: 1px solid #BABDC8; padding: 4px 10px; padding-right: 22px; } .file-input__files-item:nth-child(2n-1) { background-color: #FFFFFF; } .file-input__files-item:nth-child(2n) { background-color: #F3F5F7; } .file-input__files-item:last-child { border-bottom: 1px solid #BABDC8; } .file-input__files-item_error { position: relative; padding-left: 30px; padding-top: 0; } .file-input__files-item_error:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: contain; } .file-input__files-item_error:before { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z' fill='%23FF7819'/%3E%3C/svg%3E%0A"); } .file-input__files-item:not(.file-input__files-item_error) .file-input__files-item-error-text { display: none; } .file-input__files-item-name { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; color: #505565; } .file-input__files-item-size { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; color: #80869B; margin-left: 5px; } .file-input__files-item-delete { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 14px; height: 18px; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 16C1 17.1 1.9 18 3 18H11C12.1 18 13 17.1 13 16V4H1V16ZM3.46 8.88L4.87 7.47L7 9.59L9.12 7.47L10.53 8.88L8.41 11L10.53 13.12L9.12 14.53L7 12.41L4.88 14.53L3.47 13.12L5.59 11L3.46 8.88ZM10.5 1L9.5 0H4.5L3.5 1H0V3H14V1H10.5Z' fill='%23FF7819'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: contain; cursor: pointer; } .file-input__files-item-error-text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; color: #232735; color: #EC5907; } @media screen and (min-width: 480px) { .file-input__button { width: 140px; } } @media screen and (min-width: 768px) { .file-input_row { display: grid; grid-template-columns: 145px 451px; gap: 0 30px; } } @media screen and (min-width: 768px) { .file-input_row > *:first-child { grid-column: 1/2; } } @media screen and (min-width: 768px) { .file-input_row > * { grid-column: 2/3; } } .file-input_row .file-input__button { padding: 15px; } @media screen and (min-width: 480px) { .file-input_row .file-input__button { padding: 16px; } } .content-section { margin-top: 40px; margin-bottom: 40px; } .content-section .button-primary_icon_login span { display: inline-block; } .content-section + .content-section { margin-top: 40px; } @media screen and (min-width: 768px) { .content-section + .content-section { margin-top: 80px; } } .content-section + .content-section_mb { margin-top: 20px; } @media screen and (min-width: 768px) { .content-section + .content-section_mb { margin-top: 40px; } } .content-section__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #232735; margin-bottom: 20px; } @media screen and (min-width: 768px) { .content-section__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #232735; } } .content-section__title_accent { color: #1A47A9; } .content-section__title_big { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #232735; display: flex; justify-content: space-between; align-items: center; margin-bottom: 29px; } @media screen and (min-width: 768px) { .content-section__title_big { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 40px; color: #232735; margin-bottom: 25px; } } .content-section__subtitle { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; margin-top: -15px; margin-bottom: 20px; } .people-card { padding: 20px; background-color: #fff; border-radius: 10px; } @media screen and (min-width: 768px) { .people-card { display: flex; padding: 30px; } } .people-card + .people-card { margin-top: 20px; } .people-card__img-container { margin-bottom: 15px; } @media screen and (min-width: 768px) { .people-card__img-container { margin-right: 40px; } } .people-card__img { width: 60px; border-radius: 50%; } @media screen and (min-width: 768px) { .people-card__img { width: 100px; } } @media screen and (min-width: 1280px) { .people-card__img { width: 230px; } } .people-card__content { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; } @media screen and (min-width: 768px) { .people-card__content { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #505565; } } .people-card__footer { margin-top: 23px; } .people-card__name { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #1A47A9; margin-bottom: 5px; } .people-card__description { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; } .button-block { margin-top: 20px; } @media screen and (min-width: 768px) { .button-block { margin-top: 40px; } } .button-block .button-primary + .button-secondary { margin-top: 10px; } @media screen and (min-width: 768px) { .button-block .button-primary + .button-secondary { margin-top: 0; margin-left: 20px; } } .button-block_mb { margin-bottom: 40px; } .vacancy-card { padding: 20px; border: 1px solid #E7EAEF; background-color: #fff; box-shadow: 0px 4px 8px rgba(30, 38, 46, 0.25); border-radius: 10px; } @media screen and (min-width: 768px) { .vacancy-card { padding: 30px; } } .vacancy-card__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #232735; height: 50px; margin-bottom: 14px; overflow: hidden; } @media screen and (min-width: 768px) { .vacancy-card__title { height: auto; } } @media screen and (min-width: 1280px) { .vacancy-card__title { height: 50px; } } .vacancy-card__content { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; height: 70px; overflow: hidden; } @media screen and (min-width: 768px) { .vacancy-card__content { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #80869B; height: 46px; } } .vacancy-card__footer { margin-top: 25px; } .vacancy-card__footer .button-text { width: 100%; padding: 10px; text-align: center; } @media screen and (min-width: 768px) { .vacancy-card__footer .button-text { width: auto; margin-left: 20px; } } .vacancy-list__footer { margin-top: 10px; } @media screen and (min-width: 1280px) { .vacancy-list__body { display: flex; flex-wrap: wrap; justify-content: space-between; } } .vacancy-list__item { margin-bottom: 20px; } @media screen and (min-width: 1280px) { .vacancy-list__item { width: calc(50% - 14px); margin-bottom: 28px; } } .vacancy-list__link { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #1A47A9; text-decoration: none; } .vacancy-list__link:after { content: ''; display: inline-block; width: 24px; height: 24px; margin-left: 10px; vertical-align: middle; background: transparent url("/local/assets/css/../img/icons/icon-24-2-2-accent.svg") 50% 50% no-repeat; } .warranty { padding: 30px 18px 10px 18px; background-color: #fff; border-radius: 9px; } @media screen and (min-width: 768px) { .warranty { padding: 30px 35px 0 35px; } } .warranty__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #232735; margin-bottom: 20px; } .warranty__img-container { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border: 2px solid #FF7819; padding: 10px; border-radius: 50%; margin-left: auto; margin-right: auto; } @media screen and (min-width: 768px) { .warranty__img-container { width: 82px; height: 82px; margin-bottom: 30px; } } .warranty__img { max-width: 100%; } .warranty__item-title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; text-align: center; margin-top: 8px; } .warranty__body { display: flex; flex-wrap: wrap; } @media screen and (min-width: 1280px) { .warranty__body { justify-content: space-between; } } .warranty__item { width: calc(50% - 15px); margin-right: 30px; margin-bottom: 40px; } @media screen and (min-width: 480px) { .warranty__item { width: calc(33% - 27px); margin-right: 40px; } } @media screen and (min-width: 768px) { .warranty__item { margin-bottom: 50px; } } @media screen and (min-width: 1280px) { .warranty__item { margin-right: 0 !important; width: 140px; } } .warranty__item:nth-child(2n) { margin-right: 0; } @media screen and (min-width: 480px) { .warranty__item:nth-child(2n) { margin-right: 40px; } } @media screen and (min-width: 480px) { .warranty__item:nth-child(3n) { margin-right: 0; } } .social-share__item { display: inline-block; } .social-share__item + .social-share__item { margin-left: 15px; } .head-modal { visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; padding-top: 160px; padding-bottom: 30px; background: #fff; transform: translateY(-100%); transition: 0.7s; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); border-radius: 10px; z-index: 8; } @media screen and (min-width: 480px) { .head-modal { padding-top: 200px; } } @media screen and (min-width: 768px) { .head-modal { padding-top: 260px; margin-bottom: 40px; } } @media screen and (min-width: 1280px) { .head-modal { margin-bottom: 47px; } } .head-modal.isOpen { visibility: visible; transform: translateY(0); } .head-modal__warning { margin-top: -32px; margin-bottom: 30px; } @media screen and (min-width: 480px) { .head-modal__warning { margin-top: -37px; } } @media screen and (min-width: 768px) { .head-modal__warning { margin-top: -25px; } } @media screen and (min-width: 1280px) { .head-modal__warning { margin-top: -32px; } } .head-modal__globalWrapper { position: relative; } .head-modal__step { display: none; } .head-modal__step.isOpen { display: block; } .head-modal__head { display: flex; margin-bottom: 30px; position: relative; } @media screen and (min-width: 768px) { .head-modal__head { display: flex; justify-content: space-between; } } .head-modal__row-wrap { display: flex; justify-content: space-between; align-items: flex-center; padding-top: 30px; padding-bottom: 30px; border-bottom: 0.5px solid #BABDC8; } @media screen and (max-width: 479px) { .head-modal__row-wrap { display: block; } } .head-modal__row-wrap .head-modal__row { padding-top: 0; padding-bottom: 0; border-bottom: none; } .head-modal__meter-cards-button { display: flex; flex-direction: column; justify-content: center; height: 60px; margin-left: 15px; flex-shrink: 0; } .head-modal__meter-cards-button > * { max-width: 100%; } @media screen and (max-width: 479px) { .head-modal__meter-cards-button { display: block; height: auto; margin-left: 0; } } .head-modal__row { padding: 20px 0; border-bottom: 0.5px solid #BABDC8; } @media screen and (min-width: 480px) { .head-modal__row { padding: 30px 0; } } @media screen and (min-width: 768px) { .head-modal__row { display: flex; } } @media screen and (min-width: 768px) { .head-modal__row_type_2 .payment-data__item, .head-modal__row_type_total .payment-data__item { width: 110px; margin-right: 10px; } } @media screen and (min-width: 1280px) { .head-modal__row_type_2 .payment-data__item, .head-modal__row_type_total .payment-data__item { width: 150px; margin-right: 30px; } } .head-modal__row_type_2 .payment-data__value, .head-modal__row_type_total .payment-data__value { height: 49px; display: flex; align-items: center; } @media screen and (max-width: 767px) { .head-modal__row_type_2 { display: flex; flex-wrap: wrap; } } @media screen and (min-width: 480px) and (max-width: 767px) { .head-modal__row_type_2 .payment-data__item { width: 25%; } } .head-modal__row_type_2 .form-field__title { margin-top: 0; margin-bottom: 15px; } @media screen and (min-width: 768px) { .head-modal__row_type_total .payment-data { flex-wrap: nowrap; } } .head-modal__row_type_total .payment-data__item { flex-shrink: 0; } @media screen and (max-width: 1023px) { .head-modal__row_type_total .payment-data__item { display: none; } .head-modal__row_type_total .payment-data__item:nth-last-child(1), .head-modal__row_type_total .payment-data__item:nth-last-child(2) { display: flex; } } @media screen and (min-width: 480px) { .head-modal__row_type_total .payment-data__item:last-child { width: calc(66% + 24px); } } @media screen and (min-width: 768px) { .head-modal__row_type_total .payment-data__item:last-child { width: auto; max-width: 280px; flex-shrink: 1; flex-grow: 1; } } @media screen and (min-width: 768px) { .head-modal__row_three-column { display: flex; } .head-modal__row_three-column .meter-card + .meter-card { margin-left: 15px; } } @media screen and (min-width: 768px) { .head-modal__row_three-column-wrap { display: flex; flex-wrap: wrap; margin: -7.5px; } .head-modal__row_three-column-wrap .meter-card { margin: 7.5px; } .head-modal__row_three-column-wrap .meter-card + .meter-card { margin-top: 7.5px; } } .head-modal__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #1A47A9; } @media screen and (min-width: 768px) { .head-modal__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #1A47A9; display: flex; flex-wrap: wrap; } .head-modal__title span { margin-right: 30px; } } .head-modal__subtitle { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #505565; margin-top: 5px; } @media screen and (min-width: 768px) { .head-modal__subtitle { order: 3; width: 100%; } } .head-modal__button-close { position: absolute; right: 10px; margin-top: -20px; cursor: pointer; } @media screen and (min-width: 768px) { .head-modal__button-close { margin-top: 0; } } .head-modal__button-close:after { content: ''; display: inline-block; width: 25px; height: 24px; vertical-align: middle; background: transparent url(/local/assets/css/../img/icons/close.svg) 50% 50% no-repeat; } .head-modal__button-close span { display: none; } @media screen and (min-width: 768px) { .head-modal__button-close span { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; display: inline-block; vertical-align: middle; margin-right: 8px; } } .head-modal__row-checkbox { display: flex; align-items: center; width: 22px; margin-right: 20px; margin-bottom: 18px; } .head-modal__row-checkbox .checkbox__label:before, .head-modal__row-checkbox .checkbox__label:after { top: 50%; } @media screen and (min-width: 768px) { .head-modal__row-checkbox { margin-right: 30px; margin-bottom: 0; } } .head-modal__row-title { display: flex; align-items: center; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #232735; margin-bottom: 18px; } @media screen and (min-width: 768px) { .head-modal__row-title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #232735; margin-bottom: 0; margin-right: 20px; flex-shrink: 0; width: 170px; } } @media screen and (min-width: 1024px) { .head-modal__row-title { width: 200px; margin-right: 30px; } } @media screen and (min-width: 1280px) { .head-modal__row-title { margin-right: 60px; width: 220px; } } @media screen and (max-width: 767px) { .head-modal__row-payment-data { width: 100%; } } .head-modal__step_1 .head-modal__step-footer { margin-top: 30px; border-top: 0.5px solid #BABDC8; } @media screen and (min-width: 1024px) { .head-modal__step_1 .head-modal__step-footer { display: flex; } } .head-modal__step_1 .head-modal__step-footer .step-footer-block + .step-footer-block { margin-left: 13px; } @media screen and (min-width: 1280px) { .head-modal__step_1 .head-modal__step-footer .step-footer-block + .step-footer-block { margin-left: 61px; } } .payment-system { display: flex; align-items: center; margin-top: 16px; } @media screen and (min-width: 768px) { .payment-system { margin-top: 0; } } .payment-system__img + .payment-system__img { margin-left: 15px; } .city-card { padding: 15px 18px; border: 1px solid #BABDC8; border-radius: 10px; } @media screen and (min-width: 768px) { .city-card { display: flex; justify-content: space-between; } } .city-card__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; display: flex; align-items: center; margin-bottom: 15px; } @media screen and (min-width: 480px) { .city-card__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #232735; } } @media screen and (min-width: 768px) { .city-card__title { margin-bottom: 0; } } .city-card__title:before { content: ''; display: inline-block; width: 24px; height: 24px; margin-right: 13px; background: transparent url("/local/assets/css/../img/icons/icon-24-6-3-accent.svg") 50% 50% no-repeat; } @media screen and (min-width: 480px) { .meter-card { display: flex; align-items: flex-start; justify-content: space-between; } } @media screen and (min-width: 768px) { .meter-card { flex-direction: column; } } .meter-card + .meter-card { margin-top: 30px; } @media screen and (min-width: 768px) { .meter-card + .meter-card { margin-top: 0; } } @media screen and (min-width: 480px) { .meter-card .button-primary { width: auto; } } .meter-card .button-primary img { margin-left: 10px; vertical-align: middle; } .meter-card__number-title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #80869B; } @media screen and (min-width: 768px) { .meter-card__number-title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; } } .meter-card__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #232735; display: flex; align-items: center; } .meter-card__title:before { content: ''; width: 16px; height: 16px; display: inline-block; margin-right: 10px; background: transparent url(/local/assets/css/../img/icons/icon-24-6-7.svg) 50% 50% no-repeat; } .meter-card__subtitle { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; color: #505565; margin-top: 3px; } .meter-card__info { margin-bottom: 17px; } @media screen and (min-width: 480px) { .payment-data { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; } } @media screen and (min-width: 768px) { .payment-data { justify-content: flex-start; } } .payment-data .form-field__title { color: #80869B; } .payment-data__item { display: flex; justify-content: space-between; align-items: center; } @media screen and (min-width: 480px) { .payment-data__item { flex-direction: column; align-items: flex-start; } } @media screen and (min-width: 768px) { .payment-data__item { margin-right: 30px; width: 100px; } } @media screen and (min-width: 1024px) { .payment-data__item { margin-right: 60px; width: auto; } } .payment-data__item + .payment-data__item { margin-top: 12px; } @media screen and (min-width: 480px) { .payment-data__item + .payment-data__item { margin-top: 0; } } .payment-data__item:last-child { margin-right: 0; width: auto; } .payment-data__name { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #80869B; } @media screen and (min-width: 480px) { .payment-data__name { margin-bottom: 6px; } } @media screen and (min-width: 768px) { .payment-data__name { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; } } .payment-data__name_big { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; } .payment-data__value { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #232735; white-space: nowrap; } .payment-data__value_accent { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #1A47A9; } @media screen and (min-width: 480px) { .payment-data_form .payment-data__item { width: calc(33% - 34px); margin-bottom: 27px; } } @media screen and (min-width: 768px) { .payment-data_form .payment-data__item { width: 100px; margin-bottom: 27px; } } @media screen and (min-width: 1024px) { .payment-data_form .payment-data__item { width: 120px; margin-bottom: 27px; } } .payment-data_form .payment-data__item + .payment-data__item { margin-top: 16px; } @media screen and (min-width: 480px) { .payment-data_form .payment-data__item + .payment-data__item { margin-top: 0; } } @media screen and (min-width: 480px) { .payment-data_form .payment-data__item:nth-child(1) { position: relative; flex-direction: row; margin-right: 35px; } .payment-data_form .payment-data__item:nth-child(1):after { position: absolute; right: -21px; top: 55%; content: '+'; display: inline-block; margin-left: 12px; font-size: 16px; color: #1A47A9; } } @media screen and (min-width: 768px) { .payment-data_form .payment-data__item:nth-child(1) { margin-right: 30px; } .payment-data_form .payment-data__item:nth-child(1):after { position: absolute; right: -19px; margin-left: 12px; } } @media screen and (min-width: 480px) { .payment-data_form .payment-data__item:nth-child(2) { position: relative; flex-direction: row; margin-right: 35px; } .payment-data_form .payment-data__item:nth-child(2):after { position: absolute; right: -21px; top: 55%; content: '+'; display: inline-block; margin-left: 12px; font-size: 16px; color: #1A47A9; } } @media screen and (min-width: 768px) { .payment-data_form .payment-data__item:nth-child(2) { margin-right: 30px; } .payment-data_form .payment-data__item:nth-child(2):after { position: absolute; right: -19px; margin-left: 12px; } } @media screen and (min-width: 768px) { .payment-data_form .payment-data__item:nth-child(3) { position: relative; margin-right: 35px; } .payment-data_form .payment-data__item:nth-child(3):after { position: absolute; right: -21px; top: 55%; content: '='; display: inline-block; margin-left: 12px; font-size: 16px; color: #1A47A9; } } @media screen and (min-width: 768px) { .payment-data_form .payment-data__item:nth-child(3) { margin-right: 30px; } .payment-data_form .payment-data__item:nth-child(3):after { position: absolute; right: -19px; margin-left: 12px; } } @media screen and (min-width: 480px) { .payment-data_form .payment-data__item:nth-child(4) { justify-content: flex-start; } } @media screen and (min-width: 768px) { .payment-data_form .payment-data__item:nth-child(4) { margin-right: 0; width: auto; } .payment-data_form .payment-data__item:nth-child(4) .payment-data__name { margin-bottom: 20px; } } @media screen and (min-width: 480px) { .payment-data_form .payment-data__item:last-child { width: calc(66% + 24px); } } @media screen and (min-width: 768px) { .payment-data_form .payment-data__item:last-child { width: 500px; } } @media screen and (min-width: 1024px) { .payment-data_form .payment-data__item:last-child { margin-left: 30px; width: calc(100% - 600px); } } .agree-text { margin-top: 15px; } .agree-text__content { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; color: #80869B; margin-bottom: 20px; } @media screen and (min-width: 480px) { .agree-text__content { margin-bottom: 35px; } } @media screen and (min-width: 1280px) { .agree-text__content { margin-bottom: 20px; } } .agree-text__content a { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; color: #232735; color: #80869B; } @media screen and (min-width: 768px) { .address-form__item { width: calc(20% - 12px); } .address-form__item:nth-child(2) { width: calc(40% - 12px); } } .address-form__item .agree-text__content { margin-bottom: 0; } @media screen and (min-width: 768px) and (max-width: 1024px) { .address-form__item .form-field__title { font-size: 13px; } } .address-form__body { display: flex; flex-direction: column; margin: -8px -6px; } @media screen and (min-width: 768px) { .address-form__body { display: flex; flex-direction: row; flex-wrap: wrap; } } @media screen and (min-width: 1280px) { .address-form__body { align-items: flex-end; } } .address-form__item { display: flex; flex-direction: column; align-items: flex-start; flex-grow: 1; margin: 8px 6px; } .address-form__item > * { max-width: 100%; } .address-form__item_wd_full { width: calc(100% - 12px); } .address-form__item_mgv_lg { margin-top: 16px; margin-bottom: 16px; } .address-form__item_mgt_lg { margin-top: 16px; } .address-form__item_mgt_xl { margin-top: 32px; } .address-form__item > .form-field { height: 100%; } .address-form__footer { margin-top: 21px; } @media screen and (min-width: 480px) { .address-form__footer { margin-top: 12px; } } @media screen and (min-width: 768px) { .address-form__footer { margin-top: 20px; } } .address-form + .personal-form { margin-top: 20px; } .address-form__item-button { margin-top: auto; } .address-form__bottom-text-placeholder { margin-bottom: 23px; } .address-form_content { padding: 30px 10px; background-color: #fff; border-radius: 9px; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1); } @media screen and (min-width: 768px) { .address-form_content { padding: 34px 26px; } } @media screen and (min-width: 768px) { .address-form_content .address-form__body { align-items: flex-end; } } @media screen and (min-width: 768px) { .address-form_content .address-form__item { width: calc(25% - 9px); } } .address-form_content .address-form__item .button-primary { width: 100% !important; } @media screen and (min-width: 768px) { .address-form_content .address-form__item + .address-form__item:last-child { margin-left: 12px; } } .address-form_content .address-form__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #232735; margin-bottom: 25px; } @media screen and (min-width: 768px) { .address-form_content .address-form__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #232735; } } .address-form_area { padding: 0; background-color: transparent; box-shadow: none; } @media screen and (min-width: 768px) { .address-form_area .address-form__body { flex-wrap: nowrap; } } @media screen and (min-width: 768px) { .address-form_area .address-form__item { width: 100%; } .address-form_area .address-form__item:last-child { width: auto; } } @media screen and (min-width: 768px) { .address-form_area .address-form__item + .address-form__item { margin-left: 12px; } .address-form_area .address-form__item + .address-form__item:last-child { margin-left: 12px; } } .address-form_area .button-secondary { background-color: transparent; } .address-form_address-1 .address-form__item:nth-child(1) { width: calc(75% - 12px); } .address-form_address-1 .address-form__item:nth-child(2) { width: calc(25% - 12px); } @media screen and (max-width: 1023px) { .address-form_address-1 .address-form__item:nth-child(1) { width: calc(66.66% - 12px); } .address-form_address-1 .address-form__item:nth-child(2) { width: calc(33.33% - 12px); } } @media screen and (max-width: 767px) { .address-form_address-1 .address-form__item:nth-child(n) { width: calc(100% - 12px); } } .address-form_account-counter-1 .address-form__item { flex-grow: 0; max-width: 100%; } .address-form_account-counter-1 .address-form__item:nth-child(1) { width: 250px; } .address-form_account-counter-1 .address-form__item:nth-child(2) { width: 150px; } @media screen and (max-width: 767px) { .address-form_account-counter-1 .address-form__body { margin-left: 0; margin-right: 0; } .address-form_account-counter-1 .address-form__item { margin-left: 0; margin-right: 0; } .address-form_account-counter-1 .address-form__item:nth-child(n) { width: 100%; } } .warning-text { padding: 10px; background-color: rgba(254, 162, 55, 0.1); border: 1px solid #E7EAEF; border-radius: 10px; } @media screen and (min-width: 768px) { .warning-text { padding: 10px 18px; } } .warning-text__content { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #EC5907; } @media screen and (min-width: 768px) { .personal-form__body { display: flex; flex-wrap: wrap; } } @media screen and (min-width: 1280px) { .personal-form__body { align-items: flex-end; } } @media screen and (min-width: 768px) { .personal-form__item { width: calc(33.3% - 8px); } .personal-form__item:last-child { width: 66%; } } @media screen and (min-width: 1280px) { .personal-form__item { width: calc(25% + 23px); } .personal-form__item:last-child { width: 100%; } } .personal-form__item + .personal-form__item { margin-top: 16px; } @media screen and (min-width: 768px) { .personal-form__item + .personal-form__item { margin-top: 0; margin-left: 12px; } .personal-form__item + .personal-form__item:nth-child(4) { margin-top: 10px; margin-left: 0; } .personal-form__item + .personal-form__item:nth-child(4) .button-primary { width: 200px; } } @media screen and (min-width: 1280px) { .personal-form__item + .personal-form__item:nth-child(4) { width: 200px; margin-top: 0; margin-left: 12px; } .personal-form__item + .personal-form__item:last-child { margin-left: 0; } } .step-footer-block { margin-top: 40px; } .step-footer-block__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #80869B; margin-bottom: 20px; } @media screen and (min-width: 768px) { .step-info { display: flex; } } .step-info__item { display: flex; padding: 24px 17px; background-color: #fff; border: 1px solid #BABDC8; border-radius: 4px; text-decoration: none; } @media screen and (min-width: 768px) { .step-info__item { max-width: 265px; } } .step-info__item + .step-info__item { margin-top: 8px; } @media screen and (min-width: 768px) { .step-info__item + .step-info__item { margin-top: 0; margin-left: 17px; } } .step-info__img-container { margin-right: 12px; } .step-info__title { display: inline-block; font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #1A47A9; width: 100%; margin-bottom: 13px; font-weight: 400; } .step-info__content { display: inline-block; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #80869B; } .info-message { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #1A47A9; padding: 12px 22px; border: 1px solid #BABDC8; background-color: #fff; border-radius: 10px; } @media screen and (min-width: 768px) { .info-message { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #1A47A9; } } .info-message a { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #FF7819; } @media screen and (min-width: 768px) { .info-message a { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #FF7819; } } .energy-status { width: 100%; margin-top: 30px; padding: 20px 10px; border: 1px solid #BABDC8; background-color: #fff; border-radius: 10px; } @media screen and (min-width: 1024px) { .energy-status { display: flex; align-items: center; justify-content: space-between; padding: 21px 25px; } } .energy-status .button-primary { width: 100%; } @media screen and (min-width: 1024px) { .energy-status .button-primary { width: auto; } } .energy-status__body { margin-bottom: 40px; } @media screen and (min-width: 768px) { .energy-status__body { display: flex; margin-bottom: 20px; } } @media screen and (min-width: 1024px) { .energy-status__body { margin-bottom: 0; max-width: 70%; } } .energy-status__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; margin-bottom: 2px; } @media screen and (min-width: 768px) { .energy-status__title_mb { margin-bottom: 10px; } } .energy-status__price { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 40px; color: #EC5907; } @media screen and (min-width: 768px) { .energy-status__price { min-width: 210px; } } .energy-status__info { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #1A47A9; } .energy-status__item + .energy-status__item { margin-top: 26px; } @media screen and (min-width: 768px) { .energy-status__item + .energy-status__item { margin-top: 0; } } .mobile-menu { position: fixed; top: 0; left: 0; transform: translateX(-100%); width: 100%; min-height: 100vh; background-color: #fff; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); z-index: 10; transition: 0.5s; overflow: auto; height: 100%; } @media screen and (min-width: 480px) { .mobile-menu { width: 310px; } } @media screen and (min-width: 1280px) { .mobile-menu { transform: translateX(-100%) !important; } } .mobile-menu.isOpen { transform: translateX(0); } .mobile-menu__head { padding: 50px 32px 24px 32px; border-bottom: 1px solid #BABDC8; } .mobile-menu__link { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #1A47A9; display: inline-block; width: 100%; padding: 23px 32px; text-decoration: none; } .mobile-menu__footer { padding: 26px 32px; border-top: 1px solid #BABDC8; } .mobile-menu__footer .button-search__text { display: inline-block; } .mobile-menu__footer .big-phone { margin-bottom: 28px; } .mobile-menu__button-close { position: absolute; top: 13px; right: 13px; width: 24px; height: 24px; background: transparent url(/local/assets/css/../img/icons/close.svg) 50% 50% no-repeat; } @media screen and (min-width: 1280px) { .history__item { display: flex; justify-content: space-between; } } .history__item + .history__item { margin-top: 20px; } @media screen and (min-width: 480px) { .history__item + .history__item { margin-top: 30px; } } .history__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #1A47A9; margin-bottom: 20px; } @media screen and (min-width: 768px) { .history__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #1A47A9; } } @media screen and (min-width: 1280px) { .history__title { flex-shrink: 0; width: 180px; margin-right: 10px; } .history__title:after { content: ''; display: block; width: 1px; height: calc(100% - 20px); background-color: rgba(26, 71, 169, 0.2); margin-top: 20px; } } .history__item:last-child .history__title:after { display: none; } .history__body { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; padding: 20px 14px; border-radius: 10px; background-color: #fff; } @media screen and (min-width: 768px) { .history__body { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #505565; padding: 20px; } } .dropdown-block { border: 1px solid #BABDC8; background-color: #fff; border-radius: 10px; } .dropdown-block + .dropdown-block { margin-top: 10px; } .dropdown-block__body { display: none; } .dropdown-block__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #232735; display: flex; justify-content: space-between; align-items: center; padding: 20px; text-decoration: none; } .dropdown-block__title:after { content: ''; display: inline-block; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' fill='%23A1A4B1'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; transition: all 0.1s linear; } .dropdown-block__title.isOpen { color: #1A47A9; } .dropdown-block__title.isOpen:after { background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' fill='%231A47A9'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; transform: rotate(90deg); } .dropdown-block__content { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; padding: 20px; padding-top: 0; } @media screen and (min-width: 480px) { .dropdown-block__content { margin-top: 10px; } } @media screen and (min-width: 768px) { .dropdown-block__content { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #505565; } } .dropdown-block__content p + p { margin-top: 20px; } .dropdown-block_light .dropdown-block__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #505565; } .dropdown-block_light .dropdown-block__title.isOpen { color: #1A47A9; } @media screen and (min-width: 1280px) { .personal-detail__body { display: flex; } } .personal-detail__img { max-width: 100%; } .personal-detail__img-container { text-align: center; } @media screen and (min-width: 1280px) { .personal-detail__img-container { flex-shrink: 0; margin-left: 30px; } } .personal-detail__footer { margin-top: -5px; padding: 30px 20px; background-color: #fff; border-radius: 9px; box-shadow: 0px 4px 8px rgba(30, 38, 46, 0.25); } .personal-detail__footer p:last-child { margin-bottom: 0; } .personal-minicard { display: flex; flex-wrap: wrap; } .personal-minicard__item { width: 150px; margin-bottom: 30px; margin-right: 70px; } @media screen and (min-width: 768px) { .personal-minicard__item { margin-right: 80px; } } @media screen and (min-width: 1280px) { .personal-minicard__item { margin-right: 87px; } } .personal-minicard__img { max-width: 100%; border-radius: 50%; } .personal-minicard__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #232735; display: inline-block; margin-top: 15px; } .personal-minicard__title span { font-weight: 400; display: inline-block; } .doc-list__item { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; position: relative; display: inline-block; width: 100%; padding: 20px; padding-right: 50px; background-color: #fff; border: 1px solid #BABDC8; border-radius: 9px; text-decoration: none; transition: all 0.1s linear; } @media screen and (min-width: 480px) { .doc-list__item { padding-right: 75px; } } .doc-list__item:after { content: ''; position: absolute; top: calc(50% - 8px); right: 20px; display: inline-block; flex-shrink: 0; width: 16px; height: 16px; background: transparent url("/local/assets/css/../img/icons/icon-24-9-1.svg") 50% 50% no-repeat; background-size: contain; } @media screen and (min-width: 480px) { .doc-list__item:after { top: calc(50% - 12px); width: 24px; height: 24px; } } .doc-list__item:hover { color: #EC5907; box-shadow: 0px 4px 8px rgba(30, 38, 46, 0.25); } .doc-list__item:hover:after { background: transparent url("/local/assets/css/../img/icons/icon-24-9-1-orange.svg") 50% 50% no-repeat; background-size: contain; } .doc-list__item + .doc-list__item { margin-top: 10px; } .doc-list__title { display: flex; align-items: center; justify-content: space-between; } .doc-list__subtitle { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #80869B; } @media screen and (min-width: 1280px) { .date-list__item { display: flex; } } .date-list__item + .date-list__item { margin-top: 20px; } @media screen and (min-width: 480px) { .date-list__item + .date-list__item { margin-top: 30px; } } @media screen and (min-width: 1280px) { .date-list__item + .date-list__item { margin-top: 35px; } } .date-list__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #1A47A9; margin-bottom: 20px; } @media screen and (min-width: 768px) { .date-list__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #1A47A9; } } @media screen and (min-width: 1280px) { .date-list__title { flex-shrink: 0; margin-right: 20px; } } .search-line button { width: auto; min-width: auto; flex-shrink: 0; margin-left: 15px; padding: 10px 15px; } @media screen and (min-width: 768px) { .search-line button { width: 192px; margin-left: 7px; padding: 13px 25px; } } .search-line button:after { content: ''; display: inline-block; width: 24px; height: 24px; background: transparent url("/local/assets/css/../img/icons/icon-16-1-1.svg") 50% 50% no-repeat; background-size: contain; } @media screen and (min-width: 768px) { .search-line button:after { display: none; } } .search-line button span { display: none; } @media screen and (min-width: 768px) { .search-line button span { display: inline-block; } } .search-line .button-primary:after { content: ''; display: inline-block; width: 24px; height: 24px; background: transparent url("/local/assets/css/../img/icons/icon-16-1-1-white.svg") 50% 50% no-repeat; background-size: contain; } @media screen and (min-width: 768px) { .search-line .button-primary:after { display: none; } } .search-line__item { display: flex; } .news-list { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 0; } .news-list .news-card { margin: 0; } .news-list__item { width: 100%; margin-bottom: 10px; } @media screen and (min-width: 480px) { .news-list__item { margin-bottom: 20px; } } @media screen and (min-width: 768px) { .news-list__item { width: calc(50% - 15px); } } @media screen and (min-width: 1280px) { .news-list__item { margin-bottom: 50px; } } .orange-block { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #fff; padding: 20px 25px; background-color: #FF7819; font-style: italic; line-height: 32px; border-radius: 10px; } @media screen and (min-width: 480px) { .orange-block { padding: 40px 60px; } } @media screen and (min-width: 768px) { .orange-block { font-family: Open Sans, sans-serif; font-style: italic; font-weight: normal; font-size: 20px; line-height: 32px; color: #fff; padding: 40px 70px; } } @media screen and (min-width: 1280px) { .reviews { display: flex; } } .reviews__img-container { flex-shrink: 0; width: 135px; margin-bottom: 20px; } @media screen and (min-width: 1280px) { .reviews__img-container { margin-bottom: 0; margin-right: 60px; } } .reviews__img { max-width: 100%; } .reviews__body { padding: 30px 16px; border: 1px solid #BABDC8; background-color: #fff; border-radius: 9px; } .reviews__content { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; margin-bottom: 14px; } @media screen and (min-width: 768px) { .reviews__content { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #505565; } } .reviews__name { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #232735; margin-bottom: 7px; } .reviews__description { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #505565; } .reviews-list__item + .reviews-list__item { margin-top: 30px; } @media screen and (min-width: 768px) { .diplomas-list { display: flex; flex-wrap: wrap; justify-content: flex-start; } } .diplomas-list__item { margin-bottom: 40px; width: 100%; max-width: 290px; } @media screen and (min-width: 768px) { .diplomas-list__item { width: calc(50% - 20px); margin-right: 20px; max-width: none; } } @media screen and (min-width: 1280px) { .diplomas-list__item { width: calc(33% - 20px); margin-right: 20px; } .diplomas-list__item:nth-child(3n) { margin-right: 0; } } .diplomas-list__img-container { margin-bottom: 20px; } .diplomas-list__img { max-width: 100%; } .diplomas-list__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #232735; margin-bottom: 5px; } .diplomas-list__content { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #505565; } .white-table__outher { width: 100vw; margin-left: -16px; padding: 10px; padding-left: 16px; } @media screen and (min-width: 768px) { .white-table__outher { width: auto; margin-left: -30px; padding-left: 30px; } } @media screen and (min-width: 1024px) { .white-table__outher { margin-left: -10px; padding: 10px; } } .white-table__table { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #fff; min-width: 860px; } .white-table__table thead { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #505565; } .white-table__table tbody td { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; } .white-table__table tbody tr:last-child { border-bottom: 0; } .white-table__table td { padding: 20px 20px; } .white-table__table tr { border-bottom: 1px solid #BABDC8; } .white-table__table a { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #1A47A9; text-decoration: none; } .white-table__table a:hover { color: #EC5907; } .white-table__outher { overflow: auto; } .white-table_procurement td:nth-child(1) { width: 100px; } .white-table_procurement td:nth-child(2) { width: 470px; } .white-table_procurement td:nth-child(3) { width: 100px; } .white-table_procurement td:nth-child(4) { width: 170px; } .white-table__subtitle { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; } .white-table_rates .white-table__table { min-width: 610px; width: 100%; } .white-table_rates td:nth-child(1) { width: 25%; } .white-table_rates td:nth-child(2) { width: 20%; } .white-table_rates td:nth-child(3) { width: 32%; text-align: right; } .white-table_rates td:nth-child(4) { width: 32%; text-align: right; } .white-table_rates thead { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #80869B; } .white-table_rates thead td { vertical-align: middle; } .white-table_rates tbody td:nth-child(3) { color: #1A47A9; } .white-table_rates tbody td:nth-child(4) { color: #EC5907; } .white-table_rates tbody tr { border-bottom: 0; } @media screen and (min-width: 1024px) { .search-block { display: flex; } } @media screen and (min-width: 1024px) { .search-block .search-block__link-list { margin-right: 50px; } } @media screen and (min-width: 1280px) { .search-block .search-block__link-list { margin-right: 80px; } } @media screen and (min-width: 480px) { .search-block__link-list { display: flex; } } .search-block__link-column { margin-bottom: 35px; width: 200px; } @media screen and (min-width: 480px) { .search-block__link-column + .search-block__link-column { margin-left: 50px; } } .search-section { padding: 20px 15px; background-color: #fff; border-radius: 9px; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1); } .search-section__header { margin-bottom: 15px; } @media screen and (min-width: 480px) { .search-section__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } } .search-section__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #1A47A9; } @media screen and (min-width: 768px) { .search-section__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #1A47A9; } .search-section__title:before { content: ''; display: inline-block; width: 24px; height: 24px; margin-right: 10px; background: transparent url("/local/assets/css/../img/icons/icon-16-1-1.svg"); background-size: contain; vertical-align: middle; } } .search-section__description { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #80869B; margin-top: 10px; } @media screen and (min-width: 480px) { .search-section__description { text-align: right; margin: 0; } } .search-section__description a { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #1A47A9; } .reset-result { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; flex-shrink: 0; } .reset-result span { display: none; } @media screen and (min-width: 768px) { .reset-result span { display: inline-block; margin-right: 12px; vertical-align: middle; } } .reset-result:after { content: ''; display: inline-block; width: 25px; height: 24px; vertical-align: middle; background: transparent url(/local/assets/css/../img/icons/close.svg) 50% 50% no-repeat; } .search-result__item { display: flex; align-items: center; justify-content: space-between; padding: 30px 13px; border: 1px solid #BABDC8; background-color: #fff; border-radius: 10px; text-decoration: none; } @media screen and (min-width: 480px) { .search-result__item { padding: 30px 20px; } } .search-result__item:after { content: ''; display: inline-block; flex-shrink: 0; width: 24px; height: 24px; margin-left: 20px; background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' fill='%23A1A4B1'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; transition: all 0.1s linear; } @media screen and (min-width: 768px) { .search-result__item:after { margin-left: 35px; } } .search-result__item + .search-result__item { margin-top: 10px; } .search-result__title { display: inline-block; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; margin-bottom: 20px; } @media screen and (min-width: 768px) { .search-result__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #505565; } } .search-result__title span { color: #FF7819; } .search-result__description { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #80869B; display: inline-block; } .search-result__description a { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #80869B; } .important-information { padding: 10px; border: 1px solid #BABDC8; border-radius: 10px; background-color: #fff; } @media screen and (min-width: 1024px) { .important-information { flex-shrink: 0; } } .important-information__head { display: flex; align-items: center; margin-bottom: 15px; padding: 10px 15px; border-radius: 10px; color: #EC5907; background-color: rgba(254, 161, 55, 0.1); } .important-information__head:before { content: ''; flex-shrink: 0; display: inline-block; width: 16px; height: 16px; margin-right: 10px; background: transparent url("/local/assets/css/../img/icons/icon-24-4-1.svg") 50% 50% no-repeat; background-size: contain; } .important-information__body { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; padding: 0 5px; padding-bottom: 10px; } .important-information__body p + p { margin-top: 15px; } .important-information + .important-information { margin-top: 18px; } .payment-systems-card { display: flex; flex-wrap: wrap; } .payment-systems-card__item { display: flex; align-items: center; width: 100%; margin: 7px 0; padding: 18px 12px; background: #FFFFFF; border-radius: 9px; } @media screen and (min-width: 768px) { .payment-systems-card__item { margin: 7px 14px; width: calc(50% - 28px); } } @media screen and (min-width: 1280px) { .payment-systems-card__item { width: calc(33% - 28px); } } .payment-systems-card__img-container { width: 64px; margin-right: 16px; } .payment-systems-card__img { max-width: 100%; } .payment-systems-card__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #1A47A9; margin-bottom: 4px; } .payment-systems-card__description { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; } .timetable__item { display: flex; } .timetable__name { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; width: 100px; } .timetable__value { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; } .office-card { border: 1px solid #BABDC8; background-color: #fff; border-radius: 9px; } @media screen and (min-width: 1280px) { .office-card { display: flex; flex-wrap: wrap; } } .office-card + .office-card { margin-top: 10px; } .office-card__head { position: relative; padding: 30px 30px 25px 10px; } @media screen and (min-width: 480px) { .office-card__head { padding: 30px 40px 25px 20px; } } @media screen and (min-width: 1280px) { .office-card__head { flex-shrink: 0; width: 280px; padding: 30px 0 30px 20px; } } .office-card__head:after { content: ''; position: absolute; top: calc(50% - 12px); right: 10px; display: inline-block; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10.5L12 15.5L17 10.5L7 10.5Z' fill='%23A1A4B1'/%3E%3C/svg%3E%0A"); transition: all 0.1s linear; } @media screen and (min-width: 1280px) { .office-card__head:after { display: none; } } .office-card__head.isOpen { border-bottom: 1px solid #BABDC8; } @media screen and (min-width: 1280px) { .office-card__head.isOpen { border-bottom: 0; } } .office-card__head.isOpen:after { background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10.5L12 15.5L17 10.5L7 10.5Z' fill='%231A47A9'/%3E%3C/svg%3E%0A"); transform: rotate(180deg); } .office-card__body { display: none; padding: 30px 10px; } @media screen and (min-width: 480px) { .office-card__body { padding: 30px 20px; } } @media screen and (min-width: 1280px) { .office-card__body { display: block !important; width: calc(100% - 280px); } } @media screen and (min-width: 480px) { .office-card__inner { display: flex; } } @media screen and (min-width: 480px) { .office-card__column { width: 50%; } } .office-card__column + .office-card__column { margin-top: 40px; } @media screen and (min-width: 480px) { .office-card__column + .office-card__column { margin-top: 0; margin-left: 20px; } } .office-card__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #1A47A9; margin-bottom: 3px; } @media screen and (min-width: 480px) { .office-card__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #1A47A9; margin-bottom: 5px; } } @media screen and (min-width: 1280px) { .office-card__title { color: #232735; } } .office-card__subtitle { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #505565; } @media screen and (min-width: 480px) { .office-card__subtitle { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; } } .office-card__link { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #1A47A9; display: inline-block; margin-top: 20px; } .office-card__footer { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; position: relative; display: none; padding: 30px 10px; padding-top: 16px; } @media screen and (min-width: 480px) { .office-card__footer { padding: 30px 20px; padding-top: 16px; } } @media screen and (min-width: 1280px) { .office-card__footer { display: block !important; width: 100%; } } .office-card__footer:before { content: ''; position: absolute; top: 0; display: block; width: calc(100% - 20px); border-top: 1px solid #BABDC8; } @media screen and (min-width: 480px) { .office-card__footer:before { width: calc(100% - 40px); } } .office-card__footer p + p { margin-top: 20px; } .description-text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #80869B; } .description-text p + p { margin-top: 10px; } .login-block { display: none; position: absolute; top: 100%; right: 0; flex-direction: column; width: 100%; padding: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0px 4px 8px rgba(30, 38, 46, 0.25); animation: shadow 0.3s; } @media screen and (min-width: 480px) { .login-block { width: auto; } } @media screen and (min-width: 1280px) { .login-block { top: 105%; right: calc((100vw - 1220px) / 2); } } .login-block .button-primary { margin-top: 14px; } .login-block__title { text-align: center; } .login-block.isOpen { display: flex; } .modal-1 { background-color: #FFFFFF; border-radius: 10px; border: 1px solid #BABDC8; position: relative; } .modal-1.fancybox-content { padding: 0; } .modal-1__header, .modal-1__section, .modal-1__footer { padding: 10px 15px; border-bottom: 1px solid #e6e6e6; } .modal-1__header:last-child, .modal-1__section:last-child, .modal-1__footer:last-child { border-bottom: none; } .modal-1__section, .modal-1__footer { padding-top: 15px; padding-bottom: 15px; } .modal-1__section--flex { display: flex; justify-content: space-around; } .modal-1__header { display: flex; justify-content: space-between; align-items: center; } .modal-1__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #232735; } .modal-1__title_has-icon { position: relative; padding-left: 25px; } .modal-1__title svg { position: absolute; top: 10px; transform: translateY(-50%); left: 0; width: 16px; height: 16px; } .modal-1__title path { fill: #1A47A9; } .modal-1__close-btn, .modal-1__close-btn svg { width: 16px; height: 16px; } .modal-1__close-btn { position: absolute; top: 12px; right: 12px; cursor: pointer; } .modal-1__close-btn path { fill: #A1A4B1; } .modal-1__body { padding: 15px; padding-top: 20px; } .modal-1__section_hidden { display: none; } .modal-1__submit, .modal-1__button { width: 100%; margin-bottom: 12px; } .modal-1__submit_mgt_lg, .modal-1__button_mgt_lg { margin-top: 10px; } .modal-1__submit:last-child, .modal-1__button:last-child { margin-bottom: 0; } .modal-1 .fancybox-close-small { display: none; } .modal-1__success { display: none; } .modal-1__success-title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #232735; margin-bottom: 10px; } .modal-1__success-text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #1A47A9; } .modal-1__success-text_fz_sm { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #1A47A9; } .modal-1__formBlock { border: none; } @media screen and (min-width: 480px) { .modal-1__header, .modal-1__section, .modal-1__footer { padding-left: 25px; padding-right: 25px; } } .modal-2 { background-color: #FFFFFF; border-radius: 10px; border: 1px solid #BABDC8; position: relative; } .modal-2.fancybox-content { padding: 0; } .modal-2__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #1A47A9; margin-bottom: 20px; } .modal-2__title_margin-min { margin-bottom: 10px; } .modal-2__subtitle { margin-bottom: 25px; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; line-height: 18px; } .modal-2__subtitle > * + * { margin-top: 10px; } .modal-2__close-btn, .modal-2__close-btn svg { width: 24px; height: 24px; } .modal-2__close-btn { position: absolute; top: 12px; right: 12px; cursor: pointer; } .modal-2__close-btn path { fill: #A1A4B1; } .modal-2__body, .modal-2__footer { padding: 15px; } .modal-2__footer { border-top: 1px solid rgba(0, 0, 0, 0.1); } .modal-2 .fancybox-close-small { display: none; } .modal-2__button { width: 100%; } @media screen and (min-width: 480px) { .modal-2__body { padding-left: 25px; padding-right: 25px; } } @media screen and (min-width: 768px) { .modal-2__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #1A47A9; } } .modal-2_no-border .modal-2__body { padding-bottom: 0; } .modal-2_no-border .modal-2__footer { padding-top: 0; border: 0; } .modal-2__warning { margin-top: 20px; width: 100%; display: inline-flex; align-items: center; padding: 12px 15px; padding-right: 40px; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #1A47A9; background-color: #F3F5F7; border-radius: 10px; } .modal-2__warning:before { content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 10px; background-image: url("/local/assets/css/../img/icons/icon-24-2-1.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } .modal-2__content { margin-top: 40px; } .modal-2__content > * + * { margin-top: 40px; } .modal-2__section-title { margin-bottom: 15px; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #1A47A9; } .modal-2__button { width: 100%; max-width: 312px; } .modal-2_confirmation.fancybox-content { width: 100%; max-width: 800px; padding: 50px 30px; } .modal-2_confirmation.fancybox-content .modal-2__body { padding: 0; } .modal-2_confirmation.fancybox-content .modal-2__footer { margin-top: 40px; padding: 0; border-top: 0; display: flex; justify-content: space-between; } .testimony-modal__item { margin-bottom: 16px; } .testimony-modal__item:last-child { margin-bottom: 0; } .testimony-modal__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; margin-bottom: 15px; } .testimony-modal__text:last-child { margin-bottom: 0; } .testimony-modal__address { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #1A47A9; margin-bottom: 5px; } .testimony-modal__account { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #FF7819; margin-bottom: 5px; } .testimony-modal__counter-title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #80869B; } @media screen and (min-width: 768px) { .testimony-modal__counter-title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; } } .testimony-modal__counter { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #505565; position: relative; padding-left: 25px; margin-bottom: 5px; } .testimony-modal__counter:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; left: 0; background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='0.5' stroke='%23505565'/%3E%3Crect x='3.32422' y='4.05556' width='9.35294' height='1.66667' rx='0.5' stroke='%23505565'/%3E%3Crect x='3.32422' y='8.5' width='1.82353' height='1.66667' rx='0.5' stroke='%23505565'/%3E%3Crect x='7.08789' y='8.5' width='1.82353' height='1.66667' rx='0.5' stroke='%23505565'/%3E%3Crect x='10.8535' y='8.5' width='1.82353' height='1.66667' rx='0.5' stroke='%23505565'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: contain; } .testimony-modal__field-wrap { display: flex; align-items: center; flex-wrap: wrap; margin: -5px; margin-top: 20px; } .testimony-modal__input-filed, .testimony-modal__field-indicators-list { margin: 5px; } .testimony-modal__input-filed { width: 200px; } .testimony-modal__input-filed .form-field__inner { flex-direction: row; align-items: flex-start; } .testimony-modal__input-filed .form-field__title-row { width: 70px; flex-shrink: 0; max-width: 100%; margin-top: 24px; margin-right: 10px; margin-bottom: 0; max-height: 22px; transform: translateY(-50%); } .testimony-modal__field-indicators-item { margin: 5px; } .testimony-modal__field-indicators-item_hidden { display: none; } @keyframes rotate { from { transform: rotate(360deg); } } .testimony-modal__input-preloader-icon svg { width: 39px; height: 39px; transition: transform 0.5s ease; animation: rotate 1s linear infinite; } .testimony-modal__input-preloader-text { display: none; } .testimony-modal__input-error-icon { display: none; } .testimony-modal__input-error-text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #FF7819; } .testimony-modal__price-title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; } .testimony-modal__price-number { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #1A47A9; } .testimony-modal__confirm { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #1A47A9; display: flex; justify-content: center; align-items: center; margin-bottom: 16px; } .testimony-modal__confirm svg { width: 24px; height: 24px; margin-right: 15px; } .testimony-modal__price { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 40px; color: #1A47A9; } .testimony-modal__success-title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #1A47A9; margin-bottom: 10px; } .testimony-modal__success-subtitle { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #FF7819; } @media screen and (min-width: 480px) { .testimony-modal__field-wrap, .testimony-modal__input-filed, .testimony-modal__field-indicators-list { margin: 0; } .testimony-modal__field-wrap { margin-top: 20px; } .testimony-modal__input-filed .form-field__title-row, .testimony-modal__input-filed { margin-right: 20px; } .testimony-modal__input-preloader { display: flex; align-items: center; } .testimony-modal__input-preloader-icon { margin-right: 15px; } .testimony-modal__input-preloader-text { display: block; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #1A47A9; } .testimony-modal__input-error { display: flex; align-items: center; } .testimony-modal__input-error-icon { display: block; margin-right: 10px; } .testimony-modal__input-error-icon path { fill: #FF7819; } .testimony-modal__confirm { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #1A47A9; } .testimony-modal__confirm svg { width: 36px; height: 36px; margin-right: 30px; } } .testimony-modal_version_2 .testimony-modal__counter-section { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .testimony-modal_version_2 .testimony-modal__counter-section:last-child { padding-bottom: 0; border-bottom: none; } .testimony-modal_version_2 .testimony-modal__counter-wrapper { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 25px; } .testimony-modal_version_2 .testimony-modal__counter-title { margin-right: 8px; } .testimony-modal_version_2 .testimony-modal__counter { margin-bottom: 0; } .testimony-modal_version_2 .testimony-modal__field-wrap { flex-wrap: nowrap; } .testimony-modal_version_2 .testimony-modal__testimony-field { width: 170px; margin-right: 30px; } .testimony-modal_version_2 .testimony-modal__testimony-field:last-child { margin-right: 0; } .testimony-modal_version_2 .testimony-modal__testimony-title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; color: #505565; margin-bottom: 5px; } .testimony-modal_version_2 .testimony-modal__testimony-value { height: 49px; display: flex; flex-direction: column; justify-content: center; } .testimony-modal_version_2 .testimony-modal__testimony-value > * { max-width: 100%; } .testimony-modal_version_2 .testimony-modal__testimony-value-line { display: flex; align-items: center; } .testimony-modal_version_2 .testimony-modal__testimony-count { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; margin-right: 10px; white-space: nowrap; } .testimony-modal_version_2 .testimony-modal__testimony-date, .testimony-modal_version_2 .testimony-modal__testimony-tariff { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #80869B; white-space: nowrap; } .testimony-modal_version_2 .testimony-modal__total { display: flex; align-items: center; } .testimony-modal_version_2 .testimony-modal__total-title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; color: #80869B; width: 170px; margin-right: 30px; } .testimony-modal_version_2 .testimony-modal__total-value { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #232735; color: #1A47A9; } @media screen and (max-width: 479px) { .testimony-modal_version_2 .testimony-modal__field-wrap { display: block; } .testimony-modal_version_2 .testimony-modal__testimony-field { width: 100%; margin-right: 0; margin-bottom: 25px; } .testimony-modal_version_2 .testimony-modal__testimony-field:last-child { margin-bottom: 0; } .testimony-modal_version_2 .testimony-modal__total { justify-content: space-between; } .testimony-modal_version_2 .testimony-modal__total-title { width: auto; } } .back-button { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #1A47A9; display: block; margin-bottom: 15px; margin-top: 15px; text-decoration: none; } .back-button:before { content: ''; display: inline-block; width: 12px; height: 12px; margin-right: 5px; background: transparent url("/local/assets/css/../img/icons/icon-24-4-3-accent.svg") 50% 50% no-repeat; } .agreement-message .checkbox__label { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; color: #505565; line-height: 22px; } .agreement-message__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #1A47A9; margin-bottom: 10px; } .form__title + .agreement-message { margin-top: 17px; } .not-found { padding: 85px 0 100px 0; background: #1A47A9 url("/local/assets/css/../img/components/not-found/not-found.jpg") 50% 50% no-repeat; background-size: cover; } .not-found__subtitle { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #fff; margin-bottom: 20px; } @media screen and (min-width: 768px) { .not-found__subtitle { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 40px; color: #fff; opacity: 0.5; } } .not-found__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 40px; color: #fff; max-width: 660px; margin-bottom: 30px; } @media screen and (min-width: 768px) { .not-found__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 44px; line-height: 45px; margin-bottom: 50px; } } .not-found__bad-link { display: flex; align-items: center; margin-bottom: 30px; } @media screen and (min-width: 768px) { .not-found__bad-link { margin-bottom: 50px; } } .not-found__bad-link img { flex-shrink: 0; margin-right: 15px; } .not-found__bad-text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #fff; max-width: 670px; word-break: break-all; } @media screen and (min-width: 768px) { .not-found__bad-text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #fff; } } .not-found__content { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #fff; } @media screen and (min-width: 768px) { .not-found__content { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #fff; } } .not-found__content > * + * { margin-top: 20px; } .not-found__content li + li { margin-top: 10px; } .not-found__link { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #fff; } @media screen and (min-width: 768px) { .not-found__link { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #fff; } } .pagination { display: flex; } .pagination_mt { margin-top: 20px; } .pagination__item { margin-right: 8px; } .pagination__item:last-child { margin-right: 0; } .pagination__link, .pagination__link-prev, .pagination__link-next, .pagination__link-other { display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 50%; background-color: #FFFFFF; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1); transition: all 0.1s linear; border: 1px solid #BABDC8; } .pagination__link { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #80869B; text-decoration: none; } .pagination__link:hover, .pagination__link:focus { color: #1A47A9; } .pagination__link_active { color: #1A47A9; } .pagination__link-prev, .pagination__link-next, .pagination__link-other { background-repeat: no-repeat; background-position: center; } .pagination__link-prev { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.41 7.41L14 6L8 12L14 18L15.41 16.59L10.83 12L15.41 7.41Z' fill='%2380869B'/%3E%3C/svg%3E%0A"); } .pagination__link-prev:hover, .pagination__link-prev:focus { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.41 7.41L14 6L8 12L14 18L15.41 16.59L10.83 12L15.41 7.41Z' fill='%231A47A9'/%3E%3C/svg%3E%0A"); } .pagination__link-next { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' fill='%2380869B'/%3E%3C/svg%3E%0A"); } .pagination__link-next:hover, .pagination__link-next:focus { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' fill='%231A47A9'/%3E%3C/svg%3E%0A"); } .pagination__link-other { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 10C4.9 10 4 10.9 4 12C4 13.1 4.9 14 6 14C7.1 14 8 13.1 8 12C8 10.9 7.1 10 6 10ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z' fill='%2380869B'/%3E%3C/svg%3E%0A"); } .pagination__link-other:hover, .pagination__link-other:focus { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 10C4.9 10 4 10.9 4 12C4 13.1 4.9 14 6 14C7.1 14 8 13.1 8 12C8 10.9 7.1 10 6 10ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z' fill='%231A47A9'/%3E%3C/svg%3E%0A"); border-color: #1A47A9; } .calc-table { width: 100%; } .calc-table__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #232735; text-align: left; margin-bottom: 15px; } .calc-table__row { border-top: 1px solid #BABDC8; } .calc-table__row:last-child { border-bottom: 1px solid #BABDC8; } .calc-table__cell { padding: 10px 15px; text-align: left; } .calc-table__head-cell { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #505565; border-left: 1px solid #BABDC8; vertical-align: middle; } .calc-table__head-cell:first-child { border-left: none; } .calc-table__body-row { transition: all 0.1s linear; } .calc-table__body-row:hover { background-color: #dde3f2; } .calc-table__body-cell, .calc-table__foot-cell { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; } .calc-table__body-cell:first-child, .calc-table__foot-cell:first-child { color: #505565; } .calc-table__foot-row { background-color: #F3F5F7; } .calc-table__foot-cell_cl_brand-1 { color: #1A47A9; } .warning, .warning a { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #FFFFFF; } .warning { background-color: #FEA237; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); padding-top: 20px; padding-bottom: 20px; position: relative; z-index: 9; } .warning__container { position: relative; } .warning__text { position: relative; padding-left: 40px; padding-right: 40px; } .warning__icon svg { position: absolute; left: 0; top: 10px; transform: translateY(-50%); width: 24px; height: 24px; } .warning__icon path { fill: #FFFFFF; } .warning__close-button { position: absolute; top: 10px; transform: translateY(-50%); right: 0; width: 24px; height: 24px; cursor: pointer; transition: all 0.1s linear; } .warning__close-button:hover, .warning__close-button:focus { opacity: 0.75; } .warning__close-button path { fill: #FFFFFF; } .header { position: relative; } .ask-question__header { margin-bottom: 30px; } .ask-question__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #1A47A9; margin-bottom: 10px; } .ask-question__subtitle { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #505565; } .ask-question__form-grid { margin-bottom: 16px; } .ask-question__form-grid-row { display: flex; flex-wrap: wrap; margin: -8px -0px; } .ask-question__form-grid-item { width: calc(100% - 0px*2); margin: 8px 0px; } @media screen and (min-width: 768px) { .ask-question__form-grid { margin-bottom: 20px; } .ask-question__form-grid_cols_2 .ask-question__form-grid-row { display: flex; flex-wrap: wrap; margin: -10px -10px; } .ask-question__form-grid_cols_2 .ask-question__form-grid-item { width: calc(50% - 10px*2); margin: 10px 10px; } .ask-question__form-grid_cols_3 .ask-question__form-grid-row { display: flex; flex-wrap: wrap; margin: -10px -10px; } .ask-question__form-grid_cols_3 .ask-question__form-grid-item { width: calc(33.33% - 10px*2); margin: 10px 10px; } .ask-question__form-grid-item_wd_full, .ask-question__form-grid_cols_2 .ask-question__form-grid-item_wd_full, .ask-question__form-grid_cols_3 .ask-question__form-grid-item_wd_full { width: calc(100% - 20px); } } .letter-success { padding-top: 25px; padding-bottom: 25px; } .letter-success__icon { width: 56px; height: 56px; background: no-repeat center / contain; background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.9998 4.66663C15.1198 4.66663 4.6665 15.12 4.6665 28C4.6665 40.88 15.1198 51.3333 27.9998 51.3333C40.8798 51.3333 51.3332 40.88 51.3332 28C51.3332 15.12 40.8798 4.66663 27.9998 4.66663ZM27.9998 46.6666C17.7098 46.6666 9.33317 38.29 9.33317 28C9.33317 17.71 17.7098 9.33329 27.9998 9.33329C38.2898 9.33329 46.6665 17.71 46.6665 28C46.6665 38.29 38.2898 46.6666 27.9998 46.6666Z' fill='%231A47A9'/%3E%3Cpath d='M38.71 17.686L23.3333 33.0627L17.29 27.0427L14 30.3327L23.3333 39.666L42 20.9994L38.71 17.686Z' fill='%231A47A9'/%3E%3C/svg%3E%0A"); margin-bottom: 10px; } .letter-success__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #1A47A9; margin-bottom: 10px; } .letter-success__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #505565; } .quiz-banner { position: relative; padding: 25px 50px; background: #ffffff url("/local/assets/css/../img/components/quiz-banner/quiz-banner.png") no-repeat right 50px center; border: 2px solid #1A47A9; border-radius: 10px; } .quiz-banner__content { width: 160px; max-width: 100%; } .quiz-banner__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; color: #232735; margin-bottom: 10px; } .quiz-banner__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #232735; margin-bottom: 10px; } .quiz-banner__close-btn { position: absolute; right: 10px; top: 10px; cursor: pointer; } @media screen and (max-width: 479px) { .quiz-banner { padding-left: 25px; padding-right: 25px; background-position: right 25px center; background-size: 80px auto; } } @keyframes rotating { from { transform: rotate(0); } to { transform: rotate(360deg); } } .preloader { position: relative; width: 60px; height: 60px; background-color: #ffffff; border-radius: 50%; box-shadow: 0px 4px 14px rgba(17, 57, 143, 0.25); overflow: hidden; } .preloader:before { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; content: ''; background-image: url("/local/assets/css/../img/components/preloader/preloader.png"); background-repeat: no-repeat; background-position: center; background-size: 35px 35px; animation: 2s linear infinite rotating; } @media screen and (min-width: 1024px) { .preloader { width: 80px; height: 80px; } .preloader:before { background-size: 50px 50px; } } .appeal-table__row { display: flex; flex-wrap: wrap; margin: -15px -15px; } .appeal-table__row > * { width: calc(100%*0.5 - 30px); margin: 15px 15px; } .appeal-table__head-cell { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; margin-bottom: 5px; } .appeal-table__body-cell { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #1A47A9; } .appeal-table__item.appeal-table__item--nested, .appeal-table__item.appeal-table__item--nested:last-child { width: 100%; margin-top: 15px; } .download-link { display: flex; flex-direction: row; column-gap: 8px; align-items: end; width: fit-content; } .download-link__icon, .user-typography .download-link__icon { margin-bottom: 0; } .button-section { background-color: #FFFFFF; border-radius: 10px; border: 1px solid #BABDC8; padding: 15px; } .button-section__bottom--response { font-size: 14px; color: #232735; font-weight: 400; margin-top: 20px; } .button-section__bottom { display: flex; gap: 1rem; margin-top: 20px; flex-direction: column; max-width: 100%; align-items: center; } .bottom-section-list p { font-size: 12px; color: #505565; } .bottom-section-list ul { margin: 0; padding: 0; font-size: 12px; color: #505565; } .bottom-section-list { margin-top: 10px; } .button-section__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #113990; margin-bottom: 15px; } .button-section__button { width: 100%; } @media screen and (min-width: 768px) { .appeal-table__item { width: 150px; } .button-section__bottom { flex-direction: row; max-width: 376px; } .button-section__bottom button { min-width: 170px; } } @media screen and (min-width: 768px) { .button-section { padding: 25px; display: flex; align-items: center; } .button-section__text { margin-bottom: 0; margin-right: 30px; width: 740px; } .button-section__button { width: auto; min-width: 260px; } } .order-service { padding: 10px 15px 20px; background-color: #fff; border: 1px solid #BABDC8; border-radius: 10px; } .order-service > * + * { margin-top: 15px; } .order-service__head { padding: 11px 15px; background-color: #ff78191a; border-radius: 10px; } .order-service__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #FF7819; } .order-service__text p { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; } .order-service__text > * + * { margin-top: 10px; } .contract-type__list { display: flex; flex-wrap: wrap; margin: -14px; } @media screen and (min-width: 768px) { .contract-type__list { flex-wrap: nowrap; } } .contract-type__item { margin: 14px; display: flex; align-items: center; /* justify-content: center; */ flex-direction: column; width: 171px; height: 213px; background-color: #fff; border: 1px solid #E7EAEF; border-radius: 10px; text-decoration: none; cursor: pointer; transition: background-color 0.1s linear; } .contract-type__item:hover { background-color: #f3f5f7; } .contract-type__item > * + * { margin-top: 15px; } .contract-type__img-container { width: 65px; height: 65px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 1px 8px rgb(0 0 0 / 30%); background-color: #FF7819; border-radius: 10px; /* margin-left: 54px; */ margin-top: 16px; } .contract-type__img { width: 45px; height: 45px; } .contract-type__text { max-width: 135px; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: black; text-align: center; } .dropdown-content__list > * + * { margin-top: 20px; } .dropdown-content__item { border: 1px solid #BABDC8; background-color: #fff; border-radius: 10px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); } .dropdown-content__title { position: relative; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #232735; display: flex; justify-content: flex-start; align-items: center; padding: 20px 40px 25px 20px; text-decoration: none; cursor: pointer; transition: all 0.1s linear; } .dropdown-content__title:hover { color: #113990; } .dropdown-content__title:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' fill='%23A1A4B1'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; background-position: center; background-repeat: no-repeat; background-size: contain; transition: all 0.1s linear; } .dropdown-content__title.isOpen { color: #1A47A9; } .dropdown-content__title.isDone { position: relative; } .dropdown-content__title.isDone:after { content: ''; display: inline-block; width: 20px; height: 20px; margin-left: 12px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0.5C4.48 0.5 0 4.98 0 10.5C0 16.02 4.48 20.5 10 20.5C15.52 20.5 20 16.02 20 10.5C20 4.98 15.52 0.5 10 0.5ZM10 18.5C5.59 18.5 2 14.91 2 10.5C2 6.09 5.59 2.5 10 2.5C14.41 2.5 18 6.09 18 10.5C18 14.91 14.41 18.5 10 18.5Z' fill='%231A47A9'/%3E%3Cpath d='M14.59 6.08008L8 12.6701L5.41 10.0901L4 11.5001L8 15.5001L16 7.50008L14.59 6.08008Z' fill='%231A47A9'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: contain; } .dropdown-content__title.isOpen:before { background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' fill='%231A47A9'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; transform: translateY(-50%) rotate(90deg); } .dropdown-content__body { display: none; } .dropdown-content__content { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; padding: 20px; padding-top: 0; } @media screen and (min-width: 480px) { .dropdown-content__content { margin-top: 10px; } } @media screen and (min-width: 768px) { .dropdown-content__content { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #505565; } } .dropdown-content__button-container { padding: 23px 20px; } .dropdown-content__button { width: 100%; } .dropdown-content__footer { margin-top: 35px; } .callback-modal { margin-bottom: 25px; } .callback-modal > * + * { margin-top: 20px; } .text-prompt { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; } .form-new > * + * { margin-top: 25px; } .form-new__body { padding-bottom: 25px; border-bottom: 1px solid #E7EAEF; } .form-new__body > * + * { margin-top: 25px; } .form-new__section { padding-top: 25px; border-top: 1px solid #E7EAEF; } .form-new__section .form-new__item + .form-new__item { margin-top: 25px; } .form-new__section-title { margin-bottom: 15px; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #505565; } .form-new__item-wrap { margin-top: 15px; } @media screen and (min-width: 768px) { .form-new__item-wrap { display: flex; } } .form-new__item-wrap .form-new__item + .form-new__item { margin-top: 15px; } @media screen and (min-width: 768px) { .form-new__item-wrap .form-new__item + .form-new__item { display: flex; margin-top: 0; margin-left: 20px; } } @media screen and (min-width: 768px) { .form-new__item-wrap .form-new__item:first-child { width: calc(66% - 20px); } } @media screen and (min-width: 768px) { .form-new__item-wrap .form-new__item:last-child { width: 33%; } } .form-new__footer-text { margin-bottom: 25px; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #505565; } .form-new__button-container { display: flex; } .form-new__button-container > * + * { margin-left: 20px; } .form-new__button { max-width: 178px; width: 100%; } .form-new_problem .form-new__footer { display: flex; flex-direction: column; } @media screen and (min-width: 480px) { .form-new_problem .form-new__footer { flex-direction: row; } } .form-new_problem .form-new__footer > * + * { margin-top: 15px; } @media screen and (min-width: 480px) { .form-new_problem .form-new__footer > * + * { margin-top: 0; margin-left: 30px; } } .form-new_problem .form-new__button { width: 100%; max-width: 236px; padding-top: 12px; padding-bottom: 12px; } .request-call { padding: 20px; width: 100%; max-width: 596px; background-color: #fff; border-radius: 10px; border: 1px solid #A1A4B1; } @media screen and (min-width: 768px) { .request-call { max-width: 285px; } } .request-call > * + * { margin-top: 15px; } .request-call__title { display: flex; align-items: center; font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #1A47A9; } .request-call__title:before { content: ''; display: inline-block; margin-right: 18px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.62 10.79C8.06 13.62 10.38 15.93 13.21 17.38L15.41 15.18C15.68 14.91 16.08 14.82 16.43 14.94C17.55 15.31 18.76 15.51 20 15.51C20.55 15.51 21 15.96 21 16.51V20C21 20.55 20.55 21 20 21C10.61 21 3 13.39 3 4C3 3.45 3.45 3 4 3H7.5C8.05 3 8.5 3.45 8.5 4C8.5 5.25 8.7 6.45 9.07 7.57C9.18 7.92 9.1 8.31 8.82 8.59L6.62 10.79Z' fill='%231A47A9'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: contain; } .request-call__body p { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; } .instruction { padding: 20px; max-width: 284px; background-color: #fff; border-radius: 10px; border: 1px solid #A1A4B1; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); } .instruction__head { margin-bottom: 10px; } .instruction__title { display: flex; align-items: center; font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 24px; letter-spacing: 0.75px; text-transform: uppercase; } .instruction__title:before { content: ''; display: inline-block; width: 24px; height: 24px; margin-right: 10px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0C5.376 0 0 5.376 0 12C0 18.624 5.376 24 12 24C18.624 24 24 18.624 24 12C24 5.376 18.624 0 12 0ZM13.2 18H10.8V10.8H13.2V18ZM13.2 8.4H10.8V6H13.2V8.4Z' fill='%231A47A9'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: contain; } .instruction__body p { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; } .instruction__body a { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #1A47A9; } .instruction__body a:hover { color: #113990; } .instruction__body > * + * { margin-top: 10px; } .progress-request__head { margin-bottom: 15px; } .progress-request__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #505565; } .progress-request__body > * + * { margin-top: 15px; } .progress-request__item_done .progress-request__text:after { background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0.5C4.48 0.5 0 4.98 0 10.5C0 16.02 4.48 20.5 10 20.5C15.52 20.5 20 16.02 20 10.5C20 4.98 15.52 0.5 10 0.5ZM10 18.5C5.59 18.5 2 14.91 2 10.5C2 6.09 5.59 2.5 10 2.5C14.41 2.5 18 6.09 18 10.5C18 14.91 14.41 18.5 10 18.5Z' fill='%231A47A9'/%3E%3Cpath d='M14.59 6.08008L8 12.6701L5.41 10.0901L4 11.5001L8 15.5001L16 7.50008L14.59 6.08008Z' fill='%231A47A9'/%3E%3C/svg%3E%0A"); } .progress-request__text { display: flex; align-items: center; justify-content: space-between; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #80869B; } .progress-request__text:after { content: ''; display: inline-block; width: 17px; height: 17px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0.5C4.48 0.5 0 4.98 0 10.5C0 16.02 4.48 20.5 10 20.5C15.52 20.5 20 16.02 20 10.5C20 4.98 15.52 0.5 10 0.5ZM10 18.5C5.59 18.5 2 14.91 2 10.5C2 6.09 5.59 2.5 10 2.5C14.41 2.5 18 6.09 18 10.5C18 14.91 14.41 18.5 10 18.5Z' fill='%23A1A4B1'/%3E%3Cpath d='M14.59 6.08008L8 12.6701L5.41 10.0901L4 11.5001L8 15.5001L16 7.50008L14.59 6.08008Z' fill='%23A1A4B1'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: contain; } .modal-list__list > * + * { margin-top: 5px; } .modal-list__item { display: flex; align-items: center; } .modal-list__item > * + * { margin-left: 5px; } .modal-list__key, .modal-list__value { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #232735; } .modal-list__key { color: #505565; } .modal-list__value { color: #232735; } .modal-list__key { color: #505565; display: inline } .modal-list__value { margin-left: 5px; color: #232735; word-break: break-all; } .modal-table__table-table { width: 100%; } .indent__container { margin-top: 20px } .sign-application__button-block { width:100% !important; margin-top:10px; } .sign-application__container { margin-top:24px } .modal-table__title { margin-bottom: 15px; } .modal-table__table { padding: 15px 20px; display: block; border: 1px solid #BABDC8; border-radius: 10px; } .modal-table__table thead th:first-child { position: relative; padding-left: 29px; } .modal-table__table thead th:first-child:before { content: "№"; position: absolute; top: 50%; transform: translateY(-50%); left: 0; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #505565; } .modal-table__table tbody tr:last-child { border-bottom: 0; } .modal-table__table tbody tr td:first-child { position: relative; padding-left: 29px; } .modal-table__table tbody tr td:first-child:before { content: attr(data-number); position: absolute; top: 50%; transform: translateY(-50%); left: 0; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #232735; } .modal-table__table tr { border-bottom: 1px solid #BABDC8; } .modal-table__table td, .modal-table__table th { padding: 15px; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #232735; } .modal-table__table th { color: #505565; } .notification { max-width: 708px; margin-left: auto; margin-right: auto; } @media screen and (min-width: 480px) { .notification { background-color: transparent; border-radius: 10px; border: 1px solid #BABDC8; } } @media screen and (min-width: 992px) { .notification { max-width: 596px; } } @media screen and (min-width: 480px) { .notification__wrap { padding: 30px 20px 0; } } @media screen and (min-width: 768px) { .notification__wrap { padding: 50px 86px 0; } } @media screen and (min-width: 992px) { .notification__wrap { padding: 50px 30px 0; } } .notification__wrap > * + * { margin-top: 15px; } @media screen and (min-width: 480px) { .notification__wrap > * + * { margin-top: 20px; } } @media screen and (min-width: 768px) { .notification__wrap > * + * { margin-top: 30px; } } .notification__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 40px; color: #1A47A9; font-size: 24px; line-height: 40px; text-align: center; } @media screen and (min-width: 768px) { .notification__title { font-size: 32px; } } .notification__body > * + * { margin-top: 15px; } .notification__section { padding-bottom: 15px; border-bottom: 1px dashed #E7EAEF; } @media screen and (min-width: 768px) { .notification__section { padding-bottom: 30px; } } .notification__section:last-child { border-bottom: 0; } @media screen and (min-width: 480px) { .notification__section_price > * + * { margin-top: 30px; } } @media screen and (min-width: 768px) { .notification__section_price > * + * { margin-top: 20px; } } .notification__section_price .notification__text { max-width: 474px; } .notification__section_link { position: relative; padding-bottom: 25px; } @media screen and (min-width: 480px) { .notification__section_link { padding-bottom: 40px; } } @media screen and (min-width: 768px) { .notification__section_link { padding-bottom: 30px; } } .notification__section_link:after { content: ''; position: absolute; bottom: 0; left: -15px; width: 100vw; height: 1px; background-color: #BABDC7; } @media screen and (min-width: 480px) { .notification__section_link:after { content: none; } } .notification__section > * + * { margin-top: 15px; } .notification__text p { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; line-height: 20px; } @media screen and (min-width: 768px) { .notification__text p { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; } } .notification__text p b { font-weight: 600; } .notification__text > * + * { margin-top: 10px; } .notification__address { padding: 10px 15px; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #232735; font-weight: 600; border-radius: 10px; background-color: #F3F5F7; } @media screen and (min-width: 480px) { .notification__address { padding: 13px 15px; } } @media screen and (min-width: 768px) { .notification__address { padding: 15px; font-size: 20px; } } .notification__price-list > * + * { margin-top: 10px; } @media screen and (min-width: 480px) { .notification__price-list { display: flex; flex-wrap: wrap; margin: -5px -5px; } .notification__price-list > * { width: calc(100%*0.5 - 10px); margin: 5px 5px; } } @media screen and (min-width: 480px) { .notification__price-list { display: flex; flex-wrap: wrap; margin: -5px -7.5px; } .notification__price-list > * { width: calc(100%*0.5 - 15px); margin: 5px 7.5px; } } .notification__price-item { padding: 8px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #F3F5F7; border-radius: 10px; } @media screen and (min-width: 768px) { .notification__price-item { padding: 22px; } } .notification__price-item > * + * { margin-top: 5px; } .notification__price-text { text-align: center; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #232735; font-size: 14px; } @media screen and (min-width: 768px) { .notification__price-text { font-size: 16px; } } .notification__price { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #232735; font-weight: 600; } .notification__link-container > * + * { margin-top: 80px; } @media screen and (min-width: 480px) { .notification__link-container > * + * { margin-top: 45px; } } @media screen and (min-width: 768px) { .notification__link-container > * + * { margin-top: 75px; } } .notification__link-text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #232735; font-size: 16px; } @media screen and (min-width: 480px) { .notification__link-text { max-width: 218px; } } @media screen and (min-width: 768px) { .notification__link-text { max-width: 342px; font-size: 20px; } } .notification__link { max-width: 129px; } @media screen and (min-width: 480px) { .notification__link { max-width: 156px; } } @media screen and (min-width: 768px) { .notification__link { max-width: 179px; } } .notification__img-container { position: absolute; bottom: 0; right: 0; width: 100%; max-width: 116px; height: 144px; } @media screen and (min-width: 480px) { .notification__img-container { max-width: 160px; height: 198px; } } @media screen and (min-width: 768px) { .notification__img-container { max-width: 178px; height: 221px; } } .notification__img { position: absolute; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } .browser { max-width: 927px; margin-left: auto; margin-right: auto; } .browser__head { margin-bottom: 60px; } .browser__head > * + * { margin-top: 6px; } .browser__title, .browser__subtitle { font-family: Roboto, Open Sans, sans-serif; font-style: normal; text-align: center; } .browser__title { font-weight: 700; font-size: 20px; line-height: 40px; } .browser__subtitle { font-weight: 400; font-size: 16px; line-height: 19px; } .browser__list { display: flex; justify-content: space-between; margin-left: auto; margin-right: auto; max-width: 791px; } .browser__link { display: flex; flex-direction: column; justify-self: center; align-items: center; transition: all 0.1s linear; text-decoration: none; } .browser__link > * + * { margin-top: 16px; } .browser__link:hover { opacity: 0.7; } .browser__icon { width: 95px; height: 95px; object-fit: contain; } .browser__item-title { font-family: Roboto, Open Sans, sans-serif; font-weight: 500; font-style: normal; font-size: 18px; line-height: 21px; color: #0066CC; } .pass-testimony-grid__grid { display: flex; flex-wrap: wrap; margin: -5px -5px; } .pass-testimony-grid__grid > * { width: calc(100%*0.33333 - 10px); margin: 5px 5px; } .pass-testimony-grid__grid-item { height: auto; } @media screen and (max-width: 1279px) { .pass-testimony-grid__grid { display: flex; flex-wrap: wrap; margin: -5px -5px; } .pass-testimony-grid__grid > * { width: calc(100%*0.5 - 10px); margin: 5px 5px; } } @media screen and (max-width: 767px) { .pass-testimony-grid__grid { display: flex; flex-wrap: wrap; margin: -5px -5px; } .pass-testimony-grid__grid > * { width: calc(100%*1 - 10px); margin: 5px 5px; } } .new-section { margin-bottom: 35px; } .new-section_mrb { margin-top: 0; margin-bottom: 20px; } .new-section_flex { display: flex; flex-direction: column; } @media screen and (min-width: 768px) { .new-section_flex { flex-direction: row; } } .new-section_flex > * + * { margin-top: 20px; } @media screen and (min-width: 768px) { .new-section_flex > * + * { margin-top: 0; margin-left: 20px; } } .new-section__head { margin-bottom: 30px; } .new-section__title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #505565; } .new-section__body-title { margin-bottom: 25px; font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #1A47A9; } .new-section__container { padding: 35px 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); } .new-section__container + .new-section__container { margin-top: 20px; } .new-section_problem .new-section__container { padding: 25px 20px; } .new-section_problem .new-section__body-title { color: #232735; } @media screen and (min-width: 992px) { .new-section_problem .new-section__body-title { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 40px; color: #232735; } } .page__modal { width: 800px; max-width: 100%; } .page__modal_wd_sm { width: 400px; } .page__modal_wd_md { width: 500px; } .page__quiz-banner { position: fixed; z-index: 1; left: 0; bottom: 0; width: 390px; max-width: 100%; } .page__preloader { position: fixed; z-index: 10; left: 50%; top: 50%; transform: translate(-50%, -50%); } .page__head-modal-overlay { position: fixed; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background-color: #1A47A9; opacity: 0.4; } .tooltip-on-hover { position: relative; display: inline-block; } .tooltip--block { display: block; } .tooltip-on-hover .tooltiptext-standard { opacity: 0; transition: opacity 0.4s 0.3s; visibility: hidden; cursor: default; width: 300px; padding: 20px; color: black; text-align: left; border-radius: 10px; position: absolute; z-index: 1; top: 0; left: 90%; background: white; border: 1px solid #A2A4B0; box-shadow: 0px 0px 8px rgb(0 0 0 / 25%); font-size: 14px; } .tooltip-on-hover .tooltiptext-simplifiedScheme { opacity: 0; transition: opacity 0.4s 0.3s; visibility: hidden; cursor: default; width: 300px; background-color: white; padding: 20px; gap: 10px; color: black; text-align: left; border-radius: 10px; position: absolute; z-index: 1; /* top: -238px; */ /* top: -206px; left: 47%; */ top: 163px; left: 85%; background: #FFFFFF; border: 1px solid #A2A4B0; box-shadow: 0px 0px 8px rgb(0 0 0 / 25%); font-size: 14px; } .tooltip-on-hover .tooltiptext-fixedPrices { opacity: 0; transition: opacity 0.4s 0.3s; visibility: hidden; cursor: default; width: 300px; padding: 20px; gap: 10px; color: black; text-align: left; border-radius: 10px; position: absolute; z-index: 1; top: 110%; left: 50%; background: #FFFFFF; border: 1px solid #A2A4B0; box-shadow: 0px 0px 8px rgb(0 0 0 / 25%); font-size: 14px; } .tooltip-on-hover:hover .tooltiptext { opacity: 1; visibility: visible; } .form__item-border { border: 1px solid #1A47A9; border-radius: 10px; margin-left: -10px; margin-right: -10px; padding: 10px; } .tooltiptext__link { color: blue; text-decoration: underline; font-size: 14px; } .emailContactDetails-block { margin-top: 0px !important; } .countMeteringDevice-block { margin-top: 0px !important; } .form__item-devices { display: flex; flex-direction: row; align-items: flex-end; } .form__item-devices .form__item:not(:last-child) { margin-right: 15px; } .form__item-devices .form__item { margin-top: 0; } .form__item-devices .form__item-devices-button.add { background-color: #F3F5F7; border: 1px solid #A1A4B1; } .form__item-devices .form__item-devices-button.add:hover { border-color: #113990; color: #113990; } .form__item-devices .form__item-devices-button.add:disabled:hover { border-color: #bd081d; color: #bd081d; } .form__item-devices .form__item-devices-button.delete:hover { color: #bd081d; } .form__item-devices .form__item-devices-button.add:active { color: #A1A4B1; background-color: #F3F5F7; border: 1px solid #A1A4B1; } .form__item-devices .form__item-devices-button.delete:active { color: #A1A4B1; } .form__item-devices .form__item-devices-button { font-size: 34px; color: #A1A4B1; padding: 10px; border-radius: 10px; width: 50px; height: 50px; cursor: pointer; transition: all .1s ease-in-out; } .expertise-modal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; z-index: 9999; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(0, 0, 0, 0.25); opacity: 0; visibility: hidden; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 10; transition: all 0.4s ease-in; opacity: 0; visibility: hidden; transition-duration: 366ms; } .overlay.open { visibility: visible; opacity: 1; } .expertise-modal.open { visibility: visible; opacity: 1; } .expertise-modal-title { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-size: 18px; line-height: 20px; color: #232735; } .expertise-modal-content { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #505565; } .expertise-modal-content-price { font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 22px; color: #232735; padding-top: 16px; padding-bottom: 18px; } .expertise-modal-dialog { width: 100%; max-width: 569px; padding: 20px; position: relative; margin: 0 20px; max-height: calc(100vh - 40px); text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; border: 1px solid #babdc8; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0 1px 8px rgb(0 0 0 / 30%); box-shadow: 0 1px 8px rgb(0 0 0 / 30%); } .expertise-modal-footer-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 24px; gap: 10px; width: calc(100% - 10px); border: none; height: 48px; color: #fff; background: #2646a3; border-radius: 4px; cursor: pointer; } .expertise-modal-footer-button:hover { background-color: #113990; } .expertise-modal-close { cursor: pointer; position: absolute; right: 18px; top: 5px; font-size: 26px; color: #505565; opacity: 0.8; } .expertise-modal-body { overflow: auto; } .expertise-modal-content { padding-top: 16px; } @keyframes appear { from { opacity: 0; } to { opacity: 1; } } @keyframes slide-in { from { transform: translateY(-150px); } to { transform: translateY(0); } } .expertise-modal-header, .expertise-modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .expertise-modal-header { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .expertise-modal-footer { border-top: 1px solid #dbdbdb; padding-top: 16px; } .expertise-modal-footer .expertise-modal-footer-button:first-child { margin-right: 10px; } .form__number-container { display: flex; justify-content: space-between; gap: 1rem; } /* media variables */ /* extends variables */ /* use @extends .extendsclass */ .textFont, html, body { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #232735; } @media screen and (-ms-high-contrast: none) and (min-width: 1024px) { .head-dashboard .globalWrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } } @media screen and (-ms-high-contrast: none) and (min-width: 1024px) { .head-dashboard .globalWrapper .section-menu { display: inline-flex; width: auto; margin-left: 15px; } } @media screen and (-ms-high-contrast: none) and (min-width: 1024px) { .head-dashboard .globalWrapper .achievement { width: 217px; margin: 15px; } } @media screen and (-ms-high-contrast: none) and (min-width: 1024px) { .head-dashboard .globalWrapper .button-search { margin-right: 15px; } } @media screen and (-ms-high-contrast: none) and (min-width: 1024px) { .footer__body .globalWrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .footer__body .globalWrapper > * { width: calc(25% - 42px); margin-bottom: 46px; } } /*# sourceMappingURL=template.css.map */ .service-form__select { width: 100%; padding: 0; margin-bottom: 40px; position: relative; display: flex; } .service-form__select-icon { position: relative; flex-shrink: 0; height: 49px; width: 49px; border-radius: 4px; background-color: #1A47A9; cursor: pointer; transition: all 0.1s linear; display: flex; align-items: center; justify-content: center; } .service-form__select-icon:hover { background-color: #113990; } .service-form__select.open .service-form__select-icon svg { transform: rotate(180deg); } .service-form__select-value { width: 100%; margin-right: -5px; background-color: #F3F5F7; } .service-form__select-wrapper { display: none; position: absolute; top: 50px; height: 300px; overflow-y: hidden; margin: 10px 0; border-radius: 4px; border: 1px solid #A1A4B1; background-color: #FFF; z-index: 100; } .service-form__select.open .service-form__select-wrapper { display: block; } .service-form__select-list { overflow-y: auto; height: 100%; padding: 5px 10px 5px 5px; } .service-form__select-item { margin: 5px 0; padding: 5px; outline: none; cursor: pointer; transition: background-color .3s ease-in-out; } .service-form__select-item:hover { background-color: #F3F5F7; } /*APPEAL FORM*/ .form-field__inner { width: 100%; display: flex; flex-direction: column; align-items: flex-start; } .form-field__inner > * { max-width: 100%; } .form-block { background-color: #FFFFFF; } .form-block__header, .form-block__section, .form-block__footer { padding: 20px; border-bottom: 1px solid #e6e6e6; } .form-block__header:last-child, .form-block__section:last-child, .form-block__footer:last-child { border-bottom: none; } .form-block__section_pdt_none { padding-top: 0; } .form-block__section_pdb_none { padding-bottom: 0; } .form-block__title { font-family: Roboto, Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #232735; position: relative; padding-left: 25px; } .form-block__title svg { position: absolute; top: 10px; transform: translateY(-50%); left: 0; width: 16px; height: 16px; } .form-block__title path { fill: #1A47A9; } .form-block__header-text { font-family: Roboto, Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #1A47A9; margin-bottom: 10px; } .form-block__header-text:last-child { margin-bottom: 0; } .form-block__header-text_color_text-1 { color: #232735; } .form-block__section-inner_wd_sm { width: 600px; max-width: 100%; } .form-block__section + .form-block__section { margin-top: 32px; } .form-block__section + .form-block__section_mgt_none { margin-top: 0; } .form-block__row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .form-block__col { padding-left: 15px; padding-right: 15px; } .form-block__item { margin-bottom: 32px; } .form-block__item:last-child { margin-bottom: 0; } .form-block__item_mgt_xs { margin-bottom: 16px; } .form-block__checkbox { margin-top: 32px; } .form-block__footer-item { display: block; width: 100%; margin-bottom: 20px; } .form-block__footer-item:last-child { margin-bottom: 0; } .form-field__text-output { font-family: Roboto, Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 32px; line-height: 40px; color: #1A47A9; } @media screen and (min-width: 480px) { .form-block { background-color: #FFFFFF; border-radius: 10px; border: none; } } @media screen and (min-width: 768px) { .form-block__item { margin-bottom: 12px; } .form-block__item_mgb_lg { margin-bottom: 30px; } .form-block__footer-row { display: flex; align-items: center; margin: -10px; } .form-block__footer-item { max-width: 100%; } .form-block__footer-item_wd_auto { width: auto; } .form-block__footer-item_wd_md { width: 260px; } .form-block__footer-item_wd_lg { width: 330px; } .form-block__footer-row .form-block__footer-item { margin: 10px; } } @media screen and (min-width: 768px) { .form-field__input-row_fd_row { flex-direction: row; align-items: center; height: 48px; } .form-field__input-text { margin: 0; margin-left: 30px; } .form-field__input_wd_sm { width: 180px; } .form-field__input_wd_xl { width: 380px; } .form-field__input_wd_xs { width: 100px; } .form-field_dir-min-md_row > .form-field__inner { flex-direction: row; align-items: flex-start; } .form-field_dir-min-md_row > .form-field__inner > .form-field__title-row { width: 145px; flex-shrink: 0; max-width: 100%; margin-top: 24px; margin-right: 30px; margin-bottom: 0; max-height: 22px; transform: translateY(-50%); } .form-field_dir-min-md_row > .form-field__inner > .form-field__input-row { max-width: calc(100% - 145px - 30px); } .form-field_dir-min-md_row .form-field__subtext-row { margin-left: 175px; } .form-field_dir-min-md_row .form-field__radio:first-child { margin-top: 13px; } } .form-field__input-row { position: relative; width: 100%; } .input_textarea { height: 120px; resize: vertical; } .button-secondary_bgc-grey { background-color: #A1A4B1; border: 1px solid #A1A4B1; color: #FFF; } .button-secondary_bgc-grey:hover, .button-secondary_bgc-grey:active, .button-secondary_bgc-grey:focus { outline: none!important; background-color: #8e939d; border: 1px solid #8e939d; color: #FFF; } .shadow-card { position: relative; border: 1px solid #e7eaef; border-radius: 10px; display: block; text-decoration: none; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); transition: all 0.1s linear; } @media screen and (min-width: 768px) { .shadow-card { min-height: 150px; } } @media screen and (min-width: 1280px) { .shadow-card { min-height: 170px; } } .shadow-card:hover { opacity: 0.8; } .shadow-card_blue { background-color: #1A47A9; } .shadow-card_blue .shadow-card__text { color: #ffffff; border: 1px solid #1A47A9; } .shadow-card__content-container { padding: 25px 35px; } @media screen and (min-width: 768px) { .shadow-card__content-container { padding: 42px 31px; width: calc(100% - 194px); display: flex; align-items: center; } } .shadow-card__img-container { position: absolute; top: -1px; bottom: -1px; right: -1px; width: 179px; height: calc(100% + 2px); border-radius: 10px; overflow: hidden; flex-shrink: 0; display: none; } @media screen and (min-width: 768px) { .shadow-card__img-container { display: block; } } .shadow-card__img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: left center; } .shadow-card__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #232735; } @media screen and (min-width: 768px) { .shadow-card__text { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; color: #232735; } } .slider_shadow .slick-track { display: flex; } .slider_shadow .slick-slide { height: unset; margin: 10px 8px; } .slider_shadow .slick-slide div:not(.shadow-card__img-container) { height: 100%; } .slider_shadow .slick-dots { position: absolute; left: 50%; transform: translateX(-50%); top: 100%; } .slider_shadow .slick-arrow + .slick-list { margin: 0 36px; } .js-slider-row-6.slider_shadow .shadow-card, .js-slider-row-4.slider_shadow .shadow-card { margin: 0 8px; } .js-slider-row-6.slider_shadow .slick-slide > *, .js-slider-row-4.slider_shadow .slick-slide > * { margin: 0 -8px; } .js-slider-row-6.slider_shadow .slick-slide > *:not(:last-child), .js-slider-row-4.slider_shadow .slick-slide > *:not(:last-child) { margin-bottom: 26px; } .js-slider-row-6.slider_shadow .slick-slide div:not(.shadow-card__img-container), .js-slider-row-4.slider_shadow .slick-slide div:not(.shadow-card__img-container) { height: unset; } .block-advantages { max-width: 284px; } .block-advantages__wrapper { padding: 20px; background-color: white; border-radius: 10px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); } .block-advantages__title { margin-bottom: 8px; } .block-advantages__list { display: flex; flex-direction: column; row-gap: 6px; margin-bottom: 16px; } .block-advantages__list-item { position: relative; padding-left: 20px; } .block-advantages__list-item::before { content: ""; position: absolute; left: 0; background-color: #1A47A9; width: 10px; height: 2px; top: .65em; } .block-advantages__button { margin-bottom: 20px; width: 100%; } .button-rounded-red { } /*--- Start Page /dlya-biznesa/zelenaya-energiya/ ---*/ .section__wrap{ background-color: #ffffff; overflow-x: hidden; } img{ max-width: 100%; vertical-align: top; } [id^="section__"]{ padding: clamp(40px,4.8vw,40px) 0; } .bg-gray{ background-color: #F3F5F7; } .section__container { width: 100%; max-width: 886px; padding: 0 15px; margin: 0 auto; min-height: 1px; } .ge-hero__pagetitle, .ge-hero__title, .section__title, .section__title--small, .section__title--big{ font-weight: 700; line-height: 1.4; letter-spacing: 0; color: #1A47A9; text-align: center; } .ge-hero__pagetitle{ font-size: clamp(32px,3.36vw,42px); text-align: left; } .ge-hero__title{ font-size: clamp(22px,2.56vw,32px); font-weight: 400; text-align: left; } .section__title{ font-size: clamp(32px,3.36vw,32px); } .section__title--small{ font-size: clamp(22px,2.56vw,32px); } .section__title--big{ font-size: clamp(46px,5.28vw,32px); } .section__ge-hero .slick-arrow + .slick-list { margin-left: 0; margin-right: 0; } .section__ge-hero { } .section__ge-hero { } .ge-hero__pagetitle{ margin: 0; } .ge-hero__title{ margin: 0 0 30px; } .ge-hero__buttons{ margin: 0 0 30px; } .ge-hero__btn{ min-height: 48px; min-width: 241px; display: inline-flex; align-items: center; text-align: center; justify-content: center; } .ge-hero__inner{ position: relative; max-width: 700px; } .ge-hero_inner--box:nth-child(1){ margin: 0 -15px; } .ge-hero__slider{ margin: 0 0 30px; } .ge-hero__slider .slick-arrow{ background-color: transparent; background-image: url("/local/assets/css/../img/components/page-zelenaya-energiya/ge-hero__slider--arrow.svg"); background-repeat: no-repeat; background-size: auto; background-position: center center; width: 60px; height: 60px; transition: all .5s; top: calc(50% - 45px); box-shadow: none !important; border: 2px solid #fff; border-radius: 100%; } .ge-hero__slider .slick-arrow:hover{ background: transparent; background-image: url("/local/assets/css/../img/components/page-zelenaya-energiya/ge-hero__slider--arrow.svg"); background-repeat: no-repeat; background-size: auto; background-position: center center; } .ge-hero__slider .slick-prev{ left: 20px; } .ge-hero__slider .slick-next{ right: 20px; } .ge-hero__slider .slick-dots{ position: absolute; z-index: 1; left: 0; right: 0; bottom: 20px; } .ge-hero__content { position: absolute; left: 0; bottom: 0; padding: 15px 20px; width: 100%; background: rgba(255, 255, 255, 0.80); color: #1A47A9; font-size: 22px; font-style: normal; font-weight: 700; line-height: 140%; } .ge-hero__slider .slick-dots{ bottom: auto; top: 100%; margin-top: 10px; width: 100%; } @media (min-width: 992px) { .ge-hero_inner--box{ } .ge-hero__slider { margin: 0; } .section__ge-hero .slick-slide img { min-width: 400px; } .ge-hero_inner--box:nth-child(1){ margin: 0; } .ge-hero__slider .slick-dots{ } } .section__ge-advantages{ } .ge-advantages_title{ margin: 0 0 30px; } .ge-advantages{ display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; } .ge-advantages__item{ width: clamp(110px, 32vw, 250px); margin: 10px clamp(1px, 5vw, 20px); position: relative; z-index: 1; } .ge-advantages__item:nth-child(3), .ge-advantages__item:nth-child(4), .ge-advantages__item:nth-child(5) { width: clamp(110px, 32vw, 245px); } .ge-advantages__item:hover { z-index: 999; } .ge-advantages__item--figure{ width: 100%; max-width: 150px; height: auto; aspect-ratio: 1; margin: 0 auto clamp(9px,2.16vw,27px); } .ge-advantages__item--img{ width: 100%; height: 100%; object-fit: cover; } .ge-advantages__item--inner{ text-align: center; margin: 0 -20px; } .ge-advantages__item--title{ color: #1A47A9; display: inline; font-size: clamp(14px,1.6vw,16px); font-weight: 600; /*line-height: 162.5%;*/ letter-spacing: 0; text-align: center; } .popup-info{ position: absolute; z-index: 2; top: 4%; right: 4%; display: inline-flex; align-items: center; justify-content: center; min-width: 22px; min-height: 22px; margin: 0; cursor: pointer; } .popup-info__decor{ width: 16px; height: 16px; border-radius: 50%; border: 2px solid #707070; color: #707070; font-size: 11px; font-weight: 700; line-height: 13px; text-align: center; background-color: #ffffff; opacity: .7; } .popup-info__box{ position: absolute; z-index: -1; bottom: 22px; left: 50%; transform: translateX(-50%); /* transition: all .7s;*/ opacity: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px; border-radius: 10px; box-shadow: 0px 4px 8px 0px rgba(30, 38, 46, 0.25); background: rgb(255, 255, 255); user-select: none; padding: 20px 20px 25px 20px; font-weight: 400; line-height: 19px; font-size: 14px; color: #FFFFFF; min-width: 150px; min-height: 100px; width: 350px; max-width: 100vw; pointer-events: none; } .popup-info:hover .popup-info__box{ z-index: 10; opacity: 1; color: #000000; pointer-events: auto; } .popup-info__text{ max-height: 0.1px; } .popup-info:hover .popup-info__text{ max-height: 1000px; } @media (min-width: 500px) { .popup-info{ top: 7%; right: 7%; } .ge-advantages__item--inner{ margin: 0; } } @media (min-width: 700px) { .popup-info{ top: 14%; right: 14%; } } @media (min-width: 992px) { .ge-advantages__item:nth-child(1){ margin-left: 20px; } .ge-advantages__item:nth-child(2){ margin-right: 20px; } .ge-advantages__item--title{ position: relative; z-index: 1; } .popup-info{ top: auto; bottom: 0; left: 103%; right: auto; } } .section__ge-description{ } .ge-description_title{ text-align: left; margin: 0 0 30px; } .ge-description__text{ display: flex; flex-direction: column; gap: 20px; } .ge-description__text p, .ge-description__text li, .ge-description__text td, .ge-description__text th{ font-weight: 400; line-height: 140%; letter-spacing: 0; font-size: clamp(22px,2.56vw,20px); color: #1A47A9; } .section__ge-certificate{ } .ge-certificate_inner{ } .ge-certificate_title{ margin: 0 0 30px; } .ge-certificate{ display: block; width: 100%; max-width: 300px; border: 4px solid #1A47A9; margin: 0 auto; } .ge-certificate__img{ } @media (min-width: 992px) { .ge-certificate_inner{ } .ge-certificate_title{ } .ge-certificate{ } } .section__ge-steps{ } .ge-steps_title{ margin: 0 0 30px; } .ge-steps{ margin: 0; padding: 0; list-style-type: none; display: flex; flex-direction: column; /* align-items: center;*/ /* gap: 60px;*/ justify-content: space-between; } .ge-steps__item{ width: 100%; max-width: 250px; padding: 20px 10px; position: relative; z-index: 1; } .ge-steps__item:not(:last-child)::after{ content: ''; display: block; width: 53px; height: 53px; position: absolute; top: 100%; left: calc(50% - 30px); transform: rotate(90deg); background-image: url("/local/assets/css/../img/components/page-zelenaya-energiya/ge-arrow.svg"); background-repeat: no-repeat; background-size: 53px auto; background-position: center center; } .ge-steps__item--figure{ width: 100%; margin: 0 0 27px; text-align: center; } .ge-steps__item--img{ width: 100%; max-width: 150px; height: auto; aspect-ratio: 1; } .ge-steps__item--inner{ } .ge-steps__item--title{ font-size: 32px; font-weight: 700; line-height: 1.4; letter-spacing: 0; text-align: center; margin: 0 0 10px; } .ge-steps__item--desc{ font-size: 16px; font-weight: 600; line-height: 1.3; letter-spacing: 0; text-align: center; margin: 0; } @media (min-width: 992px) { .ge-steps{ flex-direction: row; } .ge-steps__item{ } .ge-steps__item:not(:last-child)::after{ top: 101px; left: 100%; transform: rotate(0deg); } } @media (min-width: 1280px) { .ge-steps{ /* gap: 96px;*/ } .ge-steps__item:not(:last-child)::after{ width: 53px; height: 53px; top: 73px; background-size: 53px auto; } } .section__ge-order{ } .ge-order_title{ margin-bottom: 10px; } .ge-order_title-2 { color: #1A47A9; text-align: center; font-size: 20px; font-style: normal; font-weight: 700; line-height: 140%; margin-bottom: 40px; } .ge-order__inner{ width: 100%; max-width: 340px; margin: 0 auto; } .ge-order__form{ } .ge-order__form--line{ width: 100%; margin: 0 0 20px; } .ge-order__form--label{ display: block; color: #232735; font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: 0%; text-align: left; margin: 0 0 10px; } .ge-order__form--input{ border: 1px solid rgb(161, 164, 177); border-radius: 4px; background: rgb(255, 255, 255); width: 100%; height: 46px; } .ge-order__form--buttons{ width: 100%; padding-top: 10px; } .ge-order__form--btn{ width: 100%; height: 46px; } @media (max-width: 991px) { .ge-hero__slider { margin-left: 0; margin-right: 0; } .ge-steps__item { margin-left: auto; margin-right: auto; } .ge-steps { gap: 60px; } } .ge-menu { border: 1px solid #BABDC8; background: #FFF; padding: 23px 32px; margin-top: 40px; position: relative; display: none; } @media screen and (min-width: 1280px) { .ge-menu { display: block; } } .ge-menu_fixed { position: fixed; top: 0; } .ge-menu__item { margin-top: 20px; } .ge-menu__item:first-child { margin-top: 0; } .ge-menu__link { color: #232735; font-size: 16px; font-style: normal; font-weight: 600; line-height: 140%; text-decoration: none; } .ge-menu__link:hover { color: #1A47A9; } .ge-page .section__container { padding-left: 0; padding-right: 0; } @media screen and (min-width: 1280px) { .ge-page .aside { margin-right: 20px; } } .content__main_full { width: 100%; } .mfp-bg.ge-hero-magnific-bg { z-index: 9999990000; } .mfp-bg.ge-hero-magnific-bg + .mfp-wrap { z-index: 99999900000; } .ge-hero-magnific-figure img.mfp-img { padding: 0; } .ge-hero-magnific-figure-content { border-radius: 10px; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.50); padding: 30px; max-width: 900px; } .ge-hero-magnific-figure-dots { margin-top: 20px; display: flex; align-items: center; justify-content: center; flex-wrap:wrap } .ge-hero-magnific-figure-dots div { width: 8px; min-width: 8px; height: 8px; border-radius: 100%; background-color: #BABDC8; margin: 10px 5px; margin-bottom: 0; } .ge-hero-magnific-figure-dots div.active { background-color: #FF7819; } @media screen and (max-width: 1024px) { .ge-hero__content { position: static; padding: 0px; font-size: 16px; } .ge-hero__content br { display: none; } .ge-hero-magnific-figure-content { padding: 10px; } } /*--- End Page /dlya-biznesa/zelenaya-energiya/ ---*/ /* End */ /* Start:/local/assets/css/libs.css?17592296734108*/ /* media variables */ /* extends variables */ /* use @extends .extendsclass */ .textFont { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #232735; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-arrow { position: absolute; top: calc(50% - 16px); width: 32px; height: 32px; font-size: 0; line-height: 0; background-color: #fff; border-radius: 50%; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); cursor: pointer; z-index: 1; transition: all 0.1s linear; } .slick-prev { left: 0; background-position: 50% 50%; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' fill='%23A1A4B1'/%3E%3C/svg%3E%0A"); box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.3); transform: rotate(180deg); } .slick-prev:hover { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' fill='%23fff'/%3E%3C/svg%3E%0A"); background-color: #113990; } .slick-next { right: 0; background-position: 50% 50%; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' fill='%23A1A4B1'/%3E%3C/svg%3E%0A"); } .slick-next:hover { background-color: #113990; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' fill='%23fff'/%3E%3C/svg%3E%0A"); } .slick-arrow + .slick-list { margin: 0 50px; } .slick-dots { display: flex; justify-content: center; align-items: center; margin-top: 20px; font-size: 0; line-height: 0; } .slick-dots li { width: 8px; height: 8px; margin: 5px; border-radius: 50%; background-color: #BABDC8; cursor: pointer; } .slick-dots li:hover { background-color: #EC5907; } .slick-dots .slick-active { background-color: #FF7819; } /*# sourceMappingURL=libs.css.map */ /* End */ /* Start:/local/assets/dev_css/common.css?175922967313487*/ ::selection { background: #1A47A9; color: white; } br::selection { background: transparent; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield; } .subscription__success { font-size: 12px; color: green; } .waitwindowlocal{ display: none !important; } div[id^="wait_"] { display: none !important; background: none !important; border: 0 !important; color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-style: normal !important; font-variant: normal !important; font-weight: normal; letter-spacing: normal !important; line-height: normal; padding: 0 !important; position: absolute; text-align: center !important; text-indent: 0 !important; width: 0px !important; height: 0px !important; word-spacing: normal !important; z-index: 0; content: ""; } .select__button:focus, .tabs__button:focus, .button-search__text:focus, .head-dashboard .button-search:focus, .button-primary_icon_login:focus { outline: 0; } .advertising { align-items: center; } .form-result-error { color: red; margin-bottom: 10px; } .form__agreement { text-align: left; font-size: 13px; margin-top: 15px; } .form__agreement a { font-size: 13px; } .form-result-success { color: green; margin-bottom: 10px; } .paragraph-wrapper p { color: #80869B; } .tabs__button { display: block; } a.tabs__button { text-decoration: none; } .content-section.is-hidden, .address-form__item .is-hidden, .office-card.is-hidden, .procurement__item.is-hidden, .section-desc .is-hidden, .price-list__doc-wrapper.is-hidden, .content-section__body.is-hidden { display: none; } .subscribe .form-result-error { margin-bottom: 0; font-size: 12px; } .no-padding-bottom { padding-bottom: 0; } .dropdown-block__title{ cursor: pointer; } .payment-systems-card__img-container { text-align: center; } .search-result__item b { color: #FF7819; font-weight: 500; } .fancybox-slide--iframe .fancybox-content { width: 450px; height : 730px; max-width: 95%; max-height: 85%; margin: 0; } .vacancy-form-wrapper .button-primary { min-width: 130px; } .vacancy-form-wrapper .form-result-success, .vacancy-form-wrapper .form-result-error { color: white; } .social-share .ya-share2__badge { border-radius: 50%; } .social-share .ya-share2__badge .ya-share2__icon { transform: scale(0.9); } .social-share .ya-share2__list_direction_horizontal > .ya-share2__item{ display: inline-block; } .social-share .ya-share2__item + .ya-share2__item { margin-left: 15px; } .aside-menu__item .aside-menu__link-list { display: none; } .show-dropdown .aside-menu__link-list { display: block; } a.is-disabled { pointer-events: none; opacity: .8; } .button-primary:focus { outline: 0; } input.has-error { border: 1px solid red; } .select.is-disabled { pointer-events: none; opacity: .7; } .form-info-block__value.form-info-block__value_big { display: flex; } .form-info-block__value.form-info-block__value_big div { margin-right: 7px; } .star { color: red; } .calc-result.is-hidden { display: none; } .select__list { max-height: 300px; overflow: auto; } .search-result__title { display: block; } .content-section.is-hidden + .content-section { margin-top: 40px; } .user-typography li.select__item, .user-typography li.tabs__item { padding-left: unset; margin-bottom: unset; } .user-typography li.tabs__item:before, .user-typography li.select__item:before { content: none; } .address-form__item .form-field_gray .select__button { background: white; } .content__head-tag { text-decoration: none; } .search-tags-list { margin-top: 35px; } .search-tags-list .tabs__title { margin-bottom: 0; } .warning__text a { color: white; font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; text-decoration: none; } @media screen and (min-width: 768px) { .street-select-wrapper { white-space: nowrap; text-overflow: ellipsis; } .address-form_content .address-form__item + .address-form__item:last-child { margin-left: 12px; } .payment-points-form.address-form_content .address-form__item + .address-form__item:last-child { margin-left: 8px; } } .select.open .select__list { overflow-x: hidden; } .address-form__item { flex-grow: 1; margin: 8px 6px; } .payment-points-form .address-form__body { flex-wrap: wrap; } .important-information__head-without-icon:before { width: 0; height: 0; margin-right: 0; background: none;} .form__subtext { font-family: Open Sans, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 12px; color: #80869B; margin: 10px 0; } .hide { display: none; } .queue__box { border-radius: 10px; background: #F3F5F7; padding: 20px; margin: 16px 0 0; font-size: 16px; } .queue__box_bordered { background: none; box-shadow: inset 0 0 0 1px #BABDC8; } @media screen and (min-width: 768px) { .queue__box_lg_none { display: none; } } .queue__phone { font: 400 20px/normal "Open Sans", sans-serif; color: #1A47A9; text-decoration: none; } @media (hover) { .queue__phone { pointer-events: none; } } .queue__desc, .queue__value { font: 400 14px/normal "Open Sans", sans-serif; color: #80869B; margin: 0 0 3px; } .queue__desc { margin: 0; } .hotline-wrapper { margin: 0 0 16px; } .queue__time { display: flex; align-items: center; font: 400 14px/normal "Open Sans", sans-serif; } .queue__time_overtime { color: #E90000; } .queue__time div { flex-shrink: 0; margin: 0 7px 0 0; font: 400 14px/normal "Open Sans", sans-serif; } .queue__title { font: 400 20px/1.2 "Open Sans", sans-serif; color: #1A47A9; margin: 0 0 20px; } .queue__item { margin: 0 0 10px; line-height: 15px; } .queue__item a { color: #1A47A9; font: 400 14px/1.3 "Open Sans", sans-serif; } .queue__btn { color: #1A47A9; font: 400 14px/1.3 "Open Sans", sans-serif; text-decoration: none; border-bottom: 1px dashed currentColor; } .queue__btn.queue__btn_disabled { color: #80869B; border-bottom: none; } @media (hover) { .queue__btn:hover { color: #80869B; } } #queue-wait-status.status-hidden { display: none; } /* Chrome, Safari, Edge, Opera */ input.input__without-appearance::-webkit-outer-spin-button, input.input__without-appearance::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input.input__without-appearance[type=number] { -moz-appearance: textfield; } @media screen and (min-width: 768px) { .appeal-table__item:nth-child(1) { width: 130px; } .appeal-table__item:nth-child(2) { width: 250px; } .appeal-table__item:nth-child(3) { width: 150px; } .appeal-table__item:last-child { width: 400px; } } #business-service-renewal .content__col-2 .request-call { display: none; } .banner-content__column_image { display: flex; align-items: flex-end; margin-left: auto; width: auto !important; } .app-list__link { margin-right: 10px; } .app-list__link:last-child { margin-right: 0; } .info-banner_content { padding: 35px; padding-bottom: 0; } @media screen and (min-width: 1280px) { .banner-content_reverse .banner-content__column:first-child { margin-right: auto; } } @media screen and (min-width: 1024px) { .banner-content_reverse .banner-content__column:first-child { } } .desktop-menu__link--alert { color: #eb001b; } @media screen and (max-width: 1160px) { .accountDetails > img { display: none; } } .accountDetails__buttons .button-primary_icon_login { margin-right: 40px; padding: 11px; } .accountDetails .head-modal__body { max-width: 800px; } .accountDetails .head-modal__body p, .accountDetails .head-modal__body p a { font-size: 14px; line-height: 19px; } .accountDetails .head-modal__body p a { color: #1A47A9; } .accountDetails__buttons { display: flex; align-items: center; gap: 0.6rem; margin-top: 2rem; } .accountDetails__buttons > span { font-size: 12px; display: block; max-width: 80px; line-height: 14px; text-align: right; } @media screen and (max-width: 768px) { .accountDetails__buttons { flex-direction: column; } .accountDetails__buttons > span { text-align: center; max-width: 100%; } .accountDetails__buttons .button-primary_icon_login { margin: 0 auto; } } @media screen and (max-width: 768px) { .desktop-only{ display: none !important; } .mobile-tariff{ width: 100%; max-width: 100%; opacity:0; max-height: 0px; transition: all .5s; overflow: hidden; } .mobile-tariff.open{ opacity: 1; max-height: 9999px; } .mobile-tariff__headline{ color: rgb(35, 39, 53); font-size: 16px; font-weight: 700; line-height: 140%; letter-spacing: 0; text-decoration-line: underline; padding-bottom: 3px; } .mobile-tariff__description{ color: rgb(128, 134, 155); font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: 0; padding-bottom: 20px; } .mobile-tariff__box{ border: 1px solid #BABDC8; background-color: #fff; padding: 16px; border-radius: 12px; display: flex; flex-direction: column; gap: 16px; overflow: hidden; } .mobile-tariff__box--headline{ padding: 16px; position:relative; z-index:1; margin: -16px -16px 16px; background-color: #F4F9FC; color: rgb(35, 39, 53); font-size: 12px; font-weight: 400; line-height: 140%; letter-spacing: 0; } .mobile-tariff__box--inner{ border-bottom: 1px solid #BABDC8; padding-bottom: 16px; } .mobile-tariff__box--inner:last-child{ border-bottom: none; padding-bottom: 0; } .mobile-tariff__box--range{ color: rgb(35, 39, 53); font-size: 12px; font-weight: 700; line-height: 140%; letter-spacing: 0; text-align: left; padding-bottom: 10px; } .mobile-tariff__box--zone{ color: rgb(35, 39, 53); font-size: 12px; font-weight: 400; line-height: 140%; letter-spacing: 0; padding-bottom: 3px; } .mobile-tariff__box--info + .mobile-tariff__box--zone{ padding-top: 10px; } .mobile-tariff__box--info{ display: flex; justify-content: space-between; } .mobile-tariff__box--time{ color: rgb(128, 134, 155); font-size: 12px; font-weight: 400; line-height: 140%; letter-spacing: 0; } .mobile-tariff__box--cost{ color: rgb(252, 52, 39); font-size: 12px; font-weight: 400; line-height: 140%; letter-spacing: 0; text-align: right; } .mobile-tariff__open{ color: rgb(26, 71, 169); font-size: 22px; font-weight: 700; line-height: 140%; letter-spacing: 0; text-decoration-line: underline; margin-bottom: 0px; text-align: left; transition: all .5s; padding-right: 46px; position: relative; z-index: 1; } .mobile-tariff__open:before{ content:''; position: absolute; z-index: 5; top: 50%; right: 0; transform: translateY(-50%) rotate(90deg); width: 30px; height: 30px; border-radius: 50%; background-color: rgb(26, 71, 169); background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.99984%206L8.58984%207.41L13.1698%2012L8.58984%2016.59L9.99984%2018L15.9998%2012L9.99984%206Z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; transition: all .5s; } .mobile-tariff__open.active{ margin-bottom: 50px; color: rgb(255, 120, 25); } .mobile-tariff__open.active:before{ transform: translateY(-50%) rotate(270deg); background-color: rgb(255, 120, 25); } .mobile-tariff__open + .mobile-tariff{ margin-bottom: -30px; } .nextHide + *, .nextHide + * + *, .nextHide + * + * + *, .nextHide + * + * + * + * + *>.MsoNormal, .nextHide + * + * + * + * + * + *>.MsoNormal, .nextHide2 + *, .nextHide2 + * + *, .nextHide2 + * + * + *{ display:none; height:0; } .nextHide + * + * + * + * + *>.mobile-tariff, .nextHide + * + * + * + * + * + *>.mobile-tariff .mobile-tariff__box{ margin-top:30px; } .nextHide + * + * + * + * + * + * + *{ margin-bottom:0; } } @media screen and (min-width: 769px) { .mobile-only{ display: none !important; } .desktop-only{ display: block !important; } } /* End */ /* Start:/local/js/disMsg/styles.css?17592296731196*/ .disMsg { display: none; z-index: 999998; position: fixed; background-color: #323232; color: #fff; border-radius: 2px; max-width: calc(100vw - 10px); -webkit-transition: transform 0.3s ease, opacity 0.3s ease; -moz-transition: transform 0.3s ease, opacity 0.3s ease; -o-transition: transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); opacity: 0; } .disMsg:hover { z-index: 999999; } .disMsg__inner { padding: 25px 30px 25px 25px; line-height: 1.4; } .disMsg__close { position: absolute; top: -5px; right: -6px; padding: 5px; cursor: pointer; } .disMsg__close:after { display: block; text-align: center; content: "×"; color: #fff; font-size: 22px; line-height: 22px; width: 22px; height: 22px; border-radius: 50%; } .disMsg.v--blue { background-color: #356ccc; } .disMsg.v--green, .disMsg.v--true { background-color: #32a14a; } .disMsg.v--red, .disMsg.v--false { background-color: #F21E16; } .disMsg a { color: #fff; border-bottom: 1px dotted; } .disMsg p { padding-bottom: 10px; } /* End */ /* /local/assets/dev_js/libs/jquery-ui.min.css?175922967322131 */ /* /local/assets/libs/jquery.fancybox.min.css?175922967312795 */ /* /local/assets/css/template.css?1759229673279554 */ /* /local/assets/css/libs.css?17592296734108 */ /* /local/assets/dev_css/common.css?175922967313487 */ /* /local/js/disMsg/styles.css?17592296731196 */