/* Minification failed. Returning unminified contents. (3892,27): run-time error CSS1019: Unexpected token, found ' ' (3892,27): run-time error CSS1042: Expected function, found ' ' (3892,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3893,24): run-time error CSS1019: Unexpected token, found ' ' (3893,24): run-time error CSS1042: Expected function, found ' ' (3893,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3895,32): run-time error CSS1019: Unexpected token, found ' ' (3895,32): run-time error CSS1042: Expected function, found ' ' (3895,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3896,29): run-time error CSS1019: Unexpected token, found ' ' (3896,29): run-time error CSS1042: Expected function, found ' ' (3896,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */ /*! jQuery UI - v1.11.2 - 2014-12-05 * http://jqueryui.com * Includes: core.css, datepicker.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #efeff0; background-color:#fff; color: #a1a1a1; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url("/css/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #287d82; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #efeff0; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url("/css/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fed22f; background: #ffe45c url("/css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #b81900 url("/css/images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/css/images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { } .ui-state-default .ui-icon { background-image: url("/css/images/ui-icons_ef8c08_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("/css/images/ui-icons_ef8c08_256x240.png"); } .ui-state-active .ui-icon { background-image: url("/css/images/ui-icons_ef8c08_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("/css/images/ui-icons_228ef1_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/css/images/ui-icons_ffd27a_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 url("/css/images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat; opacity: .5; filter: Alpha(Opacity=50); /* support: IE8 */ } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url("/css/images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x; opacity: .2; filter: Alpha(Opacity=20); /* support: IE8 */ border-radius: 5px; } /*! * smartbanner.js v1.15.0 * Copyright © 2019 Ain Tohvri, contributors. Licensed under GPL-3.0. */ .smartbanner { position: absolute; top: 0; left: 0; overflow-x: hidden; width: 100%; height: 80px; background: #f3f3f3; font-family: 'LetoSans', Arial, sans-serif; letter-spacing: 0.34px } .smartbanner__exit { position: absolute; top: calc(50% - 6px); left: 9px; display: block; margin: 0; width: 12px; height: 12px; border: 0; text-align: center } .smartbanner__exit::before, .smartbanner__exit::after { position: absolute; width: 1px; height: 12px; background: #767676; content: ' ' } .smartbanner__exit::before { transform: rotate(45deg) } .smartbanner__exit::after { transform: rotate(-45deg) } .smartbanner__icon { position: absolute; top: 0px; left: 34px; width: 80px; height: 80px; border-radius: 15px; background-size: 80px 80px } .smartbanner__info { position: absolute; top: 10px; left: 115px; display: flex; overflow-y: hidden; width: 60%; height: 60px; align-items: center; color: #000 } .smartbanner__info__title { font-size: 14px } .smartbanner__info__author, .smartbanner__info__price { font-size: 10px; line-height: 15px; font-family: 'LetoSans-Thin', Arial, sans-serif } .smartbanner__button { position: absolute; top: 32px; right: 10px; z-index: 1; display: block; padding: 0 10px; min-width: 10%; border-radius: 5px; background: #f3f3f3; color: #1474fc; font-size: 18px; text-align: center; text-decoration: none } .smartbanner__button__label { text-align: center } .smartbanner.smartbanner--android { background: linear-gradient(347.47deg, #EA7A09 0%, #FFA60D 98.13%); border-radius: 0px } .smartbanner.smartbanner--android .smartbanner__exit { left: 12px; margin-right: 7px; width: 22px; height: 22px; border-radius: 11px; background: #ffffff; color: #b1b1b3; font-family: 'ArialRoundedMTBold', Arial; font-size: 20px; line-height: 17px; top: 29px; } .smartbanner.smartbanner--android .smartbanner__exit::before, .smartbanner.smartbanner--android .smartbanner__exit::after { top: 5px; left: 10px; width: 2px; height: 12px; background: #fb9c0a } .smartbanner.smartbanner--android .smartbanner__exit:active, .smartbanner.smartbanner--android .smartbanner__exit:hover { color: #fff } .smartbanner.smartbanner--android .smartbanner__icon { background-color: transparent; box-shadow: none } .smartbanner.smartbanner--android .smartbanner__info { color: #fff } .smartbanner.smartbanner--android .smartbanner__info__title { color: #fff; font-weight: bold; font-size: 22px; line-height: 22px; margin-bottom: 7px; letter-spacing: 0.02px; } .smartbanner.smartbanner--android .smartbanner__button { top: 24px; right: 11px; padding: 0; color: #ffffff; font-size: 11px; text-decoration: none; border-color: transparent; background: #F08205; font-family: 'LetoSans', Arial, sans-serif } .smartbanner.smartbanner--android .smartbanner__button:active, .smartbanner.smartbanner--android .smartbanner__button:hover { background: none } .smartbanner.smartbanner--android .smartbanner__button__label { display: block; padding: 3px 7px 1px 7px; background: transparent; box-shadow: none; line-height: 24px; text-align: center; text-shadow: none; text-transform: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #fff; letter-spacing: 0.2px } .smartbanner.smartbanner--android .smartbanner__button__label:active, .smartbanner.smartbanner--android .smartbanner__button__label:hover { background: transparent } .mCustomScrollbar{-ms-touch-action:none;touch-action:none}.mCustomScrollbar.mCS_no_scrollbar{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:linear-gradient(to right,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} .i-file.i-file-doc:before { background: url(/i/svg/svg-sprite.svg) no-repeat; background-position: 0 0; width: 39px; height: 46px; } .i-file.i-file-gif:before { background: url(/i/svg/svg-sprite.svg) no-repeat; background-position: 33.333333333333336% 0; width: 39px; height: 46px; } .i-file.i-file-jpg:before { background: url(/i/svg/svg-sprite.svg) no-repeat; background-position: 66.66666666666667% 0; width: 39px; height: 46px; } .i-file.i-file-mp3:before { background: url(/i/svg/svg-sprite.svg) no-repeat; background-position: 0 50%; width: 39px; height: 46px; } .i-file.i-file-pdf:before { background: url(/i/svg/svg-sprite.png) no-repeat; background-position: 33.333333333333336% 50%; width: 39px; height: 46px; } .i-file.i-file-png:before { background: url(/i/svg/svg-sprite.svg) no-repeat; background-position: 66.66666666666667% 50%; width: 39px; height: 46px; } .i-file.i-file-ppt:before { background: url(/i/svg/svg-sprite.svg) no-repeat; background-position: 100% 0; width: 39px; height: 46px; } .i-file.i-file-xls:before { background: url(/i/svg/svg-sprite.svg) no-repeat; background-position: 100% 50%; width: 39px; height: 46px; } .i-file.i-file-zip:before { background: url(/i/svg/svg-sprite.svg) no-repeat; background-position: 0 100%; width: 39px; height: 46px; } .i-file:before { content: ' '; vertical-align: middle; display: inline-block; } .no-svg .i-file:before { background-image: url(/i/svg/svg-sprite.png) !important; } /* LESS variables are information about icon's compiled state, stored under its original file name .icon-home { width: @icon-home-width; } The large array-like variables contain all information about a single icon @icon-home: x y offset_x offset_y width height total_width total_height image_path name; At the bottom of this section, we provide information about the spritesheet itself @spritesheet: width height image @spritesheet-sprites; */ /* The provided classes are intended to be used with the array-like variables .icon-home { .sprite-width(@icon-home); } .icon-email { .sprite(@icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `.sprites` mixin generates identical output to the CSS template but can be overridden inside of LESS This must be run when you have at least 2 sprites. If run with a single sprite, then there will be reference errors. .sprites(@spritesheet-sprites); */ /* Reset built-in browser styling */ html, body, 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, main, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; } ins { text-decoration: none; } article, aside, details, main, figure, figcaption, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, blockquote:before, q:after, blockquote:after { content: ''; content: none; } a:active, a:hover { outline: 0; } img, a img { border: none; } button, input, select, textarea { font-size: 100%; vertical-align: baseline; } button, input { line-height: normal; } @font-face { font-family: 'LetoSans'; src: url('/css/asserts/fonts/LetoSans.eot'); src: local('☺'), url('/css/asserts/fonts/LetoSans.eot?#iefix') format('embedded-opentype'), url('/css/asserts/fonts/LetoSans.woff') format('woff'), url('/css/asserts/fonts/LetoSans.ttf') format('truetype'), url('/css/asserts/fonts/LetoSans.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LetoSans-Bold'; src: url(/css/asserts/fonts/LetoSans-Bold.eot); src: local('☺'), url(/css/asserts/fonts/LetoSans-Bold.woff) format('woff'), url(/css/asserts/fonts/LetoSans-Bold.ttf) format('truetype'), url(/css/asserts/fonts/LetoSans-Bold.svg) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LetoSans-Thin'; src: url("/css/asserts/fonts/LetoSans-Thin.eot"); src: local('☺'), url("/css/asserts/fonts/LetoSans-Thin.woff") format('woff'), url("/css/asserts/fonts/LetoSans-Thin.ttf") format('truetype'), url("/css/asserts/fonts/LetoSans-Thin.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LetoSansCondensed'; src: url("/css/asserts/fonts/LetoSansCondensed.eot"); src: local('☺'), url("/css/asserts/fonts/LetoSansCondensed.woff") format('woff'), url("/css/asserts/fonts/LetoSansCondensed.ttf") format('truetype'), url("/css/asserts/fonts/LetoSansCondensed.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LetoSansCondensed-Bold'; src: url("/css/asserts/fonts/LetoSansCondensed-Bold.eot"); src: local('☺'), url("/css/asserts/fonts/LetoSansCondensed-Bold.woff") format('woff'), url("/css/asserts/fonts/LetoSansCondensed-Bold.ttf") format('truetype'), url("/css/asserts/fonts/LetoSansCondensed-Bold.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LetoSansCondensed-Thin'; src: url("/css/asserts/fonts/LetoSansCondensed-Thin.eot"); src: local('☺'), url("/css/asserts/fonts/LetoSansCondensed-Thin.woff") format('woff'), url("/css/asserts/fonts/LetoSansCondensed-Thin.ttf") format('truetype'), url("/css/asserts/fonts/LetoSansCondensed-Thin.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LetoFigures'; src: url("/css/asserts/fonts/LetoFigures.eot"); src: local('☺'), url("/css/asserts/fonts/LetoFigures.woff") format('woff'), url("/css/asserts/fonts/LetoFigures.ttf") format('truetype'), url("/css/asserts/fonts/LetoFigures.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rouble'; src: url("/css/asserts/fonts/rouble-webfont.eot"); src: url("/css/asserts/fonts/rouble-webfont.eot?#iefix") format('embedded-opentype'), url("/css/asserts/fonts/rouble-webfont.woff") format('woff'), url("/css/asserts/fonts/rouble-webfont.ttf") format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'icomoon'; src: url("/css/asserts/fonts/icomoon.eot?fcs0j2"); src: url("/css/asserts/fonts/icomoon.eot?fcs0j2#iefix") format('embedded-opentype'), url("/css/asserts/fonts/icomoon.ttf?fcs0j2") format('truetype'), url("/css/asserts/fonts/icomoon.woff?fcs0j2") format('woff'), url("/css/asserts/fonts/icomoon.svg?fcs0j2#icomoon") format('svg'); font-weight: normal; font-style: normal; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; font-size: 93.75%; } html, body { height: 100%; width: 100%; -webkit-overflow-scrolling: touch; } html.overflow-auto { overflow: auto; } body { font: 13px/160% 'LetoSans', Arial, sans-serif; color: #3c3c3c; background-color: #fff; /*background: linear-gradient(to top, #8A0025, #497fc5);*/ overflow: auto; } body.overflow-hidden { overflow: hidden; max-height: 100%; } @media (min-width: 980px) { body { font: 15px/140% 'LetoSans', Arial, sans-serif; } } h1, h2, h3, h4 { font-weight: normal; } h1 { margin: 0 0 18px; font-size: 28px; color: #bb0032; line-height: 110%; } @media (min-width: 980px) { h1 { font-size: 52px; margin-bottom: 22px; } } @media (min-width: 980px) and (max-width: 1150px) { h1 { font-size: 40px; } } h2 { margin: 40px 0 6px; font-size: 24px; line-height: 115%; } @media (min-width: 980px) { h2 { font-size: 33px; } } h3 { margin: 40px 0 6px; font-size: 1.6em; line-height: 125%; } @media (max-width: 320px) { h3 { font-size: 1.3em; } } h2:first-child, h3:first-child, h4:first-child, h5:first-child, h1 + h2 { margin-top: 0; } h2 + h3 { margin-top: 15px; } p { margin: 0 0 10px; } p:last-child { margin-bottom: 0; } ul, ol { list-style: none; margin-bottom: 30px; margin-left: 24px; } ul:last-child, ol:last-child { margin-bottom: 0; } ul li, ol li { display: block; position: relative; margin-bottom: 10px; padding-left: 0; } ol { counter-reset: itemFirst; } ul li:before { content: '\2022'; color: #994cac; position: absolute; left: -16px; top: 0; } ol li:before { content: counter(itemFirst) '.'; counter-increment: itemFirst; color: #994cac; font-size: inherit; position: absolute; left: -24px; } li > ul { margin-left: 20px; } li > ol { counter-reset: item; } li > ol li { padding-left: 28px; } li > ol li:before { content: counter(itemFirst) '.' counter(item); counter-increment: item; } ul ol, ul ul, ol ol, ol ul { margin-top: 10px; } ul.no-marker { color: #646464; margin-left: 0; } ul.no-marker li { margin-bottom: 6px; line-height: 130%; } ul.no-marker li:last-child { margin-bottom: 0; } ul.no-marker li:before { display: none; } .picture img { height: auto !important; max-width: 100%; } @media (min-width: 980px) { ul, ol { margin-left: 0; } ul.no-marker li { margin-bottom: 8px; line-height: 130%; } } sup { font-size: 11px; margin-left: 3px; margin-top: -7px; display: inline-block; vertical-align: top; } .transparent-bg sup { color: rgba(255, 255, 255, 0.5); } .table-container { overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100%; max-width: 100%; } .table-container_flow { margin: 0 -15px; } table { width: 100%; max-width: 100%; } table tr th, table tr td { vertical-align: top; } table tr th { font-weight: bold; padding: 10px 15px 7px; border-bottom: 1px solid #c5c6c8; } table tr td { padding: 10px 15px 11px; color: #646464; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } table tr td:first-child { color: #3c3c3c; } table tr td ul.no-marker li { color: #646464; } table tr:hover td { background-color: #e1e8f8; } .dark-bg table tr th, .transparent-bg table tr th { border-color: rgba(255, 255, 255, 0.2); } .dark-bg table tr td, .transparent-bg table tr td, .dark-bg table tr td:first-child, .transparent-bg table tr td:first-child { color: rgba(255, 255, 255, 0.7); } .dark-bg table tr td.rest, .transparent-bg table tr td.rest, .dark-bg table tr td:first-child.rest, .transparent-bg table tr td:first-child.rest { color: #fff; font-weight: bold; } .dark-bg table tr:hover td, .transparent-bg table tr:hover td { background-color: rgba(0, 0, 0, 0.18); } .files-group { margin-top: 20px; } .file { min-height: 46px; padding: 0 0 0 50px; display: inline-block; vertical-align: top; margin: 0 0 22px; font-size: 13px; line-height: 160%; } .file a { position: relative; } .file a i { display: block; position: absolute; left: -50px; top: -1px; } .file__data { display: block; color: #969696; font-size: 11px; } .lead { margin: 0 0 12px; font-size: 15px; line-height: 130%; } @media (min-width: 980px) { .lead { font-size: 22px; } } @media (min-width: 980px) and (max-width: 1150px) { .lead { font-size: 18px; } } .blockquote__text { color: #7c4b8a; position: relative; font-size: 24px; line-height: 140%; margin: 0 0 6px; } .blockquote__text:before { display: none; content: '”'; color: #7c4b8a; font-family: 'LetoSans-Thin'; font-size: 100px; width: 27px; position: absolute; left: -39px; top: 33px; opacity: 0.8; } @media (min-width: 980px) { .blockquote__text:before { display: inline-block; } } .blockquote__sign { color: #a587a7; } .phone, .sum, .nowrap { white-space: nowrap; } .sum { text-align: right; } .news__item { margin: 0 0 22px; } .news__item-title { margin: 0 0 3px; } .news__item-date { color: #969696; font-size: 11px; } .center { text-align: center; } .dark-bg, .transparent-bg { color: #fff; } .dark-bg h1, .transparent-bg h1 { color: #fff; } .dark-bg .note, .transparent-bg .note { color: rgba(255, 255, 255, 0.5); } .dark-bg { padding: 20px; margin: 0 -20px; background: #403452; background: -moz-linear-gradient(0deg, #403452 0%, #862B47 100%); background: -webkit-linear-gradient(0deg, #403452 0%, #862B47 100%); background: linear-gradient(0deg, #403452 0%, #862B47 100%); } .transparent-bg_darker { background: #403452; background: -moz-linear-gradient(0deg, #403452 0%, #862B47 100%); background: -webkit-linear-gradient(0deg, #403452 0%, #862B47 100%); background: linear-gradient(0deg, #403452 0%, #862B47 100%); } .transparent-bg_darker .transparent-bg_darker { background: none; } @media (min-width: 980px) { .dark-bg { padding: 40px; margin: 0 -40px; } .transparent-bg_darker { background: rgba(0, 0, 0, 0.5) !important; } .transparent-bg_darker .transparent-bg_darker { background: rgba(0, 0, 0, 0.5) !important; } } .note { color: #969696; font-size: 13px; line-height: 160%; } .note_important { position: relative; padding-top: 8px; } .note_important:before { content: ''; border-top: 3px solid #bb0032; width: 35px; position: absolute; top: 0; left: 0; display: block; } .interest-rate { font-size: 110px; line-height: 100%; font-family: 'LetoSans-Thin'; } .mobile .interest-rate { display: inline-block !important; } .extra .interest-rate { overflow: hidden; height: 110px; } .extra .interest-rate .percent-num { font-size: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } .extra .interest-rate .percent-num__part { font-size: 110px; font-family: 'LetoFigures'; display: inline-block; vertical-align: top; position: relative; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .extra .interest-rate .percent-num__part.changed { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: transform 0.7s cubic-bezier(0.77, 0.08, 0.11, 1.07); -moz-transition: transform 0.7s cubic-bezier(0.77, 0.08, 0.11, 1.07); -ms-transition: transform 0.7s cubic-bezier(0.77, 0.08, 0.11, 1.07); -o-transition: transform 0.7s cubic-bezier(0.77, 0.08, 0.11, 1.07); transition: transform 0.7s cubic-bezier(0.77, 0.08, 0.11, 1.07); } .extra .interest-rate .percent-num.animate { -webkit-animation: slideUp 1s cubic-bezier(0.77, 0.08, 0.11, 1.07) 0.3s forwards; -moz-animation: slideUp 1s cubic-bezier(0.77, 0.08, 0.11, 1.07) 0.3s forwards; animation: slideUp 1s cubic-bezier(0.77, 0.08, 0.11, 1.07) 0.3s forwards; } @media (max-width: 420px) { .extra .interest-rate .percent-num__part { font-size: 90px; } } @media (max-width: 375px) { .extra .interest-rate .percent-num__part { font-size: 80px; } } @media (max-width: 320px) { .extra .interest-rate .percent-num__part { font-size: 70px; } } @media (min-width: 980px) and (max-width: 1320px) { .interest-rate { font-size: 110px; } .extra .interest-rate { height: 150px; } .extra .interest-rate .percent-num__part { line-height: 150px; font-size: 110px; } } @media (min-width: 1320px) { .interest-rate { font-size: 150px; } .extra .interest-rate { height: 150px; } .extra .interest-rate .percent-num__part { line-height: 150px; font-size: 150px; } } .slide-btn-container { text-align: center; margin: 30px 0; } .slide-btn { cursor: pointer; display: inline-block; } .slide-btn .icon-arrow-slide:before { -webkit-transition: font-size 0.3s ease; -moz-transition: font-size 0.3s ease; -ms-transition: font-size 0.3s ease; -o-transition: font-size 0.3s ease; transition: font-size 0.3s ease; } .slide-btn:hover .icon-arrow-slide:before { font-size: 30px; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-datepicker-next:before { content: "\e920"; } .icon-datepicker-prev:before { content: "\e921"; } .icon-link-new-window:before { content: "\e922"; } .icon-link-outer:before { content: "\e923"; } .icon-arrow-large:before { content: "\e924"; } .icon-arrow-medium-opened:before { content: "\e912"; } .icon-arrow-medium:before { content: "\e91f"; } .icon-arrow-small-opened:before { content: "\e91e"; } .icon-input-process:before { content: "\e910"; } .icon-view-metro:before { content: "\e90b"; font-size: 16px; } .icon-view-list:before { content: "\e90c"; font-size: 17px; } .icon-view-map:before { content: "\e90d"; font-size: 22px; } .icon-search:before { content: "\e90e"; font-size: 22px; opacity: 0.6; } .icon-question:before { content: "\e90f"; font-size: 24px; } .icon-google:before { content: "\e91b"; font-size: 25px; } .icon-checkmark:before { content: "\e91c"; } .icon-apple:before { content: "\e91d"; font-size: 25px; } .icon-input-error:before { content: "\e903"; } .icon-input-ok:before { content: "\e904"; } .icon-services-payment-charity:before { content: "\e905"; font-size: 66px; color: #bb0032; } .icon-services-payment-fine:before { content: "\e906"; font-size: 66px; color: #bb0032; } .icon-services-payment-mobile:before { content: "\e907"; font-size: 66px; color: #bb0032; } .icon-services-payment-repayments:before { content: "\e908"; font-size: 66px; color: #bb0032; } .icon-services-payment-taxes:before { content: "\e909"; font-size: 66px; color: #bb0032; } .icon-services-payment-utilities:before { content: "\e90a"; font-size: 66px; color: #bb0032; } .icon-service-package-1:before { content: "\e911"; font-size: 39px; color: #646464; } .icon-service-package-2:before { content: "\e925"; font-size: 39px; color: #646464; } .icon-service-package-3:before { content: "\e913"; font-size: 56px; color: #646464; } .icon-service-package-4:before { content: "\e914"; font-size: 42px; color: #646464; } .icon-input-enter:before { content: "\e915"; } .icon-arrow-small:before { content: "\e916"; } .icon-calendar:before { content: "\e917"; } .icon-arrow-next:before { content: "\e918"; font-size: 30px; color: #fff; } .icon-arrow-prev:before { content: "\e919"; font-size: 30px; color: #fff; } .icon-arrow-slide:before { content: "\e91a"; font-size: 25px; color: #9b9b9b; } .icon-inst:before { content: "\e900"; font-size: 30px; } .icon-tw:before { content: "\e901"; font-size: 30px; } .icon-fb:before { content: "\e902"; font-size: 30px; } .icon-mkb:before { content: "\e926"; } .icon-mcard:before { content: "\e927"; } .icon-visa:before { content: "\e928"; } /* Links */ a { text-decoration: none; border-bottom: 1px solid; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .pseudo { border-bottom: 1px dotted; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } a, a.no_visited:visited, .no_visited a:visited, .pseudo, .pseudo:visited { color: #555fa0; border-color: rgba(85, 95, 160, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } a, a.no_visited:visited, .no_visited a:visited, .pseudo, .pseudo:visited, a *, a.no_visited:visited *, .no_visited a:visited *, .pseudo *, .pseudo:visited * { cursor: pointer; } a:visited, a.link_visited { color: #953463; border-color: rgba(149, 52, 99, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .altlink_dark { color: #3c3c3c; border-color: rgba(60, 60, 60, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .altlink_dark:visited { color: #3c3c3c; border-color: rgba(60, 60, 60, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .altlink_dark:hover { color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .altlink_dark a { color: #3c3c3c; border-color: rgba(60, 60, 60, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .altlink_dark a:visited { color: #3c3c3c; border-color: rgba(60, 60, 60, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .altlink_dark a:hover { color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .altlink_bright { color: #bb0032; border-color: rgba(187, 0, 50, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .altlink_bright:visited { color: #bb0032; border-color: rgba(187, 0, 50, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .altlink_bright:hover { color: #555fa0; border-color: rgba(85, 95, 160, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .altlink_bright a { color: #bb0032; border-color: rgba(187, 0, 50, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .altlink_bright a:visited { color: #bb0032; border-color: rgba(187, 0, 50, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .altlink_bright a:hover { color: #555fa0; border-color: rgba(85, 95, 160, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .altlink_light { color: #fff; border-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .altlink_light:visited { color: #fff; border-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .altlink_light:hover { color: #e8bf16; border-color: rgba(232, 191, 22, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .altlink_light a { color: #fff; border-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .altlink_light a:visited { color: #fff; border-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .altlink_light a:hover { color: #e8bf16; border-color: rgba(232, 191, 22, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } a.black { border-color: rgba(0, 0, 0, 0.3); color: #000; } a:hover, a.no_visited:hover, .no_visited a:hover, .pseudo:hover, a.link_hovered { color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } a.nonunderline, .nonunderline a { border: none; } .dark-bg a, .transparent-bg a, .dark-bg a.no_visited:visited, .transparent-bg a.no_visited:visited, .dark-bg .no_visited a:visited, .transparent-bg .no_visited a:visited, .dark-bg .pseudo, .transparent-bg .pseudo, .dark-bg .pseudo:visited, .transparent-bg .pseudo:visited { color: #fff; border-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .dark-bg a:visited, .transparent-bg a:visited, .dark-bg a.link_visited, .transparent-bg a.link_visited { color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .dark-bg a:hover, .transparent-bg a:hover, .dark-bg .pseudo:hover, .transparent-bg .pseudo:hover, .dark-bg a.link_hovered, .transparent-bg a.link_hovered { color: #e8bf16; border-color: rgba(232, 191, 22, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .link-mobile { display: inline-block; vertical-align: middle; position: relative; margin-left: 15px; } .link-mobile:before { content: ''; width: 46px; height: 46px; top: 0; left: 0; display: block; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; } .link-mobile:hover:before { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .link-mobile span { position: absolute; left: 50%; top: 50%; color: #fff; } .link-mobile span.icon-apple { margin: -13px 0 0 -12px; } .link-mobile span.icon-google { margin: -12px 0 0 -8px; } .form * { -webkit-transform: none !important; -moz-transform: none !important; transform: none !important; } .form fieldset { margin-bottom: 40px; } .form fieldset:last-child { margin-bottom: 0; } .form fieldset .field__line:last-child { margin-bottom: 0; } .form__line { margin: 0 0 20px; } .form__line_slider .form__label { margin-bottom: -22px; max-width: 155px; } .form__line_disabled .form__label { opacity: 0.5 !important; } .form__line > .buttons { margin: 0; } .form__label { font-size: 13px; line-height: 160%; margin-bottom: 5px; color: #969696; } .dark-bg .form__label, .transparent-bg .form__label { opacity: 0.8; color: #fff; } .form__fields { position: relative; margin: 0 0 11px; } .form__fields.foldable { padding-bottom: 0; } .form__fields.with-note { white-space: nowrap; } .form__fields.with-note * { white-space: normal; } .form__fields.with-note .note-opener-container { position: relative; display: inline-block; padding-right: 30px; } .form__fields.with-note .note-opener-container .foldable__opener { position: absolute; right: 0; top: 0; } .form__fields.with-note .note-opener-container .note-opener { position: relative; display: inline-block; cursor: pointer; } .form__fields.with-note .note-opener-container .note-opener.icon-question:before { color: #c0c0c0; } .form__fields.with-note .foldable__content { max-width: 550px; } .form__fields.with-note.foldable .note-opener-container .note-opener:after { content: ''; display: none; } .form__fields.with-note.foldable .note-opener-container .note-opener.icon-question:before { color: #c0c0c0; } .form__fields.with-note.foldable .note-opener-container .note-opener.icon-question:hover:before { color: #ba0031; } .mobile .form__fields.with-note.foldable .note-opener-container .note-opener.icon-question:hover:before { color: #c0c0c0; } .form__fields.with-note.foldable.unfolded .note-opener-container .note-opener.icon-question:before { color: #ba0031; } .mobile .form__fields.with-note.foldable.unfolded .note-opener-container .note-opener.icon-question:before { color: #ba0031; } .form__fields_horizontal { display: inline-block; vertical-align: top; margin-right: 30px; width: auto !important; } .form__fields_horizontal:last-child { margin-right: 0; } .form__fields_periods label { padding-top: 5px !important; font-size: 22px; } .form__fields .field_with-icon:before { content: ''; position: absolute; opacity: 0; z-index: 1; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .form__fields .field_with-icon.success:before { content: "\e904"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #aac731; font-size: 12px; opacity: 1; z-index: 1; top: 14px; right: 12px; } .form__fields .field_with-icon.error:before { content: "\e903"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ff696b; font-size: 14px; opacity: 1; top: 13px; right: 18px; } .form__fields .field_with-icon.process:before { content: "\e910"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #e0b413; font-size: 5px; opacity: 1; top: 17px; right: 12px; } .form__fields .field .error__message { display: none; } .form__fields .field .error__message-text { display: inline-block; vertical-align: top; padding: 3px 15px 0; margin-top: -3px; position: relative; z-index: -1; font-size: 11px; color: #fff; background: #ff696c; -webkit-border-radius: 0 0 1px 1px; -moz-border-radius: 0 0 1px 1px; border-radius: 0 0 1px 1px; } .form__fields .field.error { position: relative; z-index: 1; } .form__fields .field.error input { padding-left: 8px; border: 2px solid #ff696c; } .form__fields .field.error .error__message { display: block; } .form__fields .field .note { opacity: 0.4; } .form__fields .note { margin-top: 5px; } .field { position: relative; display: inline-block; vertical-align: top; min-width: 70%; } .field_phone { min-width: 40%; } .field_with-icon input { padding-right: 36px !important; } .field_with-icon .field_search__btn { position: absolute; width: 36px; height: 100%; top: 0; right: 0; cursor: pointer; display: inline-block; border: none; outline: none; background: none; } .field_with-icon .field_search__btn:after { content: ''; position: absolute; right: 10px; top: 10px; content: "\e915"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #999999; font-size: 20px; } .field_with-icon.field_date { width: 221px; min-width: 0; } .field_with-icon.field_date:after { content: ''; position: absolute; top: 11px; right: 10px; opacity: 1; pointer-events: none; content: "\e917"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #d1d1d1; font-size: 15px; } textarea { overflow: auto; outline: none; width: 100%; height: 100px; padding: 11px 10px 0 10px; border: none; font-family: inherit; border: 1px solid #e6e6e6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .dark-bg textarea, .transparent-bg textarea { border: none; } select { font-family: "LetoSans"; } input { font-family: inherit; border: none; border: 1px solid #e6e6e6; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } .dark-bg input, .transparent-bg input { border: 2px solid #fff; padding: 2px 8px; } input::-moz-placeholder { color: #aaa; } input:-ms-input-placeholder { color: #aaa; } input::-webkit-input-placeholder { color: #aaa; } input[type="text"]::-ms-clear, input[type="password"]::-ms-clear, input[type="number"]::-ms-clear, input[type="email"]::-ms-clear, input[type="search"]::-ms-clear { display: none; } input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="search"] { padding: 6px 9px 3px; margin: 0; outline: none; height: 38px; width: 100%; position: relative; font-family: 'LetoSans'; color: #3c3c3c; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } input[type="text"].focused, input[type="password"].focused, input[type="number"].focused, input[type="email"].focused, input[type="search"].focused, input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="search"]:focus { padding: 5px 8px 2px; border: 2px solid #e1b414; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } input[type="text"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="search"]:disabled { color: #969696; background-color: rgba(0, 0, 0, 0.05); } .dark-bg input[type="text"]:disabled, .dark-bg input[type="password"]:disabled, .dark-bg input[type="number"]:disabled, .dark-bg input[type="email"]:disabled, .dark-bg input[type="search"]:disabled, .transparent-bg input[type="text"]:disabled, .transparent-bg input[type="password"]:disabled, .transparent-bg input[type="number"]:disabled, .transparent-bg input[type="email"]:disabled, .transparent-bg input[type="search"]:disabled { color: rgba(255, 255, 255, 0.5); border-color: transparent; background-color: rgba(255, 255, 255, 0.5); } input[type="checkbox"], input[type="radio"] { display: none; } input[type="checkbox"] + label, input[type="radio"] + label { cursor: pointer; position: relative; margin: 0; padding-left: 30px; min-height: 22px; display: inline-block; vertical-align: baseline; } input[type="checkbox"] + label:before, input[type="radio"] + label:before, input[type="checkbox"] + label:after, input[type="radio"] + label:after { content: ''; position: absolute; display: inline-block; vertical-align: top; left: 0; top: 0; cursor: pointer; } input[type="checkbox"]:disabled + label, input[type="radio"]:disabled + label { cursor: default; opacity: 0.4; } input[type="checkbox"]:disabled + label:before, input[type="radio"]:disabled + label:before, input[type="checkbox"]:disabled + label:after, input[type="radio"]:disabled + label:after { cursor: default; } input[type="checkbox"] + label { padding-top: 2px; } input[type="checkbox"] + label:before { width: 20px; height: 20px; border: 1px solid #bdbdbd; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } input[type="checkbox"] + label:after { opacity: 0; content: "\e91c"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; font-size: 13px; top: 5px; left: 3px; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } input[type="checkbox"]:checked + label:before { border-color: #bb0032; background-color: #bb0032; } input[type="checkbox"]:checked + label:after { opacity: 1; } input[type="checkbox"]:disabled + label:before { border-color: #bebebe; background-color: #bebebe; } input[type="checkbox"]:disabled:checked + label:before { border-color: #bebebe; background-color: #bebebe; } input[type="radio"] + label { padding-top: 3px; } input[type="radio"] + label:before { width: 22px; height: 22px; border: 1px solid #b2b2b2; background-color: #fff; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } input[type="radio"] + label:after { width: 8px; height: 8px; background-color: #fff; opacity: 0; top: 8px; left: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } input[type="radio"]:checked + label:before { border-color: #bb0032; background-color: #bb0032; } input[type="radio"]:checked + label:after { opacity: 1; } input[type="radio"]:disabled + label:before { border-color: #bebebe; background-color: #bebebe; } input[type="radio"]:disabled:checked + label:before { border-color: #bebebe; background-color: #bebebe; } .dark-bg input[type="checkbox"] + label:before, .transparent-bg input[type="checkbox"] + label:before { border-color: #fff; } .dark-bg input[type="checkbox"]:checked + label:before, .transparent-bg input[type="checkbox"]:checked + label:before { border-color: #fff; background-color: #fff; } .dark-bg input[type="checkbox"]:checked + label:after, .transparent-bg input[type="checkbox"]:checked + label:after { color: #870022; } .dark-bg input[type="checkbox"]:disabled + label:before, .transparent-bg input[type="checkbox"]:disabled + label:before { background-color: #fff; } .dark-bg input[type="radio"] + label:before, .transparent-bg input[type="radio"] + label:before { border-color: #fff; } .dark-bg input[type="radio"]:checked + label:before, .transparent-bg input[type="radio"]:checked + label:before { border-color: #fff; background-color: #fff; } .dark-bg input[type="radio"]:checked + label:after, .transparent-bg input[type="radio"]:checked + label:after { background-color: #870022; } .dark-bg input[type="radio"]:disabled + label:before, .transparent-bg input[type="radio"]:disabled + label:before { background-color: #fff; } .btn { border: none; color: #fff !important; font-size: 15px; padding: 14px 30px; cursor: pointer; outline: none; width: 100%; display: inline-block; text-align: center; font-family: 'LetoSans'; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; background: #ca394d; background: -moz-linear-gradient(180deg, #ca394d 0%, #9d0229 100%); background: -webkit-linear-gradient(180deg, #ca394d 0%, #9d0229 100%); background: linear-gradient(180deg, #ca394d 0%, #9d0229 100%); -webkit-transition: padding 0.3s ease; -moz-transition: padding 0.3s ease; -ms-transition: padding 0.3s ease; -o-transition: padding 0.3s ease; transition: padding 0.3s ease; } .btn:active { background: #af293c; background: -moz-linear-gradient(180deg, #af293c 0%, #800222 100%); background: -webkit-linear-gradient(180deg, #af293c 0%, #800222 100%); background: linear-gradient(180deg, #af293c 0%, #800222 100%); } .btn:disabled { padding: 14px 30px; color: rgba(255, 255, 255, 0.5) !important; cursor: default; background: rgba(207, 153, 167, 0.38); background: -moz-linear-gradient(180deg, rgba(207, 153, 167, 0.38) 0%, rgba(152, 159, 176, 0.48) 100%); background: -webkit-linear-gradient(180deg, rgba(207, 153, 167, 0.38) 0%, rgba(152, 159, 176, 0.48) 100%); background: linear-gradient(180deg, rgba(207, 153, 167, 0.38) 0%, rgba(152, 159, 176, 0.48) 100%); } .btn + .btn { margin-top: 10px; } .btn_light { color: #bb0032 !important; background: none; border: 1px solid rgba(187, 0, 50, 0.5) !important; } .btn_light:active { background: #efe0e9; } .btn_light:disabled { color: #bebebe !important; border-color: #bebebe !important; background: none; } .btn_small { font-size: 13px; padding: 9px 12px; color: #555fa0 !important; border: 1px solid rgba(85, 95, 160, 0.7) !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .btn_small:active { background-color: #f5f7fb; } .dark-bg .btn, .transparent-bg .btn { background: #df6172; background: -moz-linear-gradient(180deg, #df6172 0%, #b80d39 100%); background: -webkit-linear-gradient(180deg, #df6172 0%, #b80d39 100%); background: linear-gradient(180deg, #df6172 0%, #b80d39 100%); } .dark-bg .btn:active, .transparent-bg .btn:active { background: #d14256; background: -moz-linear-gradient(180deg, #d14256 0%, #a30b32 100%); background: -webkit-linear-gradient(180deg, #d14256 0%, #a30b32 100%); background: linear-gradient(180deg, #d14256 0%, #a30b32 100%); } .dark-bg .btn:disabled, .transparent-bg .btn:disabled { cursor: default; background: rgba(199, 97, 118, 0.49); background: -moz-linear-gradient(180deg, rgba(199, 97, 118, 0.49) 0%, rgba(232, 107, 124, 0.35) 100%); background: -webkit-linear-gradient(180deg, rgba(199, 97, 118, 0.49) 0%, rgba(232, 107, 124, 0.35) 100%); background: linear-gradient(180deg, rgba(199, 97, 118, 0.49) 0%, rgba(232, 107, 124, 0.35) 100%); } .dark-bg .btn_light, .transparent-bg .btn_light { color: #fff !important; background: none; border: 1px solid #fff !important; } .dark-bg .btn_light:active, .transparent-bg .btn_light:active { background: rgba(221, 221, 221, 0.2); } .dark-bg .btn_light:disabled, .transparent-bg .btn_light:disabled { opacity: 0.3; background: none; } .buttons { margin: 25px 0 20px; } .buttons .btn:not(:disabled) { vertical-align: middle; } @media (min-width: 980px) { .form__line_no-mar { margin-bottom: 0; } .form__line_horizontal .form__label, .form__line_horizontal .form__fields { display: inline-block; vertical-align: middle; } .form__line_horizontal .form__label { width: 24%; padding-right: 4%; margin-bottom: 19px; min-width: 110px; max-width: 160px; } .form__line_horizontal .form__fields { width: 70%; } .form__line .tabs { margin-bottom: 4px; } __fields.with-note { max-width: 100%; } .btn { width: auto; font-size: 18px; } .btn:not(:disabled):hover { padding: 14px 37px; } .btn_small { font-size: 15px; } .btn_small:not(:disabled):hover { padding: 9px 20px; } .btn + .btn { margin-left: 5px; margin-top: 0; } .btn + .btn_small { margin-left: 13px; } .buttons { margin-top: 50px; white-space: nowrap; } .buttons .btn:not(:disabled).hovered { padding: 14px 37px; } .buttons .btn:not(:disabled).unhovered { padding: 14px 23px; } .buttons .btn:not(:disabled).btn_small.hovered { padding: 9px 17px; } .buttons .btn:not(:disabled).btn_small.unhovered { padding: 9px 7px; } } .desktop-view { display: none; } .desktop-view.slide-btn, .desktop-view.btn { display: none; } button.desktop-view { display: none !important; } .mobile-view { display: block; } span.mobile-view, .btn.mobile-view, button.mobile-view { display: inline-block; } .attention { color: #bb0032; } .light-bg { background-color: #f5f7fb !important; } .light-violet-bg { background-color: #ecebf3 !important; } .logo_short { width: 60px; overflow: hidden; display: inline-block; } .important { font-size: 15px; margin-bottom: 15px; line-height: 150%; font-family: 'LetoSans-Thin'; } .index { color: #bb0032; font-size: 30px; line-height: 100%; } .index.index_large { font-size: 70px; line-height: 95%; font-family: 'LetoSans-Thin'; } .index.index_small { font-size: 22px; } @media (min-width: 980px) { .desktop-view { display: block; } .desktop-view.slide-btn, .desktop-view.btn { display: inline-block; } button.desktop-view { display: inline-block !important; } .mobile-view { display: none; } span.mobile-view, .btn.mobile-view, button.mobile-view { display: none; } .important { font-size: 18px; } .index { font-size: 32px; } .index.index_large { font-size: 70px; } } @-moz-keyframes slideUp { 0% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } } @keyframes slideUp { 0% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes numbersChange { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); opacity: 1; } 48% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); opacity: 1; } 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); opacity: 0; } 51% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); opacity: 1; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes numbersChange { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); opacity: 1; } 48% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); opacity: 1; } 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); opacity: 0; } 51% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); opacity: 1; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes numbersChange { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); opacity: 1; } 48% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); opacity: 1; } 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); opacity: 0; } 51% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); opacity: 1; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-moz-keyframes backgroundSlideLeft { 0% { background-position: 0 0; } 100% { background-position: 10000% 0; } } @-webkit-keyframes backgroundSlideLeft { 0% { background-position: 0 0; } 100% { background-position: 10000% 0; } } @keyframes backgroundSlideLeft { 0% { background-position: 0 0; } 100% { background-position: 10000% 0; } } @-moz-keyframes fadeOutIn { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOutIn { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOutIn { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .breadcrumbs__item { color: #fff; opacity: 0.6; position: relative; padding: 0 10px 0 0; margin: 0 6px 0 0; font-size: 13px; } .breadcrumbs__item:last-child { padding: 0; margin: 0; } .breadcrumbs__item:last-child:after { display: none; } .breadcrumbs__item:after { content: '/'; color: #fff; position: absolute; right: 0; top: 0; } .breadcrumbs__item a { color: #fff; border-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } @media (min-width: 980px) { .breadcrumbs__item { color: #3c3c3c; opacity: 1; } .breadcrumbs__item:after { color: #555fa0; } .breadcrumbs__item a { color: #555fa0; border-color: rgba(85, 95, 160, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } } .cols { font-size: 0; } .cols .col { width: 100%; display: inline-block; vertical-align: top; padding-right: 30px; font-size: 13px; } @media (min-width: 980px) { .cols .col { font-size: 15px; } .cols.cols2 .col { width: 50%; } .cols.cols3 .col { width: 33.3%; } .cols.cols4 .col { width: 25%; } .cols.cols5 .col { width: 20%; } } .comparison { margin-top: 26px; } .comparison__line { font-size: 0; padding-bottom: 16px; } .comparison__line-title, .comparison__line-value { display: inline-block; vertical-align: top; font-size: 13px; width: 50%; } .comparison__line-title { padding-right: 5%; } .conditions { margin: 25px -20px 0; text-align: left; } .conditions__header { padding: 0 20px; } .conditions__line { padding: 14px 20px; } .conditions__line:nth-child(2n) { background-color: #f5f7fb; } .conditions__title, .conditions__descr { width: 100%; display: inline-block; vertical-align: top; } .conditions__title { margin-bottom: 5px; color: #969696; } .conditions__descr-img { padding-right: 30px; max-width: 49%; display: inline-block; vertical-align: top; } .conditions__descr-img img { width: 100%; } .conditions__descr-text { display: block; width: 100%; } .conditions__descr + .foldable { margin-top: 10px; } .index { color: #bb0032; font-size: 30px; line-height: 100%; } .index.index_large { font-size: 70px; line-height: 95%; font-family: 'LetoSans-Thin'; } .index.index_small { font-size: 22px; } .dark-bg .conditions, .transparent-bg .conditions { margin: 0; } .dark-bg .conditions__line, .transparent-bg .conditions__line { padding: 12px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .dark-bg .conditions__line:nth-child(2n), .transparent-bg .conditions__line:nth-child(2n) { background-color: transparent; } .dark-bg .conditions__line:last-child, .transparent-bg .conditions__line:last-child { border: none; } .dark-bg .conditions__title, .transparent-bg .conditions__title { color: #fff; opacity: 0.7; margin-bottom: 0; padding-top: 5px; } .dark-bg .conditions__descr, .transparent-bg .conditions__descr { font-size: 22px; line-height: 1.2; } @media (min-width: 980px) { .conditions { margin: 25px -40px 0; } .conditions__header { padding: 0 40px; } .conditions__header h2 { margin-left: 20%; } .conditions__line-wrapper { margin-left: 20%; } .conditions__line { padding: 22px 40px; } .conditions__title { width: 39%; padding-right: 3%; margin-bottom: 0; padding-top: 0; } .conditions__descr { width: 59%; } .conditions__descr-text { width: auto; max-width: 49%; display: inline-block; vertical-align: top; } .dark-bg .conditions, .transparent-bg .conditions { width: 400px; margin: 0 auto; } } @media (min-width: 1600px) { .conditions__line-wrapper { margin: 0 20%; max-width: 800px; } .conditions__line:after { content: ''; display: block; clear: both; } .conditions__title { margin-left: 0; width: 39%; } .conditions__descr { width: 59%; float: right; } } .contacts { text-align: left; font-size: 0; position: absolute; bottom: 0; left: 24px; right: 24px; } .contacts__col { display: inline-block; vertical-align: top; font-size: 15px; padding-right: 20px; margin: 0; min-width: 200px; } .contacts__col:last-child { padding-right: 0; margin-bottom: 0; } .contacts__col_networks { width: 155px; position: absolute; right: 0; top: 0; min-width: 0; } .contacts__col_networks .contacts__item { margin-bottom: 4px; } .contacts__col_networks .contacts__item .networks__item { margin-bottom: 9px; } .contacts__item { margin: 0 0 13px; line-height: 100%; } .contacts__item .note { margin-top: 4px; opacity: 0.5; } .contacts_home { left: 40px; padding-right: 155px; width: -webkit-calc((65%) - 64px); width: -moz-calc((65%) - 64px); width: calc((65%)- 64px); max-width: -webkit-calc((100%) - 240px - 68px); max-width: -moz-calc((100%) - 240px - 68px); max-width: calc((100%) - 240px - 68px); z-index: 3; padding-bottom: 5vh; } .currency-exchange { margin-top: 9px; } .currency-exchange__line { font-size: 0; margin-bottom: 6px; } .currency-exchange__line_header { margin-bottom: 0; } .currency-exchange__line_header .currency-exchange__item { font-size: 11px; color: #969696; padding-left: 55px; } .currency-exchange__line_header .currency-exchange__item:first-child { width: 60px; margin-right: 15px; } .currency-exchange__item { display: inline-block; vertical-align: top; width: 60px; margin-right: 15px; padding-right: 13px; font-size: 13px; position: relative; } .currency-exchange__item:first-child { width: 50px; margin-right: 5px; padding-right: 0; } .currency-exchange__item:after { content: ''; position: absolute; right: 4px; top: 50%; border-left: 4px solid transparent; border-right: 4px solid transparent; display: block; margin-top: -3px; } .currency-exchange__item.up:after { border-top: 5px solid #82BE28; } .currency-exchange__item.down:after { border-bottom: 5px solid #E65A14; } @media (min-width: 980px) { .currency-exchange__item { font-size: 15px; } } .ui-datepicker.ui-widget { font-family: 'LetoSans'; } .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default { font-size: 13px; background: none; border: none !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ui-datepicker .ui-widget-header { border: none; color: #fff; background-color: #bb0032; } .ui-datepicker .ui-datepicker-calendar tr:hover td { background-color: transparent; } .ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight { color: #bb0032; } .ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active { background-color: #bb0032; color: #fff; } .ui-datepicker td:hover .ui-state-hover { background-color: #f5f7fb !important; } .ui-datepicker td span, .ui-datepicker td a { text-align: center; } .ui-datepicker .ui-widget-header .ui-icon { background-image: none; } .ui-datepicker .ui-state-hover, .ui-datepicker .ui-widget-content .ui-state-hover, .ui-datepicker .ui-widget-header .ui-state-hover, .ui-datepicker .ui-state-focus, .ui-datepicker .ui-widget-content .ui-state-focus, .ui-datepicker .ui-widget-header .ui-state-focus { background-color: transparent; border: none; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { border: none; top: 4px; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { border: none; top: 4px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { margin-top: -5px; margin-left: -3px; } .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { font-size: 10px; color: #fff; display: block; position: absolute; top: 50%; margin: -5px 0 0 0; } .ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon { display: none; } .ui-datepicker .ui-datepicker-prev:before { content: "\e921"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; right: 5px; } .ui-datepicker .ui-datepicker-next:before { content: "\e920"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; left: 5px; } .ui-datepicker .ui-datepicker-prev-hover { left: 2px; } .ui-datepicker .ui-datepicker-next-hover { right: 2px; } .ui-datepicker .ui-datepicker-title .ui-datepicker-month { margin-right: 6px; } .ui-datepicker .ui-datepicker-title .ui-datepicker-month, .ui-datepicker .ui-datepicker-title .ui-datepicker-year { font-family: 'LetoSans'; height: 26px; border: none; } .foldable { padding: 0 0 10px; } .foldable:last-child { padding-bottom: 0; } .foldable.important { margin-bottom: 0; } .foldable__opener { position: relative; padding: 0 0 10px; text-align: left; } .foldable__opener span.pseudo { position: relative; margin-right: 20px; } .foldable__opener span.pseudo:after { content: ''; position: absolute; margin-left: 6px; display: inline-block; bottom: 6px; content: "\e916"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 5px; color: #545ea0; } .foldable__opener span.pseudo:hover:after { color: #ba0031; } .foldable__opener > input[type="checkbox"] + label { padding-left: 22px; } .foldable__content { display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .foldable.unfolded .foldable__opener span:after { content: "\e91e"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #545ea0; } .foldable.unfolded .foldable__opener span:hover:after { color: #ba0031; } .foldable.unfolded .foldable__content { opacity: 1; -webkit-transition: opacity 0.7s ease; -moz-transition: opacity 0.7s ease; -ms-transition: opacity 0.7s ease; -o-transition: opacity 0.7s ease; transition: opacity 0.7s ease; } .dark-bg .foldable__opener span:after, .transparent-bg .foldable__opener span:after { color: #fff; } .dark-bg .foldable__opener span:hover:after, .transparent-bg .foldable__opener span:hover:after { color: #e8bf16; } .dark-bg .foldable.unfolded .foldable__opener span:after, .transparent-bg .foldable.unfolded .foldable__opener span:after { color: #fff; } .dark-bg .foldable.unfolded .foldable__opener span:hover:after, .transparent-bg .foldable.unfolded .foldable__opener span:hover:after { color: #e8bf16; } .footer { background-color: #fff; height: 156px; padding: 0 20px; margin: 0; color: #969696; z-index: 1; position: relative; font-size: 11px; line-height: 160%; } .footer .reduced-width { position: relative; padding-top: 23px; line-height: 1.4; font-size: calc(0.5rem + 0.5564516129032256vw - 5.453225806451611px); } @media (min-width: 1600px) { .footer .reduced-width { font-size: .73rem; } } @media (max-width: 980px) { .footer .reduced-width { font-size: .50rem; } } .footer .reduced-width:before { content: ''; border-top: 1px solid #dadacd; position: absolute; left: 0; right: 0; top: 0; } .footer a { color: #969696; border-color: rgba(150, 150, 150, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .footer.transparent-bg { color: #fff; background: none; } .footer.transparent-bg .reduced-width { opacity: 0.5; } .footer.transparent-bg .reduced-width:before { opacity: 0.2; } .page_home .footer { /*height: 256px;*/ } @media (min-width: 980px) { .footer { padding: 0 40px; } .footer.transparent-bg { background: rgba(0, 0, 0, 0.5); } .footer.transparent-bg .reduced-width { opacity: 0.5; } .footer.transparent-bg .reduced-width:before { opacity: 0.2; } .footer .reduced-width { padding-top: 23px; } .footer .reduced-width:before { left: -20px; right: -20px; } } sup.footnote { font-size: 10px; } .footnotes { margin: 19px 0 20px; padding: 10px 0 0; border-top: 1px solid #e4e5e8; } .footnotes__item { font-size: 11px; line-height: 140%; color: #969696; } .dark-bg .footnotes, .transparent-bg .footnotes { opacity: 0.5; border-color: #fff; } .dark-bg .footnotes__item, .transparent-bg .footnotes__item { color: #fff; font-size: 13px; line-height: 160%; } .buttons + .footnotes, .btn + .footnotes { margin-top: 30px; } @media (min-width: 980px) { .footnotes__item { font-size: 13px; line-height: 160%; } .dark-bg .footnotes__item, .transparent-bg .footnotes__item { font-size: 15px; } } .header { width: 100%; z-index: 21; position: absolute; top: 0; left: 0; } .header__logo { position: relative; padding: 23px 0 0 31px; left: 0; top: 0; overflow: hidden; } .header__logo-red, .header__logo-black { display: none; } .header__nav { padding: 20px; width: 100%; min-height: 48px; } @media (min-width: 980px) { .header { position: fixed; } .header:after { content: ''; display: block; clear: both; } .header__logo { position: absolute; } .header__nav { position: relative; padding: 20px 40px; float: right; width: 25vw; min-width: 340px; background: rgba(255, 255, 255, 0.8); -webkit-transition: padding 0.2s ease, background-color 0.4s ease; -moz-transition: padding 0.2s ease, background-color 0.4s ease; -ms-transition: padding 0.2s ease, background-color 0.4s ease; -o-transition: padding 0.2s ease, background-color 0.4s ease; transition: padding 0.2s ease, background-color 0.4s ease; } .header__nav-inner { position: relative; } .header__nav .logo-text { position: absolute; left: -24px; opacity: 1; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .header__nav .logo-text a { display: block; padding-left: 64px; } .header__nav.dark { background-color: rgba(0, 0, 0, 0.85); color: #fff; border: none !important; } .header__nav.dark .breadcrumbs a { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .header__nav.dark .breadcrumbs a:visited { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .header__nav.dark .breadcrumbs a:hover { color: #e8bf16; border-color: rgba(232, 191, 22, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .header__nav.dark .sitemap-nav__toggler .sitemap-nav__opener span, .header__nav.dark .sitemap-nav__toggler .sitemap-nav__opener:before, .header__nav.dark .sitemap-nav__toggler .sitemap-nav__opener:after { background-color: rgba(255, 255, 255, 0.5); } .header.fixed .header__nav { padding-top: 13px; padding-bottom: 13px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .header.fixed .header__nav .sitemap-nav { top: 23px; position: relative; } .header.fixed .header__nav .logo-text { opacity: 0; } .no-side-panel .header.fixed .header__nav-inner { margin-left: 0 !important; } .level_1 .header__nav { width: 75%; } .level_2 .header__nav { width: 50%; } .level_3 .header__nav { width: calc((100%) - 105px); } .level_branches .header__nav { width: 50%; } } @media (min-width: 980px) { .level_3 .header__nav-inner { margin-left: 20%; -webkit-transition: margin-left 0.6s ease; -moz-transition: margin-left 0.6s ease; -ms-transition: margin-left 0.6s ease; -o-transition: margin-left 0.6s ease; transition: margin-left 0.6s ease; } } .income-container { margin: 20px 0 0; border-top: 1px solid #dadacd; padding: 20px 0 0; } .income-container .form { margin-top: 20px; } .income-container .income { font-size: 0; } .income-container .income__sum, .income-container .income__note { display: inline-block; vertical-align: top; font-size: 15px; } .income-container .income__sum .sum { font-size: 60px; line-height: 80%; } .income-container .income__sum .note { color: #3c3c3c; } .income-container .income__note { position: relative; margin-top: 15px; margin-left: -15px; padding: 15px; max-width: 500px; min-width: 300px; border: 1px solid #dadacd; font-size: 13px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .map-container { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; display: none; } .map-container.desktop-view { visibility: hidden; } .map-container .map { width: 100%; height: 100%; background: #532444 !important; } .gm-style img { max-height: none !important; } .metro-map-container { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; display: none; background-color: #532444; } .metro-map-container .metro-map { width: 100%; height: 100%; text-align: center; position: relative; -webkit-overflow-scrolling: touch; } .metro-map-container .metro-map .mCSB_container_wrapper { margin-right: 10px; margin-bottom: 10px; } .metro-map-container .metro-map__inner { position: relative; width: 100%; height: 100%; } .metro-map-container .metro-map__content { width: 1495px; height: 1825px; margin-top: 100px; position: relative; } .metro-map-container .metro-map__content > img { display: inline-block; } .metro-map-container .metro-map__content a { position: absolute; border: none; background: url("../../../Content/i/global/metro-map-stations.png") 0 0 no-repeat; } .mark-info a, .mark-info a:visited, .mark-info .pseudo { color: #555fa0; border-color: rgba(85, 95, 160, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .mark-info a:hover, .mark-info a:visited:hover, .mark-info .pseudo:hover { color: #555fa0; border-color: rgba(85, 95, 160, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .mark-info a:hover:visited, .mark-info a:visited:hover:visited, .mark-info .pseudo:hover:visited { color: #953463; border-color: rgba(149, 52, 99, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .mark-info a:hover:hover, .mark-info a:visited:hover:hover, .mark-info .pseudo:hover:hover { color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .mark-info__schedule-item p { margin-bottom: 0; line-height: 140%; } @media (min-width: 980px) { .map-container.desktop-view { visibility: visible; } .metro-map-container .metro-map { width: 50%; } .mark-info { padding: 5px 0 5px 5px; max-width: 400px; color: #3c3c3c; font: 13px/140% 'LetoSans', Arial, sans-serif; font-weight: normal; } .mark-info__title { font-size: 15px; margin-bottom: 6px; } .mark-info__address { margin-bottom: 4px; } .mark-info__metro { margin-bottom: 10px; } .mark-info__schedule { font-size: 0; } .mark-info__schedule-item { width: 50%; padding-right: 3%; display: inline-block; vertical-align: top; font-size: 11px; } .mark-info__schedule-item:last-child { padding-right: 0; } .mark-info__schedule-item p { margin: 0; color: #646464; line-height: 140%; } .mark-info__schedule-item p:first-child { color: #969696; } .mark-info__schedule-item_once { width: 100%; } .mark-info__schedule-item_once p { color: #646464 !important; } } ul.nav { position: relative; margin: 0 -20px; } ul.nav:before { content: ''; position: absolute; right: 0; left: -20px; } ul.nav li { font-size: 13px; } ul.nav li:first-child { border-top: none; } ul.nav li:before { display: none; } ul.nav li > a, ul.nav li > span { border: none; display: block; padding: 13px 20px; cursor: pointer; } ul.nav li .subnav { margin-top: 0; margin-bottom: 0; position: relative; } ul.nav li .subnav:before { content: ''; border-top: 1px solid rgba(0, 0, 0, 0.05); position: absolute; top: 0; left: -20px; right: 0; } ul.nav li .subnav li { border-top: 1px solid rgba(0, 0, 0, 0.05); margin: 0; } ul.nav li .subnav li:last-child { padding-bottom: 0; } ul.nav li.selected { color: #bb0032; } ul.nav li.selected > a { color: #bb0032 !important; cursor: default; } ul.nav li.selected > span { cursor: default; } ul.nav > li { border-top: 1px solid rgba(0, 0, 0, 0.05); margin: 0; } ul.nav > li.active:after { content: ''; width: 10px; background-color: #bb0032; position: absolute; top: 0; left: 0; bottom: 0; } ul.nav > li.active > a { color: #3c3c3c; border-color: rgba(60, 60, 60, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } ul.nav > li.active > a:visited { color: #3c3c3c; border-color: rgba(60, 60, 60, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } ul.nav > li.active > a:hover { color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } ul.nav > li.active > a a { color: #3c3c3c; border-color: rgba(60, 60, 60, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } ul.nav > li.active > a a:visited { color: #3c3c3c; border-color: rgba(60, 60, 60, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } ul.nav > li.active > a a:hover { color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } ul.nav > li.selected:after { content: ''; width: 10px; background-color: #bb0032; position: absolute; top: 0; left: 0; bottom: 0; } .nav-foldable { margin: 0 -20px 20px; padding: 0 20px; background: #fff; overflow: hidden; } .nav-foldable__opener { padding: 13px 40px 13px 20px; margin: 0 -20px; cursor: pointer; position: relative; white-space: nowrap; overflow: hidden; height: 45px; text-overflow: ellipsis; } .nav-foldable__opener:before { content: ''; position: absolute; right: 20px; top: 50%; margin-top: -3px; content: "\e91f"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #bf1441; font-size: 7px; } .nav-foldable.expanded .nav-foldable__opener { border-bottom: 1px solid #e6e6e6; } .nav-foldable.expanded .nav-foldable__opener:before { content: "\e912"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #bf1441; font-size: 6px; } .nav-foldable__list { display: none; } .nav-foldable__list:before { display: none; } @media (min-width: 980px) { ul.nav { background: none; margin: 0 -40px; padding: 0 40px; } ul.nav:before { left: -40px; } ul.nav > li { background: none; padding: 0; margin-bottom: 6px; border: none; } ul.nav > li.active:after { left: -40px; } ul.nav > li.selected:after { left: -40px; } ul.nav li { font-size: 15px; } ul.nav li > a { padding: 0; border-bottom: 1px solid; display: inline; color: #555fa0; border-color: rgba(85, 95, 160, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } ul.nav li > span { padding: 0; } ul.nav li .subnav { margin-top: 8px; margin-bottom: 15px; } ul.nav li .subnav:before { display: none; } ul.nav li .subnav li { background: none; padding: 0; margin-bottom: 6px; border: none; } ul.nav li .subnav > a { padding: 0; border-bottom: 1px solid; display: inline; color: #555fa0; border-color: rgba(85, 95, 160, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } ul.nav li.selected { padding: 0; } ul.nav.nav_bottom { font-size: 0; padding-top: 40px; } ul.nav.nav_bottom li { border: none; font-size: 18px; display: inline-block; vertical-align: top; padding: 0 8% 0 0; line-height: 140%; margin-bottom: 10px; } ul.nav.nav_bottom li:last-child { padding-right: 0; } ul.nav.nav_bottom li a { padding: 0; display: inline; border-bottom: 1px solid; color: #3c3c3c; border-color: rgba(60, 60, 60, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } ul.nav.nav_bottom li a:hover { color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .nav-foldable { margin: 0 -40px 20px; padding: 0 40px; background-color: transparent; } } .networks { font-size: 0; } .networks__item { position: relative; font-size: 15px; display: inline-block; vertical-align: top; margin-right: 10px; width: 30px; height: 30px; -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } .sitemap-nav__section .networks__item { margin-bottom: 9px; } .networks__item:hover:before { opacity: 0; } .networks__item:hover:after { opacity: 1; } .networks__item:last-child { margin-right: 0; } .networks__item .icon-fb:before, .networks__item .icon-tw:before, .networks__item .icon-inst:before, .networks__item .icon-telegram:before, .networks__item .icon-viber:before { color: #646464; -webkit-transition: color 0.4s ease; -moz-transition: color 0.4s ease; -ms-transition: color 0.4s ease; -o-transition: color 0.4s ease; transition: color 0.4s ease; } .networks__item .icon-fb:hover:before, .networks__item .icon-tw:hover:before, .networks__item .icon-inst:hover:before, .networks__item .icon-telegram:hover:before, .networks__item .icon-viber:hover:before, .networks__item .icon-telegram:hover:before, .networks__item .icon-viber:hover:before { color: #c62d57; } .transparent-bg .networks .networks__item .icon-fb:before, .transparent-bg .networks .networks__item .icon-tw:before, .transparent-bg .networks .networks__item .icon-inst:before, .transparent-bg .networks .networks__item .icon-telegram:before, .transparent-bg .networks .networks__item .icon-viber:before { color: #fff; } .transparent-bg .networks .networks__item .icon-fb:hover:before, .transparent-bg .networks .networks__item .icon-tw:hover:before, .transparent-bg .networks .networks__item .icon-inst:hover:before, .transparent-bg .networks .networks__item .icon-telegram:hover:before, .transparent-bg .networks .networks__item .icon-viber:hover:before { color: #e8bf16; } .news-list { max-width: 450px; margin-top: 16px; } .news-list__item { font-size: 13px; margin-bottom: 15px; } .news-list__item-title { margin-bottom: 6px; } .news-list__item-date { color: #969696; } .product-info { height: 100%; position: relative; font-size: 0; } .product-info:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .product-info__content { display: inline-block; vertical-align: middle; font-size: 15px; width: 100%; } .product-info__general { width: 100%; overflow: hidden; } .product-info__general p { overflow: hidden; } .product-info__general p > span { display: block; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); -webkit-animation: slideUp 1s cubic-bezier(0.86, 0, 0.07, 1) 0.7s forwards; -moz-animation: slideUp 1s cubic-bezier(0.86, 0, 0.07, 1) 0.7s forwards; animation: slideUp 1s cubic-bezier(0.86, 0, 0.07, 1) 0.7s forwards; } .mobile .product-info__general { display: none !important; } .product-info__conditions { width: 100%; font-size: 0; } .product-info__conditions:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; } .mobile .product-info__conditions { display: none !important; } .product-info__conditions-main { font-size: 15px; overflow: hidden; display: inline-block; vertical-align: middle; width: 100%; } .product-info__conditions-main .conditions__line { border: none; position: relative; } .product-info__conditions-main .conditions__line:before { content: ''; left: 0; bottom: 0; right: 100%; position: absolute; border-bottom: 1px solid rgba(255, 255, 255, 0.15); -webkit-transition: right 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: right 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); -ms-transition: right 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: right 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: right 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .product-info__conditions-main .conditions__line.showed:before { right: 0; } .product-info__conditions-main .conditions__line.showed .conditions__content-inner { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .product-info__conditions-main .conditions__line.changed .conditions__content .conditions__descr { -webkit-animation: numbersChange cubic-bezier(0.86, 0, 0.07, 1) 1s; -moz-animation: numbersChange cubic-bezier(0.86, 0, 0.07, 1) 1s; animation: numbersChange cubic-bezier(0.86, 0, 0.07, 1) 1s; } .product-info__conditions-main .conditions__content { overflow: hidden; } .product-info__conditions-main .conditions__content-inner { -webkit-transform: translateY(120%); -moz-transform: translateY(120%); transform: translateY(120%); -webkit-transition: transform 0.9s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: transform 0.9s cubic-bezier(0.86, 0, 0.07, 1); -ms-transition: transform 0.9s cubic-bezier(0.86, 0, 0.07, 1); -o-transition: transform 0.9s cubic-bezier(0.86, 0, 0.07, 1); transition: transform 0.9s cubic-bezier(0.86, 0, 0.07, 1); } .product-info__conditions-main .conditions__title { padding-top: 0; width: 42%; } .product-info__conditions-main .conditions__descr { width: 45%; font-size: calc( 1.2rem + 0.6290322580645159vw - 6.164516129032256px); } @media (min-width: 1600px) { .product-info__conditions-main .conditions__descr { font-size: 1.46rem; } } @media (max-width: 980px) { .product-info__conditions-main .conditions__descr { font-size: 1.2rem; } } .product-info__payments-schedule { font-size: 15px; text-align: left; height: 100%; vertical-align: middle; width: 100%; top: 100%; left: 0; position: absolute; display: none; -webkit-transition: top 0.5s ease; -moz-transition: top 0.5s ease; -ms-transition: top 0.5s ease; -o-transition: top 0.5s ease; transition: top 0.5s ease; } .mobile .product-info__payments-schedule { display: none !important; } .product-info__payments-schedule .foldable__opener { width: 400px; margin: 0 auto; transition: width .3s ease; } .product-info__payments-schedule .unfolded .foldable__opener { width: 100%; } .product-info__payments-schedule.slided { top: 0; -webkit-transition: top 0.5s ease; -moz-transition: top 0.5s ease; -ms-transition: top 0.5s ease; -o-transition: top 0.5s ease; transition: top 0.5s ease; } .product-info__payments-schedule .foldable_payments-schedule { height: 100%; } .product-info__payments-schedule .foldable_payments-schedule .foldable__content { height: 100%; overflow: hidden; } .product-info__payments-schedule .foldable_payments-schedule .foldable__content .mCSB_inside > .mCSB_container { margin-right: 0 !important; padding-right: 30px; } .product-info__payments-schedule { font-size: calc( 0.85rem + 0.3629032258064516vw - 3.556451612903226px); } @media (min-width: 1600px) { .product-info__payments-schedule { font-size: 1rem; } } @media (max-width: 980px) { .product-info__payments-schedule { font-size: .85rem; } } .with-video .product-info__general p > span { animation-delay: 5.7s; } .products-list { padding-bottom: 20px; margin-top: 20px; } .products-list__item { position: relative; display: block; padding: 20px 20px 30px; margin: 0 -20px; overflow: hidden; color: #646464; border-color: rgba(100, 100, 100, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .products-list__item:visited { color: #646464; border-color: rgba(100, 100, 100, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .products-list__item:hover { color: #646464; border-color: rgba(100, 100, 100, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .products-list__item:nth-child(2n+1) { background-color: #f5f7fb; } .products-list__item:before { content: ''; width: 0; background-color: #bb0032; position: absolute; left: 0; top: 0; bottom: 0; -webkit-transition: width 0.2s linear; -moz-transition: width 0.2s linear; -ms-transition: width 0.2s linear; -o-transition: width 0.2s linear; transition: width 0.2s linear; } .products-list__item.selected:before, .products-list__item:hover:before { width: 8px; } .products-list__item-main-content { position: relative; } .products-list__item-main-content h2, .products-list__item-main-content h3 { font-family: 'LetoSans-Bold'; font-size: 15px; } .products-list__item-main-content h2 span, .products-list__item-main-content h3 span { border-bottom: 1px solid; color: #3c3c3c; border-color: rgba(60, 60, 60, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .products-list__item-main-content h2 span:hover, .products-list__item-main-content h3 span:hover { color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .products-list__item-main-content h2 { margin-bottom: 20px; } .products-list__item-main-content h3 { margin-bottom: 7px; } .products-list__item-main-content ul.no-marker li { margin-bottom: 5px; } .products-list__item-col_main h2, .products-list__item-col_main h3 { font-family: 'LetoSans-Bold'; font-size: 15px; } .products-list__item-col_main h2 span, .products-list__item-col_main h3 span { border-bottom: 1px solid; color: #3c3c3c; border-color: rgba(60, 60, 60, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .products-list__item-col_main h2 span:hover, .products-list__item-col_main h3 span:hover { color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .products-list__item-col_main h2 { margin-bottom: 13px; } .products-list__item-col_main h3 { margin-bottom: 13px; } .products-list__item-col_main ul.no-marker { margin-bottom: 0; } .products-list__item-col_main ul.no-marker li { margin-bottom: 5px; } .products-list__item-col_extra { float: right; color: #bb0032; text-align: right; max-width: 47%; position: relative; } .products-list__item-col_extra:before { position: absolute; right: 30px; top: 12px; display: none; content: "\e924"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 35px; color: #c4c4c4; -webkit-transition: right 0.3s ease; -moz-transition: right 0.3s ease; -ms-transition: right 0.3s ease; -o-transition: right 0.3s ease; transition: right 0.3s ease; } .products-list__item-col_extra img { max-width: 100%; } .products-list__item-col_extra .percents { font-size: 28px; line-height: 90%; } .products-list__item-col_extra .sum { font-size: 13px; } .products-list__item-col_extra ul.no-marker { margin-bottom: 0; } .products-list__item-col_extra ul.no-marker li { margin-bottom: 0; } .products-list__item:hover .products-list__item-col_extra:before { right: 20px; } .products-list__item:hover .products-list__item-main-content:before { right: 20px; } @media (min-width: 980px) { .products-list { margin-top: 15px; } .products-list:first-child { margin-top: 0; } .products-list__item { padding-left: 40px; padding-right: 0; margin: 0 -40px; } .products-list__item-main-content { padding-right: 60px; } .products-list__item-main-content:before { position: absolute; right: 30px; top: 12px; content: "\e924"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 35px; color: #c4c4c4; -webkit-transition: right 0.3s ease; -moz-transition: right 0.3s ease; -ms-transition: right 0.3s ease; -o-transition: right 0.3s ease; transition: right 0.3s ease; } .products-list__item-main-content h2, .products-list__item-main-content h3 { font-family: 'LetoSans'; } .products-list__item-main-content h2 { font-size: 2.2em; } .products-list__item-main-content h3 { font-size: 1.6em; } .products-list__item-col_main { width: 49%; } .products-list__item-col_main h2, .products-list__item-col_main h3 { font-family: 'LetoSans'; } .products-list__item-col_main h2 { font-size: 2.2em; margin-bottom: 20px; } .products-list__item-col_main h3 { font-size: 1.6em; } .products-list__item-col_extra { text-align: left; max-width: 100%; width: 51%; padding-right: 60px; padding-left: 40px; padding-top: 6px; } .products-list__item-col_extra:before { display: block; } .products-list__item-col_extra .percents { margin-bottom: 7px; } .products-list__item-col_extra .sum { font-size: 28px; } .products-list__item-col_extra ul.no-marker { color: #bb0032; } .products-list__item-col_extra ul.no-marker li { margin-bottom: 0; } .products-list_credits .products-list__item-col_extra .percents { font-size: 100px; font-family: 'LetoSans-Thin'; } } @media (min-width: 1600px) { .products-list__item { padding-right: 40px; } } .selector { max-width: 410px; position: relative; z-index: 1; } .selector:before { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: 0; border: 2px solid #bb0032; border-bottom: none; opacity: 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .selector__opener { border: 1px solid #e6e6e6; height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; padding: 14px 40px 15px 15px; background-color: #fff; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .selector__opener:after { content: ''; position: absolute; top: 50%; right: 25px; margin-top: -2px; content: "\e916"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; font-size: 5px; } .disabled .selector__opener { cursor: default; color: #969696; background-color: rgba(0, 0, 0, 0.05); } .dark-bg .disabled .selector__opener, .transparent-bg .disabled .selector__opener { color: rgba(255, 255, 255, 0.5); border-color: transparent; background-color: rgba(255, 255, 255, 0.5); } .dark-bg .disabled .selector__opener:after, .transparent-bg .disabled .selector__opener:after { color: #fff; } .dark-bg .selector__opener, .transparent-bg .selector__opener { color: #3c3c3c; } .selector__list { position: absolute; top: 100%; left: 0; right: 0; display: none; background-color: #fff; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } .selector__list:before { content: ''; position: absolute; top: 0; left: -2px; right: -2px; bottom: -2px; border: 2px solid #bb0032; border-top: none; z-index: -1; opacity: 0; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .selector__list-option { cursor: pointer; padding: 14px 15px 15px; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .selector__list-option:last-child { -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } .selector__list-option:hover { background-color: #f5f7fb; } .selector__list-option.selected { color: #bb0032; } .dark-bg .selector__list-option, .transparent-bg .selector__list-option { color: #3c3c3c; } .dark-bg .selector__list-option.selected, .transparent-bg .selector__list-option.selected { color: #bb0032; } .selector.expanded { z-index: 2; } .selector.expanded:before { opacity: 1; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .selector.expanded .selector__opener { color: #bb0032; background-color: #fff; border-color: #fff; border-bottom-color: #e6e6e6; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } .selector.expanded .selector__opener:after { content: "\e91e"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ba0031; } .selector.expanded .selector__list:before { opacity: 1; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } @media (min-width: 980px) { .side-panel { position: relative; z-index: 1; background: none; float: left; width: 20%; max-width: 325px; } .side-panel ul.nav li { font-size: 13px; } .side-panel .nav-foldable { margin-right: 0; } .side-panel .side-panel__nav { display: block !important; } } .sitemap-nav { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; } .sitemap-nav:after { content: ''; position: fixed; top: 0; left: 0; width: 0; height: 0; z-index: -1; background-color: transparent; pointer-events: none; -webkit-transition: background-color 1s ease, width 0s ease 1s, height 0s ease 1s; -moz-transition: background-color 1s ease, width 0s ease 1s, height 0s ease 1s; -ms-transition: background-color 1s ease, width 0s ease 1s, height 0s ease 1s; -o-transition: background-color 1s ease, width 0s ease 1s, height 0s ease 1s; transition: background-color 1s ease, width 0s ease 1s, height 0s ease 1s; } .sitemap-nav__toggler { position: absolute; right: 0; top: -7px; z-index: 1; width: 23px; height: 18px; display: block; overflow: hidden; } @media (max-width: 979px) { .sitemap-nav__toggler { position: absolute; right: 23px; top: 23px; z-index: 1; width: 23px; height: 18px; display: block; overflow: hidden; } .opened .sitemap-nav__menu { margin-top: 40px; } .opened .nav-foldable__opener:before { right: 12px; } } .sitemap-nav__toggler .sitemap-nav__opener, .sitemap-nav__toggler .sitemap-nav__closer { width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; display: block; } .sitemap-nav__toggler .sitemap-nav__opener { opacity: 1; -webkit-transition: opacity 0.2s ease 0.2s; -moz-transition: opacity 0.2s ease 0.2s; -ms-transition: opacity 0.2s ease 0.2s; -o-transition: opacity 0.2s ease 0.2s; transition: opacity 0.2s ease 0.2s; } .sitemap-nav__toggler .sitemap-nav__opener span { position: absolute; left: 0; top: 50%; margin-top: -1px; right: 0; height: 2px; background-color: #fff; -webkit-transition: left 0.2s ease; -moz-transition: left 0.2s ease; -ms-transition: left 0.2s ease; -o-transition: left 0.2s ease; transition: left 0.2s ease; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .sitemap-nav__toggler .sitemap-nav__opener:before, .sitemap-nav__toggler .sitemap-nav__opener:after { content: ''; position: absolute; background-color: #fff; right: 0; left: 0; height: 2px; -webkit-transition: right 0.2s ease; -moz-transition: right 0.2s ease; -ms-transition: right 0.2s ease; -o-transition: right 0.2s ease; transition: right 0.2s ease; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .sitemap-nav__toggler .sitemap-nav__opener:before { top: 0; } .sitemap-nav__toggler .sitemap-nav__opener:after { bottom: 0; } .sitemap-nav__toggler .sitemap-nav__closer { opacity: 0; -webkit-transition: opacity 0.2s ease 0.2s; -moz-transition: opacity 0.2s ease 0.2s; -ms-transition: opacity 0.2s ease 0.2s; -o-transition: opacity 0.2s ease 0.2s; transition: opacity 0.2s ease 0.2s; } .sitemap-nav__toggler .sitemap-nav__closer:before, .sitemap-nav__toggler .sitemap-nav__closer:after { content: ''; position: absolute; background-color: #bb0032; right: 0; left: 0; width: 100%; height: 2px; top: 0; -webkit-transition: left 0.2s ease, top 0.2s ease; -moz-transition: left 0.2s ease, top 0.2s ease; -ms-transition: left 0.2s ease, top 0.2s ease; -o-transition: left 0.2s ease, top 0.2s ease; transition: left 0.2s ease, top 0.2s ease; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .sitemap-nav__toggler .sitemap-nav__closer:before { left: -22px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; transform-origin: bottom right; } .sitemap-nav__toggler .sitemap-nav__closer:after { left: 22px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; transform-origin: bottom left; } .sitemap-nav__container { display: block; position: fixed; overflow: auto; top: 0; right: -100vw; bottom: 0; width: 100%; background-color: #fff; padding: 20px; -webkit-transition: right 1.2s cubic-bezier(0.47, 0.005, 0, 1); -moz-transition: right 1.2s cubic-bezier(0.47, 0.005, 0, 1); -ms-transition: right 1.2s cubic-bezier(0.47, 0.005, 0, 1); -o-transition: right 1.2s cubic-bezier(0.47, 0.005, 0, 1); transition: right 1.2s cubic-bezier(0.47, 0.005, 0, 1); } .sitemap-nav__inner { position: relative; right: 100vw; -webkit-transition: right 1.2s cubic-bezier(0.47, 0.005, 0, 1); -moz-transition: right 1.2s cubic-bezier(0.47, 0.005, 0, 1); -ms-transition: right 1.2s cubic-bezier(0.47, 0.005, 0, 1); -o-transition: right 1.2s cubic-bezier(0.47, 0.005, 0, 1); transition: right 1.2s cubic-bezier(0.47, 0.005, 0, 1); } .sitemap-nav.opened { width: 100%; } .sitemap-nav.opened:after { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); pointer-events: auto; -webkit-transition: background-color 1s ease, width 0s ease 0s, height 0s ease 0s; -moz-transition: background-color 1s ease, width 0s ease 0s, height 0s ease 0s; -ms-transition: background-color 1s ease, width 0s ease 0s, height 0s ease 0s; -o-transition: background-color 1s ease, width 0s ease 0s, height 0s ease 0s; transition: background-color 1s ease, width 0s ease 0s, height 0s ease 0s; } .sitemap-nav.opened .sitemap-nav__toggler .sitemap-nav__opener { opacity: 0; } .sitemap-nav.opened .sitemap-nav__toggler .sitemap-nav__opener span { left: 100%; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .sitemap-nav.opened .sitemap-nav__toggler .sitemap-nav__opener:before, .sitemap-nav.opened .sitemap-nav__toggler .sitemap-nav__opener:after { right: 100%; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .sitemap-nav.opened .sitemap-nav__toggler .sitemap-nav__closer { opacity: 1; } .sitemap-nav.opened .sitemap-nav__toggler .sitemap-nav__closer:before, .sitemap-nav.opened .sitemap-nav__toggler .sitemap-nav__closer:after { top: 16px; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .sitemap-nav.opened .sitemap-nav__toggler .sitemap-nav__closer:before { left: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; transform-origin: bottom right; } .sitemap-nav.opened .sitemap-nav__toggler .sitemap-nav__closer:after { left: 4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; transform-origin: bottom left; } .sitemap-nav.opened .sitemap-nav__container { right: 0; } .sitemap-nav.opened .sitemap-nav__inner { right: 0; } .sitemap-nav__top { margin-bottom: 50px; } .sitemap-nav__top:after { content: ''; clear: both; display: block; } .sitemap-nav__menu { position: relative; margin-top: 20px; } .sitemap-nav__menu:before, .sitemap-nav__menu:after { content: ''; position: absolute; left: -20px; right: -20px; border-top: 1px solid #e6e6e6; z-index: 1; } .sitemap-nav__menu:before { top: 0; } .sitemap-nav__menu:after { bottom: 0; } .sitemap-nav__content { -webkit-columns: 300px 5; -moz-columns: 300px 5; columns: 300px 5; } .sitemap-nav__content .sitemap-nav__section { overflow: hidden; display: inline-block; min-width: 300px; vertical-align: top; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -moz-page-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; } .sitemap-nav__section { padding-bottom: 50px !important; } .sitemap-nav__section h3 { margin-bottom: 10px; } .sitemap-nav__section h4 { margin-bottom: 8px; font-size: 18px; } .sitemap-nav__section h4 a { color: #3c3c3c; border-color: rgba(60, 60, 60, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .sitemap-nav__section h4 a:visited { color: #3c3c3c; border-color: rgba(60, 60, 60, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .sitemap-nav__section h4 a:hover { color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .sitemap-nav__section h4 a a { color: #3c3c3c; border-color: rgba(60, 60, 60, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .sitemap-nav__section h4 a a:visited { color: #3c3c3c; border-color: rgba(60, 60, 60, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .sitemap-nav__section h4 a a:hover { color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .sitemap-nav__section ul li { margin-bottom: 9px; font-size: 13px; } .sitemap-nav__section ul li a { color: #646464; border-color: rgba(100, 100, 100, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .sitemap-nav__section ul li a:visited { color: #646464; border-color: rgba(100, 100, 100, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .sitemap-nav__section ul li a:hover { color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .sitemap-nav__section.mobile-view .phone { font-size: 18px; margin-bottom: 8px; } @media (min-width: 980px) { .sitemap-nav { top: 30px; right: 40px; left: auto; } .header__nav-inner .sitemap-nav { top: 10px !important; right: 0; } .sitemap-nav__toggler .sitemap-nav__opener span { background-color: #bb0032; } .sitemap-nav__toggler .sitemap-nav__opener:before, .sitemap-nav__toggler .sitemap-nav__opener:after { background-color: #bb0032; } .sitemap-nav__container { width: 70%; padding: 30px 70px; } .sitemap-nav__container:after { content: ''; clear: both; display: block; } .sitemap-nav__top { margin-bottom: 50px; } .sitemap-nav__top .tabs__openers { float: left; } .sitemap-nav__top:after { content: ''; clear: both; display: block; } .sitemap-nav .tabs__contents { margin-right: -100%; float: left; max-width: calc((100%) - 300px); } .sitemap-nav__search { display: inline-block; width: 31%; padding-left: 30px; } .sitemap-nav__extra { width: 250px; float: right; } .sitemap-nav__extra .sitemap-nav__section { padding-right: 0; } .sitemap-nav__section { padding: 0 50px 0 0; } } @media (min-width: 980px) and (max-width: 1245px) { .sitemap-nav__search { padding-left: 0; margin-bottom: 20px; width: 100%; } } .slider-container { position: relative; z-index: 0; display: inline-block; width: 100%; } .slider-container .slider { width: 100%; position: relative; display: inline-block; padding: 32px 0 17px 0; } .slider-container .slider__control { width: 100%; display: inline-block; vertical-align: middle; } .slider-container .slider__control.ui-slider .ui-slider-handle { border: none; position: absolute; z-index: 2; width: 25px; height: 25px; cursor: pointer; outline: none; -ms-touch-action: none; touch-action: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.5); -ms-touch-action: none; touch-action: none; } .slider-container .slider__control.ui-slider-horizontal { height: 6px; } .slider-container .slider__control.ui-slider-horizontal .ui-slider-handle { background: #fff; top: -10px; margin-left: -13px; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; transform: scale(1) !important; } .slider-container .slider__control.ui-slider-horizontal .ui-slider-handle:not(.ui-state-active) { -webkit-transition: left 0.3s ease, transform 0.3s ease-out; -moz-transition: left 0.3s ease, transform 0.3s ease-out; -ms-transition: left 0.3s ease, transform 0.3s ease-out; -o-transition: left 0.3s ease, transform 0.3s ease-out; transition: left 0.3s ease, transform 0.3s ease-out; } .slider-container .slider__control.ui-slider-horizontal .ui-slider-handle.ui-state-hover { -webkit-transition: transform 0.3s ease-out; -moz-transition: transform 0.3s ease-out; -ms-transition: transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; -webkit-transform: scale(1.3) !important; -moz-transform: scale(1.3) !important; transform: scale(1.3) !important; } .slider-container .slider__control.ui-widget { font-size: 0.5em; } .slider-container .slider__control.ui-widget-content { border: none; background: #e6e6e6; } .slider-container .slider__control .ui-slider-range { background: #bb0032; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -ms-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; } .slider-container .slider__control .ui-state-default, .slider-container .slider__control .ui-widget-content .ui-state-default, .slider-container .slider__control .ui-widget-header .ui-state-default { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .slider-container .slider__val { font-size: 11px; color: #969696; position: absolute; bottom: 0; } .slider-container .slider__val_min { left: 0; } .slider-container .slider__val_max { right: 0; } .slider-container .slider__chosen-value { position: absolute; right: 0; top: 0; display: inline-block; vertical-align: middle; font-size: 22px; text-align: right; width: 57%; padding-left: 20px; } .slider-container .slider__chosen-value input.sum-input { width: 80%; padding: 0 !important; text-align: right; max-width: 160px; border: none; display: none; background: none; margin-top: -9px; } .slider-container .slider__chosen-value input.sum-input:focus { border: none; padding-left: 10px; } .slider-container .slider__chosen-value span { display: inline-block; } .slider-container .slider__chosen-value.editable input.sum-input { display: inline-block; } .slider-container .slider__chosen-value.editable span.sum { display: none; } .slider-container .slider.slider_changed .slider__control.ui-slider-horizontal .ui-slider-handle { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .slider-container .slider.slider_changed .slider__control .ui-slider-range { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .slider-container_replenishment .slider__chosen-value input.sum-input { display: none; } .slider-container_replenishment .slider__chosen-value span.sum { display: none; } .slider-container_replenishment .slider__chosen-value span.no-replenishment { display: inline; font-size: 13px; } .slider-container_replenishment .slider__chosen-value.editable input.sum-input { display: inline-block; } .slider-container_replenishment .slider__chosen-value.editable span.sum { display: none; } .slider-container_replenishment .slider__chosen-value.editable span.no-replenishment { display: none; } .slider-container_replenishment.with-replenishment .slider__chosen-value input.sum-input { display: none; } .slider-container_replenishment.with-replenishment .slider__chosen-value span.sum { display: inline-block; } .slider-container_replenishment.with-replenishment .slider__chosen-value span.no-replenishment { display: none; } .slider-container_replenishment.with-replenishment .slider__chosen-value.editable input.sum-input { display: inline-block; } .slider-container_replenishment.with-replenishment .slider__chosen-value.editable span.sum { display: none; } .slider-container_replenishment.with-replenishment .slider__chosen-value.editable span.no-replenishment { display: none; } @media (min-width: 980px) { .slider-container { display: block; } .slider-container .slider { width: 44%; white-space: nowrap; padding-top: 9px; } .slider-container .slider__control { margin-right: 15px; } .slider-container .slider__chosen-value { min-height: 38px; position: relative; text-align: left; width: 56%; white-space: nowrap; } .slider-container .slider__chosen-value span { padding-top: 9px; } .slider-container .slider__chosen-value span.sum { position: absolute; left: 20px; z-index: 1; } .slider-container .slider__chosen-value input.sum-input { text-align: left; margin-top: 0; } .slider-container_replenishment .slider__chosen-value span.no-replenishment { position: relative; top: 7px; font-size: 22px; } } .tabs__openers { font-size: 0; margin-bottom: 5px; } .tabs__openers .tabs__opener { font-size: 15px; position: relative; padding: 10px 0; margin-right: 16px; color: #969696; display: inline-block; vertical-align: top; cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .tabs__openers .tabs__opener:last-child { margin-right: 0; } .tabs__openers .tabs__opener:before, .tabs__openers .tabs__opener:after { content: ''; position: absolute; left: 0; top: 0; -webkit-transition: background-color 0.2s ease, right 0.4s ease-in-out; -moz-transition: background-color 0.2s ease, right 0.4s ease-in-out; -ms-transition: background-color 0.2s ease, right 0.4s ease-in-out; -o-transition: background-color 0.2s ease, right 0.4s ease-in-out; transition: background-color 0.2s ease, right 0.4s ease-in-out; } .tabs__openers .tabs__opener:before { right: 0; opacity: 0.5; height: 3px; background-color: #969696; } .tabs__openers .tabs__opener:after { height: 3px; background-color: #bb0032; right: 100%; } .tabs__openers .tabs__opener:hover { color: #646464; } .tabs__openers .tabs__opener:hover:before { background-color: #646464; } .tabs__openers .tabs__opener.selected { cursor: default; color: #bb0032; } .tabs__openers .tabs__opener.selected:after { right: 0; } .dark-bg .tabs .tabs__openers .tabs__opener, .transparent-bg .tabs .tabs__openers .tabs__opener { color: #fff; opacity: 0.5; } .dark-bg .tabs .tabs__openers .tabs__opener:before, .transparent-bg .tabs .tabs__openers .tabs__opener:before { background-color: #fff; opacity: 0.6; } .dark-bg .tabs .tabs__openers .tabs__opener:after, .transparent-bg .tabs .tabs__openers .tabs__opener:after { background-color: #fff; } .dark-bg .tabs .tabs__openers .tabs__opener:hover, .transparent-bg .tabs .tabs__openers .tabs__opener:hover { opacity: 0.7; } .dark-bg .tabs .tabs__openers .tabs__opener:hover:before, .transparent-bg .tabs .tabs__openers .tabs__opener:hover:before { opacity: 0.5; } .dark-bg .tabs .tabs__openers .tabs__opener.selected, .transparent-bg .tabs .tabs__openers .tabs__opener.selected { opacity: 1; } .tabs_currency .tabs__openers .tabs__opener { width: 15px; text-align: center; } .component { background-color: #fff; margin: 0; padding: 20px; position: relative; } .component:first-child { padding-top: 20px; } @media (min-width: 980px) { .component { margin: 0; padding: 40px; } .component_route { padding-top: 0; padding-bottom: 20px; } .main__content > .component:first-child { padding-top: 121px; } } .component_benefit { padding: 20px 20px 0 20px; } .component_benefit .buttons { margin-top: 30px; margin-bottom: 50px; } .component_benefit .benefit-bg { margin-top: 40px; } .component_benefit .benefit-bg img { display: block; max-width: 100%; margin: 0 auto; } @media (min-width: 980px) { .component_benefit { padding: 60px 85px 0 85px; } } .component_branches { padding-top: 0 !important; position: relative; display: none; z-index: 0; } @media (min-width: 980px) { .component_branches { display: block; } } @media (min-width: 980px) { .component_calculator { padding-top: 90px; } .component_calculator h1 { margin-bottom: 35px; } } .component_comparison { padding-bottom: 0; } .component_conditions { padding-bottom: 0; } @media (min-width: 980px) { .component_description + .component_conditions { padding-top: 90px; } .component .with-button { position: relative; } .component .with-button h2 { margin-right: 190px; } .component .with-button .btn { position: absolute; right: 0; top: 0; } } @media (min-width: 980px) { .component_description { text-align: center; padding-left: 85px; padding-right: 85px; } .component_description .component__content { text-align: left; max-width: 420px !important; } .component_description .component__content .reduced-width { max-width: 100% !important; } .component_description .component__content h1 { margin-bottom: 15px; } } .component_first .slide-btn-container { position: absolute; left: 20px; right: 20px; bottom: 20px; } @media (min-width: 980px) { .component_first { align-items: center; font-size: 0; height: 100vh; padding-bottom: 120px; display: flex; flex-direction: column; justify-content: center; } .component_first:before { content: ''; height: 1%; display: inline-block; vertical-align: middle; } .component_first .component__content { display: inline-block; vertical-align: middle; margin: 0 auto; font-size: 15px; } .component_first .slide-btn-container { margin-bottom: 0; left: 40px; right: 40px; bottom: 40px; } } .component_individual { position: relative; padding-bottom: 0; } .component_individual .reduced-width { position: relative; } .component_individual .reduced-width:after { content: ''; position: absolute; bottom: 0; border-bottom: 1px solid #dadacd; left: -20px; right: -20px; } .component_individual p { font-size: 13px; } .component_individual .individual-bg { margin-top: 20px; } .component_individual .individual-bg img { display: block; margin: 0 auto; max-width: 90%; } .component_nav { padding-top: 0 !important; padding-bottom: 0; } @media (min-width: 980px) { .component_nav { padding-top: 40px; padding-bottom: 40px; } } .component_informational { z-index: 1; padding-top: 0; padding-bottom: 0; min-height: 100vh; } .component_informational .component__content { position: relative; background-color: #fff; margin: 0 -20px; padding: 20px; } .component_informational .component__content:last-child { padding-top: 0; padding-bottom: 0; } @media (min-width: 980px) { .component_informational:before { content: ''; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background-color: #fff; display: block; } .component_informational .component__content { margin: 0 -40px; padding: 40px; } .component_informational .component__content_news { padding-top: 90px; padding-bottom: 0; overflow: hidden; } .component_informational .component__content:last-child { padding-top: 40px; padding-bottom: 40px; } } .component_map { z-index: 1; margin-bottom: -305px; padding-bottom: 345px; } .component_map .component__content { padding: 20px; margin: -20px; } @media (min-width: 980px) { .component_map { background-color: transparent; height: 100vh; min-height: 600px; } .component_map .component__content { padding: 80px 40px 40px; margin: -40px; height: calc((100%) + 80px); } .component_map .map-container { left: auto; right: 0; width: 100vw; z-index: -1; display: block; height: 100%; position: absolute; } } .component_payment { padding: 20px; position: relative; } @media (min-width: 1100px) { .component_payment { padding: 60px 45px 0 85px; } .component_payment .payment-info { padding: 0 200px 60px 0; min-height: 430px; position: relative; } .component_payment .payment-info:after { content: ''; width: 157px; height: 405px; background: url("../i/global/components/payment/payment-terminal.png") 0 0 no-repeat; position: absolute; bottom: 0; right: 0; } } @media (min-width: 980px) and (max-width: 1100px) { .component_payment { padding: 60px 85px 0; } .component_payment .payment-info { padding: 0 0 60px 0; } } .component_request { position: relative; } .component_request .tabs__openers { margin-bottom: 25px; } .component_request .tabs__content { position: relative; } .component_request .tabs__content_terminals .buttons { margin-top: 30px; } .component_request .tabs__content_branches .form { margin-top: 30px; } .component_request .tabs__content_online { position: static; } .component_request .tabs__content_send-request .form_request { position: relative; top: 0; opacity: 1; -webkit-transition: top 0.5s ease, opacity 0.5s ease; -moz-transition: top 0.5s ease, opacity 0.5s ease; -ms-transition: top 0.5s ease, opacity 0.5s ease; -o-transition: top 0.5s ease, opacity 0.5s ease; transition: top 0.5s ease, opacity 0.5s ease; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .component_request .tabs__content_send-request .request-status-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; text-align: center; } .component_request .tabs__content_send-request .request-status-container .request-status { position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .component_request .tabs__content_send-request .request-status-container .request-status__text { position: relative; top: 20px; max-width: 450px; display: inline-block; -webkit-transition: top 0.5s ease; -moz-transition: top 0.5s ease; -ms-transition: top 0.5s ease; -o-transition: top 0.5s ease; transition: top 0.5s ease; } .component_request .tabs__content_send-request .request-status-container .request-status__text p { opacity: 0.5; } .component_request .tabs__content_send-request .request-status-container .request-status__anim { width: 90%; height: 90%; display: block; overflow: hidden; transform: translate3d(0, 0, 0); text-align: center; max-width: 410px; margin: 0 auto; } .component_request .tabs__content_send-request .request-status-container .request-status_error .request-status__anim { width: 40%; height: 40%; margin-bottom: 40px; max-width: 145px; } .component_request .tabs__content_send-request .request-status-container .request-status_error .btn { margin-top: 15px; } .component_request .tabs__content_send-request.sent .form_request { opacity: 0; pointer-events: none; top: -20px; transform: translateX(100%) !important; } .component_request .tabs__content_send-request.success .form_request { -webkit-transition: top 0.5s ease, opacity 0.5s ease, transform 0s ease 0.5s; -moz-transition: top 0.5s ease, opacity 0.5s ease, transform 0s ease 0.5s; -ms-transition: top 0.5s ease, opacity 0.5s ease, transform 0s ease 0.5s; -o-transition: top 0.5s ease, opacity 0.5s ease, transform 0s ease 0.5s; transition: top 0.5s ease, opacity 0.5s ease, transform 0s ease 0.5s; } .component_request .tabs__content_send-request.success .request-status-container .request-status_success { pointer-events: auto; opacity: 1; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .component_request .tabs__content_send-request.success .request-status-container .request-status_success .request-status__text { top: 0; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .component_request .tabs__content_send-request.success .request-status-container .request-status_success .request-status__anim svg path { stroke: #8296cd; fill: transparent; } .component_request .tabs__content_send-request.success .request-status-container .request-status_error { display: none; } .component_request .tabs__content_send-request.error .form_request { -webkit-transition: top 0.5s ease, opacity 0.5s ease; -moz-transition: top 0.5s ease, opacity 0.5s ease; -ms-transition: top 0.5s ease, opacity 0.5s ease; -o-transition: top 0.5s ease, opacity 0.5s ease; transition: top 0.5s ease, opacity 0.5s ease; } .component_request .tabs__content_send-request.error .request-status-container .request-status_error { pointer-events: auto; opacity: 1; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .component_request .tabs__content_send-request.error .request-status-container .request-status_error .request-status__text { top: 0; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .component_request .tabs__content_send-request.error .request-status-container .request-status_success { display: none; } .component_request .request-contacts__item { margin-bottom: 45px; } .component_request .request-contacts__item p { opacity: 0.5; } .component_request .request-contacts__phone { margin-bottom: 4px; font-size: 22px; } .component_request .buttons { margin: 30px 0 0; } .component_request .buttons button, .component_request .buttons .link-mobile { margin: 0 15px 20px 0; } .transparent-bg .request-status-container .request-status_success .request-status__anim svg path { stroke: #fff !important; } @media (min-width: 980px) { .component_request { min-height: 790px; } .component_request * { -webkit-transform: none !important; -moz-transform: none !important; transform: none !important; } .component_request h1 { margin-top: 60px; } .component_request .request-bg { max-width: 80%; position: absolute; bottom: -7px; left: 20px; z-index: 0; } .component_request .request-bg img { max-width: 100%; } } .component_services { padding-bottom: 0; position: relative; } .component_services .service { padding-bottom: 40px; } .component_services .service__text { font-size: 13px; } @media (min-width: 980px) { .component_services .service { min-height: 230px; position: relative; } .component_services .service__text { margin-right: 220px; } .component_services .service__bg { width: 197px; position: absolute; bottom: 0; right: 0; } .component_services .service__bg img { display: block; } } .component_video { position: relative; width: 100%; } .component_video .video-container { position: relative; width: 100%; } .component_video .video-container:before { content: ""; display: block; padding-top: 56.25%; } .component_video .video-container iframe { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .component_video-float { background: none; padding: 0; } .page { width: 100%; height: 100%; min-width: 320px; position: relative; } .page:after { content: ''; display: block; clear: both; } .cover-container { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; height: 100%; -webkit-transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1); /* AUTOCREDIT */ } .cover-container:after { content: ''; opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 2; pointer-events: none; -webkit-transition: opacity 0.6s ease; -moz-transition: opacity 0.6s ease; -ms-transition: opacity 0.6s ease; -o-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } .cover-container.darken:after { opacity: 1; } .cover-container .cover, .cover-container .cover-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover !important; -webkit-transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1); } .cover-container .cover-overlay__video { z-index: 100; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cover-container .cover-overlay__video video { position: absolute; top: 0; min-height: 75vh; min-width: 100%; } @media (min-width: 980px) { .cover-container .cover-overlay__video video { min-height: 100vh; } } .cover-container.changed .cover-gradient { z-index: 2; position: absolute; left: 0; top: 0; right: 0; height: 50%; opacity: 1; background: url("/i/cover-gradient.png") 0 0 repeat-x; background-size: 100% 100%; -webkit-transition: opacity 0.8s ease; -moz-transition: opacity 0.8s ease; -ms-transition: opacity 0.8s ease; -o-transition: opacity 0.8s ease; transition: opacity 0.8s ease; } .cover-container.changed .cover-gradient:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .cover-container .cover { z-index: 1; } .cover-container .cover-overlay { z-index: 2; } .page_home .cover-container .cover, .page_home .cover-container .cover-overlay { background: url("/i/bg/main_services2.jpg") 0 0 no-repeat; } .page_credit .cover-container .cover, .page_credit .cover-container .cover-overlay { background: url("../i/video/credit/credit_end.jpg") 0 0 no-repeat; } .with-video .page_credit .cover-container .cover, .with-video .page_credit .cover-container .cover-overlay { background: url("../i/video/credit/credit_start.jpg") 0 0 no-repeat; } .page_cards .cover-container .cover, .page_cards .cover-container .cover-overlay { background: url("../i/video/cards/cards_end.jpg") 0 0 no-repeat; } .page_card .cover-container .cover, .page_card .cover-container .cover-overlay { background: url("../i/video/cards/cards_end.jpg") 0 0 no-repeat; } .with-video .page_card .cover-container .cover, .with-video .page_card .cover-container .cover-overlay { background: url("../i/video/cards/cards_start.jpg") 0 0 no-repeat; } .page_mortgage .cover-container .cover, .page_mortgage .cover-container .cover-overlay { background: url("../i/home/mortgage_end.jpg") 0 0 no-repeat; } .with-video .page_mortgage .cover-container .cover, .with-video .page_mortgage .cover-container .cover-overlay { background: url("../i/home/mortgage_start.jpg") 0 0 no-repeat; } .page_auto .cover-container .cover, .page_auto .cover-container .cover-overlay { background: url("../i/video/autocredit/autocredit_end.jpg") 0 0 no-repeat; } .with-video .page_auto .cover-container .cover, .with-video .page_auto .cover-container .cover-overlay { background: url("../i/video/autocredit/autocredit_start.jpg") 0 0 no-repeat; } .page_deposit1 .cover-container .cover, .page_deposit1 .cover-container .cover-overlay { background: url("../i/video/deposit_nakop/deposit_nakop_start.jpg") 0 0 no-repeat; } .page_deposit2 .cover-container .cover, .page_deposit2 .cover-container .cover-overlay { background: url("../i/video/deposit_sber/deposit_sber_start.jpg") 0 0 no-repeat; } .page_depositGeneral .cover-container .cover, .page_depositGeneral .cover-container .cover-overlay { background: url("../i/video/deposit_do_vost/deposit_do_vost_start.jpg") 0 0 no-repeat; } .with-video .page_depositGeneral .cover-container .cover, .with-video .page_depositGeneral .cover-container .cover-overlay { background: url("../i/video/deposit_do_vost/deposit_do_vost_start.jpg") 0 0 no-repeat; } .page_deposit3 .cover-container .cover, .page_deposit3 .cover-container .cover-overlay { background: url("../i/video/deposit_do_vost/deposit_do_vost_start.jpg") 0 0 no-repeat; } .page_deposit4 .cover-container .cover, .page_deposit4 .cover-container .cover-overlay { background: url("../i/video/deposit_na_vsyak/deposit_na_vsyak_start.jpg") 0 0 no-repeat; } .page_deposit5 .cover-container .cover, .page_deposit5 .cover-container .cover-overlay { background: url("../i/video/deposit_do_vost/deposit_do_vost_start.jpg") 0 0 no-repeat; } .page_deposit6 .cover-container .cover, .page_deposit6 .cover-container .cover-overlay { background: url("../i/video/deposit_invest/deposit_invest_start.jpg") 0 0 no-repeat; } .page_servicePackages .cover-container .cover, .page_servicePackage .cover-container .cover, .page_servicePackages .cover-container .cover-overlay, .page_servicePackage .cover-container .cover-overlay { background: url("../i/service-packages/service_packages_bg.jpg") 0 0 no-repeat; } .page_payments .cover-container .cover, .page_payments .cover-container .cover-overlay { background: url("../i/payments/payments_bg.jpg") 0 0 no-repeat; } .cover-container .content-bg { width: 100%; top: 0; position: absolute; bottom: 0; z-index: 2; -webkit-transition: top 0.7s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: top 0.7s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: top 0.7s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: top 0.7s cubic-bezier(0.19, 1, 0.22, 1); transition: top 0.7s cubic-bezier(0.19, 1, 0.22, 1); } .cover-container.changing .content-bg { background: #fff; } .cover-container.changing .content-bg:before { content: ''; left: 0; bottom: 100%; position: absolute; width: 100%; height: 100%; opacity: 1; background: url("/i/cover-gradient.png") 0 0 repeat-x; background-size: 100% 100%; -webkit-transition: height 0.7s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: height 0.7s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: height 0.7s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: height 0.7s cubic-bezier(0.19, 1, 0.22, 1); transition: height 0.7s cubic-bezier(0.19, 1, 0.22, 1); } @media (min-width: 980px) { .page_servicePackage .bonus-points__item .bonus { background-image: url("../../../Content/i/video/service_packages/service_package_start.jpg"); } } .content-container { z-index: 2; position: relative; width: 100%; height: 100%; } .content-container__inner { height: 100%; } .content-container .header-wrapper { height: 75%; position: relative; } .content-container .header-wrapper.dark .breadcrumbs a { color: #555fa0; border-color: rgba(85, 95, 160, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .content-container .header-wrapper.dark .breadcrumbs__item { opacity: 1; } .content-container .header-wrapper.dark .icon-search { color: #bb0032; } .content-container .header-wrapper.dark .icon-search:before { opacity: 1; } .content-container .header-wrapper.dark .sitemap-nav__opener:before, .content-container .header-wrapper.dark .sitemap-nav__opener:after, .content-container .header-wrapper.dark .sitemap-nav__opener span { background-color: #bb0032; } .content-container .extra { width: 100%; height: 100%; padding: 0 20px 20px; z-index: 3; color: #fff; overflow: hidden; position: relative; } .content-container .extra.hidden { display: block !important; } .content-container .extra__inner { height: 100%; text-align: center; } .content-container .extra__inner:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; } .content-container .extra__content { display: inline-block; vertical-align: middle; position: relative; padding-top: 60px; min-width: 265px; width: 90%; } .content-container .main { position: relative; width: 100%; height: 100%; } .content-container .main__container { height: 100%; position: relative; } .content-container .main__container.with-bg { background: #fff; } .content-container .main__inner { background-color: #fff; } .content-container .main__inner_no-bg { background-color: transparent; } .content-container .main__top { overflow: hidden; padding: 23px 20px 0; background: #fff; width: 100%; } .content-container .main__top .logo { margin: 0 0 32px; } .content-container .main__top_with-foldable h1 { margin-bottom: 10px; } .content-container .main__top_with-foldable .foldable { padding-bottom: 20px; } @media (min-width: 980px) { .cover-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .cover-container .cover, .cover-container .cover-overlay { height: 100%; background-position: -190px 0 !important; -webkit-transition: height 0.7s cubic-bezier(0.19, 1, 0.22, 1), background-position 0.6s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: height 0.7s cubic-bezier(0.19, 1, 0.22, 1), background-position 0.6s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: height 0.7s cubic-bezier(0.19, 1, 0.22, 1), background-position 0.6s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: height 0.7s cubic-bezier(0.19, 1, 0.22, 1), background-position 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: height 0.7s cubic-bezier(0.19, 1, 0.22, 1), background-position 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cover-container .content-bg { top: 0; position: relative; height: 100%; float: right; width: 100%; -webkit-transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1); transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1); } .cover-container.changing .content-bg:before { right: 100%; width: 75vw; left: auto; bottom: 0; height: 100%; -webkit-transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1); transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1); } .cover-container.changed .cover-gradient { height: 100%; } .page_home .cover-container .cover, .page_home .cover-container .cover-overlay { background: url(/i/bg/main_mobile.jpg) 0 0 no-repeat; } .content-container { top: 0; } .content-container:after { content: ''; display: block; clear: both; } .content-container .reduced-width { margin: 0 auto; } .content-container .header-wrapper { height: auto; width: 100%; position: absolute; } .content-container .extra { position: fixed; z-index: 0; top: 0; left: 0; width: 0; height: 100%; padding: 60px 40px 130px 40px; min-height: 630px; } .content-container .extra.hidden { display: none !important; } .content-container .extra__inner { font-size: 0; } .content-container .extra__content { z-index: 2; padding-bottom: 50px; padding-top: 0; height: 60%; min-height: 420px; min-width: 400px; } .content-container .extra__video { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } .content-container .extra__video video { width: 100%; height: 100%; object-fit: cover; object-position: 0 0; } .content-container .main { height: 100%; float: right; width: 100%; } .content-container .main__top { padding: 121px 40px 0; } .content-container .main__top:after { content: ''; clear: both; display: block; } .content-container .main__top_with-foldable h1 { float: left; margin: 0 40px 0 0; position: relative; z-index: 1; } .content-container .main__top_with-foldable .foldable { padding-top: 26px; } .content-container .main__top_with-foldable .foldable__opener { padding-bottom: 30px; } /*.content-container .main__inner { background-color: #fff; min-height: 100%; margin-bottom: -155px; } .content-container .main__inner:after { content: ''; display: block; height: 155px; }*/ } .menu { position: absolute; right: 20px; top: 20px; } @media (min-width: 980px) and (max-width: 1150px) { .content-container .main__top_with-foldable .foldable { padding-top: 17px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .page_home .cover, .page_home .cover-overlay { background: url("../i/home/main_end.jpg") 0 0 no-repeat; } } .level_home .cover-container .cover, .level_home .cover-container .cover-overlay { height: 75vh; } .level_home .cover-container .content-bg { top: 75vh; } .level_home .cover-container.changing .content-bg:before { height: 75vh; } .level_home .cover-container.changed .cover-gradient { height: 75vh; } .level_home .content-container .extra { pointer-events: none; } .level_home .content-container .extra .contacts { pointer-events: auto; } @media (min-width: 980px) { .level_home .cover-container .cover, .level_home .cover-container .cover-overlay { height: 100%; background-position: 0 0 !important; } .level_home .cover-container .content-bg { top: 0; width: 25vw; min-width: 340px; } .level_home .cover-container.changing .content-bg:before { width: 75vw; max-width: calc((100vw) - 340px); left: auto; right: 100%; height: 100%; } .level_home .cover-container.changed .cover-gradient { height: 100%; } .level_home .content-container .extra { width: 75vw; max-width: calc((100%) - 340px); z-index: 2; } .level_home .content-container .main { width: 25vw; min-width: 340px; } .level_home .content-container .main__inner { margin-bottom: -305px; } .level_home .content-container .main__inner:after { height: 305px; } .level_home .content-container .footer { height: 306px; } } .level_branches .cover-container .cover, .level_branches .cover-container .cover-overlay { height: 25vh; } .level_branches .cover-container .content-bg { top: 25vh; } .level_branches .cover-container.changing .content-bg:before { height: 25vh; } .level_branches .cover-container.changed .cover-gradient { height: 25vh; } .level_branches .content-container .header-wrapper { height: 180px; min-height: 170px; } .level_branches .content-container .main { height: auto; } .level_branches .content-container .main__container { height: auto; } @media (min-width: 980px) { .level_branches .cover-container .cover, .level_branches .cover-container .cover-overlay { height: 100%; background-position: 0 0 !important; } .level_branches .cover-container .content-bg { top: 0; width: 50%; } .level_branches .cover-container.changing .content-bg:before { height: 100%; } .level_branches .cover-container.changed .cover-gradient { height: 100%; } .level_branches .content-container .header-wrapper { height: auto; min-height: 0; } .level_branches .content-container .extra { width: 50%; } .level_branches .content-container .main { width: 50%; height: 100%; } .level_branches .content-container .main__container { height: 100%; } .level_branches .content-container .reduced-width { max-width: 70%; } } @media (max-width: 1600px) { .level_branches .content-container .reduced-width { min-width: 100%; } } .level_1 .cover-container .cover, .level_1 .cover-container .cover-overlay { height: 25vh; } .level_1 .cover-container .content-bg { top: 25vh; } .level_1 .cover-container.changing .content-bg:before { height: 25vh; } .level_1 .cover-container.changed .cover-gradient { height: 25vh; } .level_1 .content-container .header-wrapper { height: 25vh; } .level_1 .content-container .main { height: 75vh; } .level_1 .content-container .main__inner { overflow: hidden; } .level_1 .content-container .main__content { padding: 0 20px; } .level_1 .content-container .component_nav { margin: 0; } @media (min-width: 980px) { .level_1 .cover-container .cover, .level_1 .cover-container .cover-overlay { height: 100%; } .level_1 .cover-container .content-bg { top: 0; width: 75%; } .level_1 .cover-container.changing .content-bg:before { height: 100%; } .level_1 .cover-container.changed .cover-gradient { height: 100%; } .level_1 .content-container .header-wrapper { height: 100%; } .level_1 .content-container .extra { width: 25%; } .level_1 .content-container .main { height: 100%; width: 75%; } .level_1 .content-container .main__top { position: relative; background: none; } .level_1 .content-container .main__inner { margin-bottom: -255px; } .level_1 .content-container .main__inner:after { height: 255px; } .level_1 .content-container .main__content { padding: 0 40px; } .level_1 .content-container .reduced-width { max-width: 70%; } .level_1 .content-container .component_nav { margin-bottom: 30px; padding-bottom: 0; } } @media (max-width: 1600px) { .level_1 .content-container .reduced-width { min-width: 100%; } } .level_2 .cover-container .cover, .level_2 .cover-container .cover-overlay { height: 50vh; } .level_2 .cover-container .content-bg { top: 50vh; } .level_2 .cover-container.changing .content-bg:before { height: 50vh; } .level_2 .cover-container.changed .cover-gradient { height: 50vh; } .level_2 .content-container .header-wrapper { height: 50vh; } .level_2 .content-container .main__inner { background-color: transparent; } .level_2 .component_nav { background-color: #ecebf3; } .level_2 .component_nav .nav_bottom .nav__item { border-color: #dadacd; } .level_2 .footer { background-color: #ecebf3; } @media (max-width: 980px) { .level_2 .cover-container { min-height: 300px; } .level_2 .cover-container .cover, .level_2 .cover-container .cover-overlay { min-height: 300px !important; } .level_2 .cover-container .content-bg { top: 300px; } .level_2 .cover-container.changing .content-bg:before { min-height: 300px; } .level_2 .cover-container.changed .cover-gradient { min-height: 300px; } .level_2 .content-container .header-wrapper { min-height: 300px; } } @media (min-width: 980px) { .level_2 .cover-container .cover, .level_2 .cover-container .cover-overlay { background-position: 0 0 !important; height: 100%; } .level_2 .cover-container .content-bg { top: 0; width: 50%; } .level_2 .cover-container.changing .content-bg:before { height: 100%; } .level_2 .cover-container.changed .cover-gradient { height: 100%; } .level_2 .content-container .header-wrapper { height: auto; } .level_2 .content-container .extra { width: 50%; } .level_2 .content-container .main { width: 50%; } .level_2 .content-container .reduced-width { max-width: 70%; } } /*@media (max-width: 1600px) { .level_2 .content-container .reduced-width { min-width: 100%; } }*/ .level_3 .cover-container .cover, .level_3 .cover-container .cover-overlay { height: 25vh; } .level_3 .cover-container .content-bg { top: 25vh; } .level_3 .cover-container.changing .content-bg:before { height: 25vh; } .level_3 .cover-container.changed .cover-gradient { height: 25vh; } .level_3 .content-container .header-wrapper { height: 25vh; } .level_3 .content-container .main__content { padding: 0 20px; background-color: #f5f7fb; } .level_3 .content-container .main__content.no-bg { background-color: transparent; } .level_3 .content-container .main__content .conditions__line { background-color: #f5f7fb; } .level_3 .content-container .main__content .conditions__line:nth-child(2n) { background-color: #fff; } .level_3 .content-container.no-side-panel .main__content { padding-top: 20px; } .level_3 .content-container.no-side-panel .main__content.no-bg { padding-top: 0; } @media (min-width: 980px) { .level_3 .cover-container .cover, .level_3 .cover-container .cover-overlay { height: 100%; } .level_3 .cover-container .content-bg { top: 0; width: calc((100%) - 105px); } .level_3 .cover-container.changing .content-bg:before { height: 100%; } .level_3 .cover-container.changed .cover-gradient { height: 100%; } .level_3 .content-container .header-wrapper { height: 100%; } .level_3 .content-container .header-wrapper .header__logo { width: 81px; } .level_3 .content-container .extra { width: 105px; } .level_3 .content-container .main { width: calc((100%) - 105px); } .level_3 .content-container .main__top { position: relative; background: none; overflow: visible; } .level_3 .content-container .main__top .logo { float: left; padding: 0 20px 0 0; position: relative; width: 20%; } .level_3 .content-container .main__top .logo .logo__img { position: absolute; left: -99px; } .level_3 .content-container .main__content { padding: 40px; } .level_3 .content-container .main__content:after { content: ''; display: block; clear: both; } .level_3 .content-container .reduced-width { max-width: 60%; position: relative; } .level_3 .content-container.no-side-panel .main__content { padding-top: 40px; } .level_3 .content-container.no-side-panel .main__top-content { margin-left: 0; } .level_3 .content-container.no-side-panel .content { padding-left: 0; } } @media (min-width: 980px) and (max-width: 1600px) { .level_3 .content-container .main__top-content { margin-left: 20%; max-width: 800px; } .level_3 .content-container .main .content { max-width: 1000px; padding-left: 20%; } .level_3 .content-container .main .content_flow { max-width: none; padding-left: 0; } } @media (max-width: 1600px) { .level_3 .content-container .reduced-width { min-width: 100%; } .level_3 .content-container.no-side-panel .main .content { padding-left: 0; } } @media (min-width: 1600px) { .level_3 .content-container .main__top-content { max-width: 800px; } .level_3 .content-container .main .content { max-width: 800px; } .level_3 .content-container .main .content_flow { max-width: none; } } .home-benefits { background-color: #800E52; margin: 0 -20px; position: relative; background: url("../../../Content/i/deposits/bg_deposit1.jpg"); background-size: cover; } .mobile .home-benefits { top: 0 !important; } .home-benefits:before { content: ''; position: absolute; left: 0; top: 0; right: 0; height: 100%; opacity: 1; background: url("/i/cover-gradient.png") 0 0 repeat-x; background-size: 100% 100%; } .home-benefits.fixed { position: relative; } .home-benefits__content { max-width: 100%; width: 100%; } .home-benefits__item { position: relative; width: 100%; padding: 20px; font-size: 13px; cursor: pointer; } .home-benefits__item_1 { margin-left: 0; } .home-benefits__item:nth-child(2n) { background-color: rgba(0, 0, 0, 0.3); } .home-benefits__item-content { position: relative; width: 80%; -webkit-transition: transform 0.5s cubic-bezier(0.645, 0.055, 0.140, 0.885), opacity 0.23s ease-in-out; -moz-transition: transform 0.5s cubic-bezier(0.645, 0.055, 0.140, 0.885), opacity 0.23s ease-in-out; -ms-transition: transform 0.5s cubic-bezier(0.645, 0.055, 0.140, 0.885), opacity 0.23s ease-in-out; -o-transition: transform 0.5s cubic-bezier(0.645, 0.055, 0.140, 0.885), opacity 0.23s ease-in-out; transition: transform 0.5s cubic-bezier(0.645, 0.055, 0.140, 0.885), opacity 0.23s ease-in-out; } .home-benefits__item h1, .home-benefits__item h2, .home-benefits__item h3 { font-size: 22px; margin-bottom: 6px; } @media (min-width: 980px) { .home-benefits { right: 0; top: 0; width: 100vw; height: 100vh; z-index: -1; position: absolute; font-size: 0; margin: 0; } .home-benefits.fixed { position: fixed; } .home-benefits__content { max-width: calc((100%) - 340px); width: 75%; } .home-benefits__content:hover .home-benefits__item-content { opacity: 0.5; } .home-benefits__item { display: inline-block; vertical-align: top; width: 50%; min-height: 210px; padding: 35px 40px 40px; font-size: 15px; } .home-benefits__item a { color: #fff; border-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transition: all 0.6s cubic-bezier(0.855, 0.105, 0, 0.985); -moz-transition: all 0.6s cubic-bezier(0.855, 0.105, 0, 0.985); -ms-transition: all 0.6s cubic-bezier(0.855, 0.105, 0, 0.985); -o-transition: all 0.6s cubic-bezier(0.855, 0.105, 0, 0.985); transition: all 0.6s cubic-bezier(0.855, 0.105, 0, 0.985); } .home-benefits__item a:visited { color: #fff; border-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .home-benefits__item a:hover { color: #e8bf16; border-color: rgba(232, 191, 22, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .home-benefits__item a a { color: #fff; border-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .home-benefits__item a a:visited { color: #fff; border-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .home-benefits__item a a:hover { color: #e8bf16; border-color: rgba(232, 191, 22, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .home-benefits__item .note { -webkit-transition: color 0.6s cubic-bezier(0.855, 0.105, 0, 0.985); -moz-transition: color 0.6s cubic-bezier(0.855, 0.105, 0, 0.985); -ms-transition: color 0.6s cubic-bezier(0.855, 0.105, 0, 0.985); -o-transition: color 0.6s cubic-bezier(0.855, 0.105, 0, 0.985); transition: color 0.6s cubic-bezier(0.855, 0.105, 0, 0.985); } .home-benefits__item:before { content: ''; background: url("../i/home/block_hover-bg.jpg") #7263a3; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 0; -webkit-transition: opacity 1.6s ease; -moz-transition: opacity 1.6s ease; -ms-transition: opacity 1.6s ease; -o-transition: opacity 1.6s ease; transition: opacity 1.6s ease; } .home-benefits__item:hover { color: #3c3c3c; } .home-benefits__item:hover:before { display: block; opacity: 0.46; -webkit-animation: backgroundSlideLeft 200s linear; -moz-animation: backgroundSlideLeft 200s linear; animation: backgroundSlideLeft 200s linear; } .home-benefits__item:hover .home-benefits__item-content { opacity: 1; } .home-benefits__item:first-child { margin-left: 50%; } .home-benefits__item:nth-child(2n) { background-color: transparent; } .home-benefits__item.with-bg:after { content: ''; width: 70%; height: 70%; opacity: 0; position: absolute; z-index: -1; left: 50%; top: 50%; background-color: rgba(0, 0, 0, 0.3); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.6s ease, width 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 0.2s, height 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 0.2s; -moz-transition: opacity 0.6s ease, width 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 0.2s, height 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 0.2s; -ms-transition: opacity 0.6s ease, width 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 0.2s, height 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 0.2s; -o-transition: opacity 0.6s ease, width 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 0.2s, height 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 0.2s; transition: opacity 0.6s ease, width 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 0.2s, height 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 0.2s; } .home-benefits__item_1 { height: 25vh; min-height: 165px; } .home-benefits__item_1:after { content: ''; position: absolute; bottom: 0; opacity: 0; right: 100%; width: 0; height: 0; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: opacity 0.6s ease 1s, width 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 1.4s, height 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 1.4s; -moz-transition: opacity 0.6s ease 1s, width 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 1.4s, height 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 1.4s; -ms-transition: opacity 0.6s ease 1s, width 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 1.4s, height 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 1.4s; -o-transition: opacity 0.6s ease 1s, width 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 1.4s, height 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 1.4s; transition: opacity 0.6s ease 1s, width 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 1.4s, height 0.6s cubic-bezier(0.855, 0.105, 0.000, 0.985) 1.4s; } .home-benefits__item_2, .home-benefits__item_3 { height: 28vh; } .home-benefits__item_4, .home-benefits__item_5 { height: 47vh; } .home-benefits__item h1 { font-size: 52px; margin-bottom: 4px; padding-bottom: 12px; } .home-benefits__item h2 { font-size: 33px; margin-bottom: 4px; padding-bottom: 6px; } .home-benefits__item h3 { font-size: 24px; margin-bottom: 4px; padding-bottom: 4px; } .home-benefits__item-title span { display: block; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; } .home-benefits__item .note { overflow: hidden; } .home-benefits__item .note span { display: block; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; } .home-benefits__item.home-benefits__item_1 .note span { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .home-benefits__item.home-benefits__item_3 .home-benefits__item-title span { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .home-benefits__item.home-benefits__item_3 .note span { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .home-benefits__item.home-benefits__item_2 .home-benefits__item-title span { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } .home-benefits__item.home-benefits__item_2 .note span { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .home-benefits__item.home-benefits__item_4 .home-benefits__item-title span { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -ms-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; } .home-benefits__item.home-benefits__item_4 .note span { -webkit-transition-delay: 1.4s; -moz-transition-delay: 1.4s; -ms-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; } .home-benefits__item.home-benefits__item_5 .home-benefits__item-title span { -webkit-transition-delay: 1.6s; -moz-transition-delay: 1.6s; -ms-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; } .home-benefits__item.home-benefits__item_5 .note span { -webkit-transition-delay: 1.8s; -moz-transition-delay: 1.8s; -ms-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s; } .home-benefits.animated .home-benefits__item_1:after { opacity: 1; width: 70px; height: 70px; } .home-benefits.animated .home-benefits__item.with-bg:after { width: 100%; height: 100%; opacity: 1; } .home-benefits.animated .home-benefits__item-title span { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .home-benefits.animated .home-benefits__item .note span { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } } @media (min-width: 1200px) and (min-height: 800px) { .home-benefits__item:hover .home-benefits__item-content { -webkit-transform: translate(60px, 20px) scale(1.13); -moz-transform: translate(60px, 20px) scale(1.13); transform: translate(60px, 20px) scale(1.13); } } .page_home .header { pointer-events: none; } .page_home .header__logo, .page_home .header__nav { pointer-events: auto; } .home-menu { color: #3c3c3c; margin-bottom: 0; } .header.fixed .home-menu { display: none; } .home-links__important { font-size: 22px; } .home-links ul { margin-bottom: 42px; } .home-links ul li { margin-bottom: 12px; } .home-links ul:only-child { margin-bottom: 0; } .home-links ul.nav li { margin-bottom: 0; } .home-currency-exchange a { color: #3c3c3c; border-color: rgba(60, 60, 60, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .home-currency-exchange a:visited { color: #3c3c3c; border-color: rgba(60, 60, 60, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .home-currency-exchange a:hover { color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .home-currency-exchange a a { color: #3c3c3c; border-color: rgba(60, 60, 60, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .home-currency-exchange a a:visited { color: #3c3c3c; border-color: rgba(60, 60, 60, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .home-currency-exchange a a:hover { color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .made-in { position: relative; padding-top: 40px; margin-top: 22px; } .made-in a img { position: absolute; top: 0; left: 0; } .home-map-tabs { position: absolute; right: 100%; margin-right: 60px; width: 45vw; text-align: right; top: 28px; } .home-map-tabs .tabs__opener:last-child { margin-right: 16px; } @media (min-width: 980px) { .page_home .component_first { padding-top: 165px; } .page_home .component_map .map-container { overflow: hidden; } .page_home .component_map .map-container .map { top: 0; left: 0; right: 0; height: 100vh; } .page_home .component_map .map-container .map.shifted { margin-top: -100vh; } .home-links__important { font-size: 33px; } .home-links ul.nav li { margin-bottom: 12px; } } .home-slider { position: absolute; top: 0; right: 0; width: 100vw; height: 75%; overflow: hidden; z-index: 1; } .mobile .home-slider { top: 0 !important; } .home-slider:hover .home-slider__control span:before { top: 0; } .home-slider__item { height: 100%; width: 100%; position: absolute; left: 100vw; top: 0; overflow: hidden; -webkit-transition: left 1.5s cubic-bezier(0.855, 0.105, 0, 0.985); -moz-transition: left 1.5s cubic-bezier(0.855, 0.105, 0, 0.985); -ms-transition: left 1.5s cubic-bezier(0.855, 0.105, 0, 0.985); -o-transition: left 1.5s cubic-bezier(0.855, 0.105, 0, 0.985); transition: left 1.5s cubic-bezier(0.855, 0.105, 0, 0.985); -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -ms-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; } .home-slider__item-content { width: 100%; height: 100%; position: relative; left: -100vw; -webkit-transition: left 1.5s cubic-bezier(0.855, 0.105, 0, 0.985); -moz-transition: left 1.5s cubic-bezier(0.855, 0.105, 0, 0.985); -ms-transition: left 1.5s cubic-bezier(0.855, 0.105, 0, 0.985); -o-transition: left 1.5s cubic-bezier(0.855, 0.105, 0, 0.985); transition: left 1.5s cubic-bezier(0.855, 0.105, 0, 0.985); -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -ms-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; } .home-slider__item video { width: 100%; height: 100%; object-fit: cover; object-position: 0 0; display: none; -webkit-transform: scale(1) translateX(-150px); -moz-transform: scale(1) translateX(-150px); transform: scale(1) translateX(-150px); -webkit-transition: transform 1.5s cubic-bezier(0.855, 0.105, 0, 0.985); -moz-transition: transform 1.5s cubic-bezier(0.855, 0.105, 0, 0.985); -ms-transition: transform 1.5s cubic-bezier(0.855, 0.105, 0, 0.985); -o-transition: transform 1.5s cubic-bezier(0.855, 0.105, 0, 0.985); transition: transform 1.5s cubic-bezier(0.855, 0.105, 0, 0.985); } .home-slider__item-text { padding: 0 24px 50px; position: absolute; bottom: 20px; left: 0; width: 100%; z-index: 3; } .home-slider__item-title { line-height: 110%; font-size: 28px; overflow: hidden; padding-top: 7px; padding-bottom: 5px; margin-bottom: 5px; } .home-slider__item-text a { z-index: 4; } .home-slider__item-title > span { display: block; -webkit-transform: translateY(120%); -moz-transform: translateY(120%); transform: translateY(120%); -webkit-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; -ms-transition: transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease; } .home-slider__item-note { overflow: hidden; } .home-slider__item-note .note { -webkit-transform: translateY(120%); -moz-transform: translateY(120%); transform: translateY(120%); -webkit-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; -ms-transition: transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease; } .home-slider__item.active { left: 0; opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .home-slider__item.active .home-slider__item-content { left: 0; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .home-slider__item.active .home-slider__item-content video { -webkit-transform: scale(1.05) translateX(0); -moz-transform: scale(1.05) translateX(0); transform: scale(1.05) translateX(0); } .home-slider__item.active .home-slider__item-title > span { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -ms-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; } .home-slider__item.active .home-slider__item-note .note { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .home-slider__switcher { position: absolute; bottom: 30px; font-size: 0; left: 24px; z-index: 9; text-align: right; } .home-slider__switcher-item { display: inline-block; margin-right: 10px; width: 10px; height: 10px; background-color: #fff; opacity: 0.3; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .home-slider__switcher-item:last-child { margin-right: 0; } .home-slider__switcher-item:hover { opacity: 0.6; } .home-slider__switcher-item.active { opacity: 1; } .home-slider__controls { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; } .home-slider__controls .home-slider__control { cursor: pointer; width: 60px; height: 100%; position: absolute; z-index: 3; } .home-slider__controls .home-slider__control span { display: block; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -7px; height: 30px; width: 15px; overflow: hidden; opacity: 0.7; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; } .home-slider__controls .home-slider__control span:before { display: block; position: relative; top: 100%; left: 0; -webkit-transition: top 0.3s ease; -moz-transition: top 0.3s ease; -ms-transition: top 0.3s ease; -o-transition: top 0.3s ease; transition: top 0.3s ease; } .home-slider__controls .home-slider__control:hover span { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); transform: scale(1.3); } .home-slider__controls .home-slider__control_prev { right: 70px; } .home-slider__controls .home-slider__control_next { right: 10px; } @media (min-width: 980px) { .home-slider { position: absolute; height: 100vh; z-index: 0; background-color: #fff; } .home-slider.fixed { position: fixed; } .home-slider__item_1 { background: url(/i/bg/main_services.jpg) 0 0 no-repeat; /*MKB-62601*/ } .home-slider__item_2 { background: url(/i/bg/main_mobile.jpg) 0 0 no-repeat; } .home-slider__item_1, .home-slider__item_2 { background-size: cover !important; } .home-slider__item video { display: block; } .home-slider__item-content { min-height: 550px; } .home-slider__item-content:before { content: ''; position: absolute; left: 0; right: 0; top: 0; background: url("/i/cover-gradient.png") 0 0 repeat-x; background-size: 100% 100%; z-index: 1; height: 100%; } .home-slider__item-title { font-size: 4vw; padding-bottom: 10px; margin-bottom: 10px; } .home-slider__item-text { width: 75%; max-width: calc((100%) - 340px); bottom: 200px; padding-left: 40px; padding-right: 130px; } .home-slider__switcher { bottom: auto; left: auto; top: 30px; padding-right: 30px; max-width: calc((100%) - 340px); width: 50%; } .home-slider__controls { width: 50%; max-width: calc((100%) - 340px); } } @media (min-width: 980px) and (max-width: 1200px) { .home-slider__item-title { font-size: 4vw; } .home-slider__item-text { padding-right: 80px; } .home-slider__item-note .note { font-size: 15px; } .home-slider__controls .home-slider__control { width: 40px; } .home-slider__controls .home-slider__control_next { right: 0; } .home-slider__controls .home-slider__control_prev { right: 40px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .home-slider { top: 0 !important; background-color: transparent; } .home-slider.fixed { position: absolute; } .home-slider__item { background: none; } .home-slider__item-content video { display: none; } .home-slider__item-content:before { display: none; } .home-benefits { top: 0 !important; background: none; } .home-benefits:before { display: none; } .home-benefits.fixed { position: absolute; } } .page_branches .header-wrapper { background-color: #ecebf3; } .page_branches .header-wrapper .header { height: 100%; pointer-events: none; } .page_branches .header-wrapper .header__logo-red { display: inline; } .page_branches .header-wrapper .header__logo-light { display: none; } .page_branches .header-wrapper .header__logo-black { display: none; } .page_branches .header-wrapper .header__logo, .page_branches .header-wrapper .header__nav { pointer-events: auto; } .page_branches .header-wrapper .header__nav { background-color: transparent; } .page_branches .header-wrapper .header__nav .breadcrumbs { margin-right: 40px; } .page_branches .header-wrapper .header__nav .header__nav-bg { z-index: -1; display: block; position: absolute; top: 0; left: 0; right: 0; -webkit-transition: height 0.2s ease; -moz-transition: height 0.2s ease; -ms-transition: height 0.2s ease; -o-transition: height 0.2s ease; transition: height 0.2s ease; } .page_branches .header-wrapper .header__nav > .nav-foldable { background: none; margin-bottom: 0; position: absolute; top: 100%; margin-top: -46px; width: 100%; border-top: 1px solid #cacaca; } .page_branches .header-wrapper .header__nav > .nav-foldable.expanded .nav-foldable__opener { border-bottom: none; } .page_branches .header-wrapper .header__nav > .nav-foldable .nav-foldable__opener { color: #000; } .page_branches .header-wrapper .header__nav > .nav-foldable .nav-foldable__opener:before { color: #000; } .page_branches .header-wrapper .header__nav > .nav-foldable .nav-foldable__list { background: #fff; } .page_branches .header-wrapper .header__nav > .nav-foldable .nav-foldable__list-item_links { padding: 20px; } .page_branches .header-wrapper .header__map-controls { width: 100%; pointer-events: auto; } .page_branches .header-wrapper .header__map-controls .header__map-search { text-align: right; position: absolute; right: 0; padding: 20px; z-index: 1; overflow: hidden; width: 43px; min-height: 78px; margin-top: -10px; } .page_branches .header-wrapper .header__map-controls .header__map-search .form { display: none; } .page_branches .header-wrapper .header__map-controls .header__map-search-opener, .page_branches .header-wrapper .header__map-controls .header__map-search-closer { display: inline-block; vertical-align: top; cursor: pointer; position: absolute; top: 20px; } .page_branches .header-wrapper .header__map-controls .header__map-search-opener { z-index: 1; top: 27px; right: 20px; } .page_branches .header-wrapper .header__map-controls .header__map-search-closer { display: none; z-index: 0; font-size: 40px; line-height: 40px; font-family: Arial; right: 30px; color: #bb0032; } .page_branches .header-wrapper .header__map-controls .header__map-search .form__line, .page_branches .header-wrapper .header__map-controls .header__map-search .form__fields { margin-bottom: 0; } .page_branches .header-wrapper .header__map-controls .header__map-search .field { width: 100%; } .page_branches .header-wrapper .header__map-controls .header__map-search.opened { width: 100%; } .page_branches .header-wrapper .header__map-controls .header__map-search.opened .header__map-search-opener { z-index: 0; } .page_branches .header-wrapper .header__map-controls .header__map-search.opened .header__map-search-closer { z-index: 1; } .page_branches .header-wrapper .header__map-controls .header__map-switcher { position: fixed; bottom: 20px; left: 20px; background-color: rgba(0, 0, 0, 0.75); padding: 0 15px 0 18px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .page_branches .header-wrapper .header__map-controls .header__map-switcher .tabs__openers { text-align: right; margin-bottom: 0; } .page_branches .header-wrapper .header__map-controls .header__map-switcher .tabs__opener { margin-right: 18px; } .page_branches .header-wrapper .header__map-controls .header__map-switcher .tabs__opener:last-child { margin-right: 0; } .page_branches .header-wrapper .header__map-controls .header__map-switcher .tabs__opener:before, .page_branches .header-wrapper .header__map-controls .header__map-switcher .tabs__opener:after { display: none; } .page_branches .header-wrapper .header__map-controls .header__map-switcher .icon-view { vertical-align: bottom; } .page_branches .map-container { display: block; } .page_branches .footer { display: none; } .foldable_branches { padding-bottom: 10px; } .foldable_branches .foldable__opener { padding-bottom: 5px; } .tabs_branches { overflow: hidden; } .header.with-hidden-content .tabs_branches { pointer-events: none; } .tabs_branches .tabs__openers { position: relative; margin-top: 27px; margin-bottom: 16px; } .tabs_branches .tabs__openers-more { position: absolute; left: 0; bottom: -10px; height: 23px; display: inline-block; font-size: 26px; letter-spacing: 3px; opacity: 0; cursor: pointer; } .header.with-hidden-content .tabs_branches .tabs__openers { pointer-events: auto; } .header.with-hidden-content .tabs_branches .tabs__openers .tabs__openers-more { opacity: 0.6; } .branch-options { padding: 0 20px; } .branch-options__item { padding: 0 0 15px 0; display: block; color: #3c3c3c; } .branch-options__item sup { opacity: 0.5; } .branches-list__item { display: none; padding: 20px; margin: 0 -20px; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.1); background-color: #fff; } .branches-list__item:nth-child(2n) { background-color: #f5f7fb; } .branches-list__item:last-child { border: none; padding-bottom: 0; } .branches-list__item:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 0; background-color: #bb0032; -webkit-transition: width 0.2s ease; -moz-transition: width 0.2s ease; -ms-transition: width 0.2s ease; -o-transition: width 0.2s ease; transition: width 0.2s ease; } .branches-list__item:hover:before, .branches-list__item.hovered:before { width: 5px; } .branches-list__item-wrapper { display: flex; flex-direction: column; overflow: hidden; } .branches-list__item-title { order: 1; margin-bottom: 4px; width: 100%; display: inline-block; } .branches-list__item-status { order: 1; display: none; position: relative; padding-top: 2px; margin-bottom: 10px; font-size: 11px; opacity: 0.8; } .branches-list__item-status:before { content: ''; position: absolute; top: 0; left: 0; width: 46px; height: 3px; } .branches-list__item-status.free:before { background-color: #80C00D; } .branches-list__item-status.busy:before { background-color: #BD002E; } .branches-list__item-status.normal:before { background-color: #F4D02A; } .branches-list__item-schedule-general { order: 3; margin-top: -4px; margin-bottom: 4px; color: #646464; } .branches-list__item-address { order: 2; font-size: 13px; margin-bottom: 4px; width: 100%; display: inline-block; } .branches-list__item-metro { order: 4; font-size: 13px; margin-bottom: 10px; } .branches-list__item-schedule { order: 5; display: none; font-size: 0; } .branches-list__item-schedule p { margin: 0; line-height: 140%; font-size: 11px; color: #646464; } .branches-list__item-schedule p:first-child { opacity: 0.5; color: #3c3c3c; } .branches-list__item-schedule p:only-child { color: #646464; } .branches-list__item-schedule-col { display: inline-block; vertical-align: top; margin: 0 20px 5px 0; } .branches-list__item-schedule-col:last-child { margin-right: 0; } .branches-list.branch .branches-list__item.branch { display: block; } .branches-list.branch .branches-list__item-status, .branches-list.branch .branches-list__item-schedule { display: block; } .branches-list.branch .branches-list__item-schedule-general { display: none; } .branches-list.atm .branches-list__item.atm { display: block; } .branches-list.terminal .branches-list__item.terminal { display: block; } .branches-list.cash-desk .branches-list__item.cash-desk { display: block; } .branches-list__padd { display: none; } .metro { position: relative; display: inline-block; vertical-align: top; padding-left: 20px; margin-right: 15px; } .metro:last-child { margin-right: 0; } .metro:before { content: ''; position: absolute; left: 0; top: 3px; font-size: 12px; content: "\e90b"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .metro_purple:before { color: #943e90; } .metro_grey:before { color: #acabac; } .metro_yellow:before { color: #fecd20; } .metro_orange:before { color: #f07e21; } .metro_green:before { color: #4cb050; } .metro_lime:before { color: #bdd125; } .metro_blue:before { color: #0072ba; } .metro_red:before { color: #e41b13; } .metro_lightblue:before { color: #26bcef; } .metro_turqoise:before { color: #7ec9ca; } .metro_lilac:before { color: #bac7e8; } .metro_circle:before { color: #a35539; } @media (min-width: 980px) { .page_branches .branches-list__padd { display: block; height: 0; background-color: #ecebf3; margin: 0 -40px; -webkit-transition: height 0.2s ease; -moz-transition: height 0.2s ease; -ms-transition: height 0.2s ease; -o-transition: height 0.2s ease; transition: height 0.2s ease; } .page_branches .header-wrapper { background-color: transparent; } .page_branches .header-wrapper .header { height: auto; } .page_branches .header-wrapper .header__logo-red { display: none; } .page_branches .header-wrapper .header__logo-light { display: inline; } .page_branches .header-wrapper .header__logo-black { display: none; } .page_branches .header-wrapper .header__nav { border: none; background-color: #ecebf3; } .page_branches .header-wrapper .header__nav .breadcrumbs { margin-right: 0; } .page_branches .header-wrapper .header__nav > .nav-foldable { position: static; border-top: none; } .page_branches .header-wrapper .header__map-controls { pointer-events: auto; position: absolute; top: 17px; right: 50%; width: 25%; padding-right: 30px; } .page_branches .header-wrapper .header__map-controls .header__map-search { position: static; padding: 0; margin-top: 0; margin-bottom: 20px; min-height: 0; width: 100%; } .page_branches .header-wrapper .header__map-controls .header__map-search-opener, .page_branches .header-wrapper .header__map-controls .header__map-search-closer { display: none !important; } .page_branches .header-wrapper .header__map-controls .header__map-search .form { display: block !important; } .page_branches .header-wrapper .header__map-controls .header__map-switcher { padding: 0; background-color: transparent; position: static; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .page_branches .header-wrapper .header__map-controls .header__map-switcher .tabs__opener { margin-right: 16px; } .page_branches .header-wrapper .header__map-controls .header__map-switcher .tabs__opener[data-type="list"] { display: none; } .page_branches .header-wrapper .header__map-controls .header__map-switcher .tabs__opener:before, .page_branches .header-wrapper .header__map-controls .header__map-switcher .tabs__opener:after { display: block; } .page_branches .header-wrapper .header__map-controls .header__map-switcher .icon-view { display: none; } .page_branches .footer { display: block; } .branch-options { padding: 0; margin: 0 0 9px 0; } .branch-options__item { padding: 0 30px 15px 0; display: inline-block; vertical-align: top; } .branch-options__item:last-child { margin-right: 0; padding: 0; } .branches-list__item { padding: 20px 40px; margin: 0 -40px; } .branches-list__item-title { width: calc((100%) - 120px); } .branches-list__item-address { width: calc((100%) - 130px); } .branches-list__item-wrapper { display: block; } .branches-list__item-wrapper:after { content: ''; display: block; clear: both; } .branches-list__item-schedule-general { position: relative; z-index: 2; float: right; top: 6px; padding-top: 2px; width: 105px; font-size: 11px; line-height: 160%; color: #646464; padding-bottom: 10px; } .branches-list__item-status { position: absolute; margin-bottom: 0; right: 40px; top: 19px; width: 80px; } .component_branches { display: block !important; } } .page_branch .map-container { display: block; } .branch__address { font-size: 15px; margin-bottom: 8px; } .branch .with-link { position: relative; padding-right: 11.2em; } .branch .with-link .branch__evaluation { position: absolute; right: 0; top: 0; width: 11.2em; text-align: right; } .branch .with-link .branch__evaluation a { display: inline-block; } .branch__info { margin: 0 -20px; } .branch__info-item { padding: 14px 20px; font-size: 13px; } .branch__info-item_cols .branch__info-col { width: 100%; font-size: 13px; } .branch__info-item_cols .branch__info-col_title { color: #969696; } .branch__info-item:nth-child(2n+1) { background-color: #f5f7fb; } .branch__img { text-align: center; margin-top: 30px; } .branch__img img { display: inline-block; max-width: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .branch .component_branch-info { padding-top: 0; padding-bottom: 0; } .day { font-size: 0; margin-bottom: 15px; } .day__time { display: inline-block; vertical-align: top; font-size: 0; position: relative; padding-top: 6px; margin: 0 15px 5px 0; } .day__time .hours, .day__time .minutes { display: inline-block; vertical-align: top; } .day__time .hours { font-size: 13px; } .day__time .minutes { font-size: 8px; color: #969696; margin: -3px 0 0 2px; } .day__time.now { padding-top: 10px; } .day__time.now .hours { font-size: 13px; } .day__time.now .minutes { font-size: 13px; margin-top: 0; color: #3c3c3c; } .day__time.now .minutes:before { content: ':'; display: inline-block; vertical-align: top; margin: -1px 1px 0 0px; } .day__time:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; } .day__time.free:before { background-color: #80C00D; } .day__time.busy:before { background-color: #BD002E; } .day__time.normal:before { background-color: #F4D02A; } .closest-branches__item { padding: 0 20px; margin: 0 -20px 25px; } .closest-branches__item:last-child { margin-bottom: 0; } .closest-branches__item-title { margin-bottom: 4px; } .closest-branches__item-address { margin-bottom: 4px; font-size: 13px; } .closest-branches__item-metro { font-size: 13px; } @media (min-width: 980px) { .branch__address { font-size: 22px; line-height: 130%; } .branch__info { margin: 0 -40px; } .branch__info-item { padding: 22px 40px; font-size: 15px; } .branch__info-item_cols { font-size: 0; } .branch__info-item_cols .branch__info-col { display: inline-block; vertical-align: top; font-size: 15px; } .branch__info-item_cols .branch__info-col_title { width: 40%; } .branch__info-item_cols .branch__info-col_descr { width: 57%; margin-left: 2%; } .branch > .component:first-child { padding-top: 121px; } .day { font-size: 0; } .day__time .hours { font-size: 15px; } .day__time.now .hours { font-size: 22px; } .day__time.now .minutes { font-size: 22px; } .closest-branches__item { padding: 0 40px 25px; margin: 0 -40px; } } .buildings-list { padding: 15px 0 30px; } .buildings-list__item { display: block; margin: 0 0 12px; } .buildings-list__item:after { content: ''; display: block; clear: both; } .buildings-list__item:hover .buildings-list__item-title span { color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .buildings-list__item-img { height: 100px; width: 100px; overflow: hidden; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .buildings-list__item-info { padding-top: 5px; } .buildings-list__item-title { font-size: 18px; margin-bottom: 2px; } .buildings-list__item-title span { border-bottom: 1px solid; color: #555fa0; border-color: rgba(85, 95, 160, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .buildings-list__item-descr { color: #3c3c3c; font-size: 13px; } .buildings-list__item-company { color: #969696; } .dark-bg .buildings-list__item-title span, .transparent-bg .buildings-list__item-title span { color: #fff; border-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .dark-bg .buildings-list__item-descr, .transparent-bg .buildings-list__item-descr, .dark-bg .buildings-list__item-company, .transparent-bg .buildings-list__item-company { color: #fff; } .buildings-btn { margin-bottom: 15px; } @media (min-width: 980px) { .buildings-list__item { min-height: 100px; } .buildings-list__item-info { margin-left: 115px; } .buildings-btn { margin-bottom: 0; } } .deposits-col { display: block; } .deposits-col_sum { display: inline-block; opacity: 0; padding-left: 10px; -webkit-transition: opacity 0.23s ease-in-out; -moz-transition: opacity 0.23s ease-in-out; -ms-transition: opacity 0.23s ease-in-out; -o-transition: opacity 0.23s ease-in-out; transition: opacity 0.23s ease-in-out; } .deposits-col_sum .rouble { line-height: 80%; } #deposits .reduced-width:not(:first-child) > h2 { margin-top: 44px; } #deposits .products-list__item-col { padding-right: 40px; padding-left: 0; position: relative; } #deposits .products-list__item-content { color: #646464; display: none; opacity: 1; position: relative; top: 6px; } #deposits .products-list__item-content_main { color: #bb0032; display: block; } #deposits.fade-out-in .products-list__item-col_extra { -webkit-animation: fadeOutIn 0.3s ease-in-out; -moz-animation: fadeOutIn 0.3s ease-in-out; animation: fadeOutIn 0.3s ease-in-out; } #deposits.deposits_with-replenishment .replenishment h3 span { color: #969696; border-color: rgba(150, 150, 150, 0.3); } #deposits.deposits_with-replenishment .replenishment ul.no-marker { color: #969696; } #deposits.deposits_with-replenishment .replenishment .products-list__item-col_main { color: #969696; } #deposits.deposits_with-replenishment .replenishment .products-list__item-content { display: none; } #deposits.deposits_with-replenishment .replenishment .products-list__item-content_replenishment { display: block; } #deposits.deposits_with-withdrawal .withdrawal h3 span { color: #969696; border-color: rgba(150, 150, 150, 0.3); } #deposits.deposits_with-withdrawal .withdrawal ul.no-marker { color: #969696; } #deposits.deposits_with-withdrawal .withdrawal .products-list__item-col_main { color: #969696; } #deposits.deposits_with-withdrawal .withdrawal .products-list__item-content { display: none; } #deposits.deposits_with-withdrawal .withdrawal .products-list__item-content_withdrawal { display: block; } #deposits.deposits_with-capitalization .capitalization h3 span { color: #969696; border-color: rgba(150, 150, 150, 0.3); } #deposits.deposits_with-capitalization .capitalization ul.no-marker { color: #969696; } #deposits.deposits_with-capitalization .capitalization .products-list__item-col_main { color: #969696; } #deposits.deposits_with-capitalization .capitalization .products-list__item-content { display: none; } #deposits.deposits_with-capitalization .capitalization .products-list__item-content_capitalization { display: block; } #deposits.deposits_with-replenishment.deposits_with-withdrawal .replenishment .products-list__item-content { display: none; } #deposits.deposits_with-replenishment.deposits_with-withdrawal .replenishment .products-list__item-content_replenishment { display: block; } #deposits.deposits_with-replenishment.deposits_with-withdrawal .withdrawal .products-list__item-content_withdrawal { display: block; } #deposits.deposits_with-replenishment.deposits_with-capitalization .replenishment .products-list__item-content { display: none; } #deposits.deposits_with-replenishment.deposits_with-capitalization .replenishment .products-list__item-content_replenishment { display: block; } #deposits.deposits_with-replenishment.deposits_with-capitalization .replenishment .products-list__item-content_capitalization { display: block; } #deposits.deposits_with-replenishment.deposits_with-capitalization .capitalization .products-list__item-content_capitalization { display: block; } #deposits.deposits_with-withdrawal.deposits_with-capitalization .withdrawal .products-list__item-content { display: none; } #deposits.deposits_with-withdrawal.deposits_with-capitalization .withdrawal .products-list__item-content_withdrawal { display: block; } #deposits.deposits_with-withdrawal.deposits_with-capitalization .capitalization .products-list__item-content_capitalization { display: block; } #deposits.deposits_with-replenishment.deposits_with-withdrawal.deposits_with-capitalization .replenishment .products-list__item-content { display: none; } #deposits.deposits_with-replenishment.deposits_with-withdrawal.deposits_with-capitalization .replenishment .products-list__item-content_replenishment { display: block; } #deposits.deposits_with-replenishment.deposits_with-withdrawal.deposits_with-capitalization .withdrawal .products-list__item-content_withdrawal { display: block; } #deposits.deposits_with-replenishment.deposits_with-withdrawal.deposits_with-capitalization .capitalization .products-list__item-content_capitalization { display: block; } @media (max-width: 980px) { #deposits .products-list__item-col { padding-right: 0; width: 70%; } } @media (max-width: 1200px) { .deposits-col_percent { width: 100%; } } @media (min-width: 980px) { .deposits-calc { font-size: 0; } .deposits-calc__col { font-size: 15px; display: inline-block; vertical-align: top; } .deposits-calc__col_main { width: 60%; padding-right: 1%; } .deposits-calc__col_extra { width: 40%; padding-top: 63px; } .deposits-col { display: inline-block; } .deposits-col_sum { padding-left: 0; } .deposits-col_percent { margin-bottom: 8px; min-width: 141px; padding-right: 7%; } .tabs__content .desktop-view img { max-height: 340px; } } @media (min-width: 980px) and (max-width: 1200px) { #deposits .products-list__item-content { width: 85%; } .deposits-calc__col_main .slider-container .slider__chosen-value { font-size: 15px; } .deposits-calc__col_main .slider-container.slider-container_replenishment .slider__chosen-value span.no-replenishment { font-size: 15px; } .deposits-calc__col_extra .form__fields input[type="checkbox"] + label { font-size: 13px; } .products-list__item-col_main { width: 45%; } .products-list__item-col_extra { width: 55%; } } .cards-types { z-index: 0; margin: 0 -20px; padding: 0 20px; position: relative; } .cards-types h2 { margin-bottom: 13px; } .cards-types .cards-container { position: absolute; height: 220px; top: 20px; left: 90%; } .cards-types .cards-container .card { position: absolute; top: 0; width: 163px; -webkit-transform: rotate(-38deg); -moz-transform: rotate(-38deg); transform: rotate(-38deg); -webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; transform-origin: left bottom; } .cards-types .cards-container .card img { width: 100%; display: block; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); } .cards-types .cards-container .card.card_1 { top: 0; z-index: 6; } .cards-types .cards-container .card.card_2 { top: 20%; z-index: 5; } .cards-types .cards-container .card.card_3 { top: 40%; z-index: 4; } .cards-types .cards-container .card.card_4 { top: 60%; z-index: 3; } .cards-types .cards-container .card.card_5 { top: 80%; z-index: 2; } .cards-types .cards-container .card.card_6 { top: 100%; z-index: 1; } .cards-types .cols .col { margin: 0 -20px; padding: 20px; } .cards-types .cols .col:nth-child(2n+1) { background-color: #f5f7fb; } .cards-types .cols .col__content { width: 70%; } .cards-promo { position: relative; z-index: 1; } .cards-promo__item { padding: 20px; margin: 0 -20px; font-size: 13px; min-height: 115px; overflow: hidden; } .cards-promo__item ul.no-marker li { color: #646464; } .cards-promo__item h3 { margin-bottom: 13px; } .cards-promo__item:nth-child(2n+1) { background-color: #ecebf3; } .cards-promo__item-content { position: relative; width: 80%; padding-right: 10%; } .cards-promo__item-content .bonus { position: absolute; top: 0; left: 100%; width: 60px; height: 60px; background: #DA3959; background: -moz-linear-gradient(45deg, #DA3959 0%, #A80E6C 100%); background: -webkit-linear-gradient(45deg, #DA3959 0%, #A80E6C 100%); background: linear-gradient(45deg, #DA3959 0%, #A80E6C 100%); } .cards-promo__item-content .bonus__percent { font-size: 29px; } .cards-promo__item-content .bonus__percent > span { font-size: 21px; } .cards-promo__item-img { position: absolute; left: 100%; top: 0; width: 116px; height: 74px; } .cards-promo__item-img .card-img img { display: block; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .cards-promo__item h3 { margin-top: 0; } .cards .products-list_cards { font-size: 13px; color: #646464; } .bonus { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; font-size: 0; color: #fff; } .bonus:before { content: ''; height: 100%; vertical-align: middle; display: inline-block; } .bonus__content { display: inline-block; vertical-align: middle; font-size: 13px; color: #fff; border-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .bonus__content:visited { color: #fff; border-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .bonus__content:hover { color: #fff; border-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .bonus__percent { line-height: 100%; font-family: 'LetoSans-Thin'; } @media (max-width: 979px) { .cards-types h2, .cards-promo h2, .cards-benefits h2, .cards-types h3, .cards-promo h3, .cards-benefits h3 { font-size: 15px; font-family: 'LetoSans-Bold'; } .page_card .extra__content { padding-top: 100px; } .page_card .extra .card-img { margin-top: 0; min-width: 180px; max-width: 200px; } .bonus-points__item .bonus { background-image: none; } } @media (min-width: 980px) { .cards-types { margin: 20px -40px 45px; padding: 0 40px 40px; background-color: #f5f7fb; overflow: visible; } .cards-types h2 { margin-bottom: 20px; } .cards-types .cards-container { top: 0; left: 20px; position: relative; } .cards-types .cards-container .card { top: 0 !important; width: 300px; -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); transform: rotate(-6deg); } .cards-types .cards-container .card img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .cards-types .cards-container .card.card_1 { left: 0; } .cards-types .cards-container .card.card_2 { left: 10%; } .cards-types .cards-container .card.card_3 { left: 20%; } .cards-types .cards-container .card.card_4 { left: 30%; } .cards-types .cards-container .card.card_5 { left: 40%; } .cards-types .cards-container .card.card_6 { left: 50%; } .cards-types .cols .col { margin: 0; background: none; } .cards-types .cols .col:first-child { padding: 0 40px 0 0; } .cards-types .cols .col:last-child { padding: 0; } .cards-types .cols .col__content { width: 100%; max-width: 380px; } .cards-promo { font-size: 0; } .cards-promo__item { margin: 0 0 45px; padding: 0 40px 0 0; display: inline-block; vertical-align: top; font-size: 13px; width: 50%; overflow: visible; background-color: transparent !important; } .cards-promo__item-content { width: 100%; max-width: 360px; padding-top: 180px; padding-right: 0; } .cards-promo__item-content .bonus { left: 0; top: -10px; width: 168px; height: 168px; } .cards-promo__item-content .bonus__percent { font-size: 29px; font-size: 70px; } .cards-promo__item-content .bonus__percent > span { font-size: 50px; } .cards-promo__item-img { width: 246px; height: 158px; left: 0; } .cards-promo__item-img:after { width: 273px; height: 210px; top: -16px; left: -14px; } .cards-promo__item-img .card-img img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; max-width: 100%; } .cards-promo__item-top .card-img { top: 0; -webkit-transition: top 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95); -moz-transition: top 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95); -ms-transition: top 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95); -o-transition: top 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95); transition: top 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95); } .cards-promo__item-top:hover .card-img { top: -10px; } .cards-promo__item-top:hover h3 a { color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .page_card .extra .card-img { margin-top: 20px; } .bonus__percent { margin-top: 8px; display: block; } } .card { font-size: 15px; } .card-img { display: inline-block; position: relative; margin-bottom: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.45); -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.45); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.45); } .card-img:after { content: ''; top: 0; bottom: 0; right: 0; left: 0; position: absolute; pointer-events: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0px 0px 2px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0px 0px 2px 1px rgba(255, 255, 255, 0.2); } .extra .card-img { width: 26vw; min-width: 230px; margin-top: 60px; } .card-img img { display: block; width: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .card__conditions { display: none; } .card-specific { display: none; } .card-specific .tabs__opener { padding: 0 0 10px; font-size: 13px; } .card-specific .tabs__opener:before, .card-specific .tabs__opener:after { display: none; } .card-specific .tabs__opener:last-child { padding-bottom: 0; } @media (min-width: 980px) { .extra .card-img { width: 28vw; max-width: 370px !important; min-width: 280px; margin-top: 0; margin-bottom: 20px; } .card__conditions { display: block; } .card-specific .tabs__opener { font-size: 15px; } } .component_bonus { overflow: hidden; } .tabs_bonus .tabs__content_bonus-cashback { padding-top: 25px; } .bonus-points__item { margin: 0 -20px; padding: 14px 20px; } .bonus-points__item:nth-child(2n+1) { background-color: #fff; } .bonus-points__item-content .bonus { text-align: left; } .bonus-points__item-content .bonus__content { color: #3c3c3c; } .bonus-points__item-content .bonus__percent { margin-bottom: 7px; font-size: 24px; font-family: 'LetoSans'; color: #bb0032; display: block; } .bonus-points__item-content .bonus__percent span { font-size: 19px; } .bonus-reward { position: relative; margin-top: 45px; } .bonus-reward__img { position: relative; width: 34%; top: -10px; } .bonus-reward__img img { max-width: 100%; } .bonus-reward__sum { font-size: 52px; line-height: 100%; } .bonus-reward__points { margin-top: 30px; } .bonus-reward__points-num { font-size: 22px; } .bonus-categories { position: relative; margin: 20px -20px 0; } .bonus-categories__item { padding: 14px 20px; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .bonus-categories__item:nth-child(2n+1) { background-color: #fff; } .bonus-categories__item-content { width: 100%; } .bonus-categories__item-content p { font-size: 13px; margin-bottom: 0; } .bonus-categories__item-img { position: absolute; top: 50%; left: 95%; pointer-events: none; z-index: 1; opacity: 0; -webkit-transform: translate(-50%, -50%) scale(0.9); -moz-transform: translate(-50%, -50%) scale(0.9); transform: translate(-50%, -50%) scale(0.9); -webkit-transition: opacity 0.2s ease, transform 0.2s ease; -moz-transition: opacity 0.2s ease, transform 0.2s ease; -ms-transition: opacity 0.2s ease, transform 0.2s ease; -o-transition: opacity 0.2s ease, transform 0.2s ease; transition: opacity 0.2s ease, transform 0.2s ease; } @media (min-width: 980px) { .tabs_bonus { margin-top: 15px; } .bonus-points { position: relative; font-size: 0; max-width: 550px; } .bonus-points__item { margin: 0; padding: 0; position: relative; z-index: 1; display: inline-block; vertical-align: middle; font-size: 15px; } .bonus-points__item:nth-child(2n+1) { background-color: transparent; } .bonus-points__item:before { content: ''; display: block; margin-top: 100%; } .bonus-points__item-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 15px; } .bonus-points__item .bonus { width: 90%; height: 90%; background: url("../i/video/cards/cards_start.jpg") 0 0 no-repeat; background-attachment: fixed; background-size: cover; overflow: hidden; position: relative; text-align: center; padding: 0 10px; } .bonus-points__item .bonus:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("/i/cover-gradient.png") 0 0 repeat-x; background-attachment: fixed; background-size: contain; width: 100%; height: 100%; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .bonus-points__item .bonus__percent { margin-bottom: 0; margin-top: 10px; line-height: 60%; font-family: 'LetoSans-Thin'; color: #fff; display: inline-block; } .bonus-points__item .bonus__content { position: relative; z-index: 2; line-height: 100%; color: #fff; } .bonus-points__item .bonus__content div { font-size: 11px; } .bonus-points__item_1 { width: 27%; } .bonus-points__item_1 .bonus__percent { font-size: 35px; line-height: 90%; } .bonus-points__item_1 .bonus__percent > span { font-size: 26px; } .bonus-points__item_2 { width: 33%; } .bonus-points__item_2 .bonus__percent { font-size: 68px; } .bonus-points__item_2 .bonus__percent > span { font-size: 51px; } .bonus-points__item_3 { width: 40%; } .bonus-points__item_3 .bonus__percent { font-size: 80px; } .bonus-points__item_3 .bonus__percent > span { font-size: 60px; } .bonus-points__item_4 { width: 53%; margin-top: -20px; } .bonus-points__item_4 .bonus__percent { font-size: 115px; } .bonus-points__item_4 .bonus__percent > span { font-size: 81px; } .bonus-points__item_5 { width: 47%; margin-top: -10px; } .bonus-points__item_5 .bonus__percent { font-size: 98px; } .bonus-points__item_5 .bonus__percent > span { font-size: 71px; } .bonus-reward { min-height: 240px; } .bonus-reward__content, .bonus-reward__img { display: inline-block; vertical-align: top; } .bonus-reward__content { max-width: 64%; padding-right: 5%; } .bonus-reward__sum { font-size: 60px; } .bonus-categories { margin: 20px -40px 0; } .bonus-categories:before { content: ''; height: 490px; width: 490px; position: absolute; top: 50%; left: 95%; margin-top: -245px; margin-left: -245px; overflow: hidden; background: url("../i/video/cards/cards_start.jpg") 0 0 no-repeat; background-attachment: fixed; background-size: cover; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .bonus-categories:after { content: ''; height: 490px; width: 490px; position: absolute; top: 50%; left: 95%; margin-top: -245px; margin-left: -245px; overflow: hidden; background: url("/i/cover-gradient.png") 0 0 repeat-x; background-attachment: fixed; background-size: contain; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .bonus-categories__item { padding: 18px 40px; } .bonus-categories__item:nth-child(2n+1) { background-color: transparent; } .bonus-categories__item.selected { background-color: #fff; } .bonus-categories__item.selected .bonus-categories__item-img { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .bonus-categories__item-content { width: 50%; } } table.cards-comparison { height: 100%; z-index: 1; } table.cards-comparison tr th, table.cards-comparison tr td { background-color: #fff; font-size: 13px; min-width: 200px; } table.cards-comparison tr th > div, table.cards-comparison tr td > div { position: relative; } table.cards-comparison tr th:first-child, table.cards-comparison tr td:first-child { width: 123px; min-width: 123px; background-color: transparent; color: rgba(255, 255, 255, 0.5); } table.cards-comparison tr th:nth-child(2n+2), table.cards-comparison tr td:nth-child(2n+2) { background-color: #f5f7fb; } table.cards-comparison tr th.disabled, table.cards-comparison tr td.disabled { color: #e2e2e2; } table.cards-comparison tr th.disabled .cards-comparison__actions .cards-comparison__action_remove, table.cards-comparison tr td.disabled .cards-comparison__actions .cards-comparison__action_remove { display: none; } table.cards-comparison tr th.disabled .cards-comparison__actions .cards-comparison__action_add, table.cards-comparison tr td.disabled .cards-comparison__actions .cards-comparison__action_add { display: block; } table.cards-comparison tr th.disabled .cards-comparison__img, table.cards-comparison tr td.disabled .cards-comparison__img, table.cards-comparison tr th.disabled .cards-comparison__title, table.cards-comparison tr td.disabled .cards-comparison__title { opacity: 0.5; } table.cards-comparison tr th.disabled .cards-comparison__dragger, table.cards-comparison tr td.disabled .cards-comparison__dragger { display: none; } table.cards-comparison tr th.disabled ul.no-marker li, table.cards-comparison tr td.disabled ul.no-marker li { color: #e2e2e2; } table.cards-comparison tr th.disabled .note, table.cards-comparison tr td.disabled .note { color: #e2e2e2; } table.cards-comparison tr:hover td { background-color: #f5f3fa; } table.cards-comparison tr:hover td:first-child { background-color: rgba(0, 0, 0, 0.18); } table.cards-comparison tr:hover td:nth-child(2n+2) { background-color: #eceef7; } table.cards-comparison tr:hover td ul.no-marker li { background: none; } table.cards-comparison tr th { font-weight: normal; border-bottom: none; } table.cards-comparison tr th .cards-comparison__dragger { height: 12px; width: 13px; margin-bottom: 10px; cursor: move; position: relative; } table.cards-comparison tr th .cards-comparison__dragger:before, table.cards-comparison tr th .cards-comparison__dragger:after { content: ''; } table.cards-comparison tr th .cards-comparison__dragger:before, table.cards-comparison tr th .cards-comparison__dragger:after, table.cards-comparison tr th .cards-comparison__dragger span { position: absolute; width: 1px; top: 0; bottom: 0; background-color: #969696; } table.cards-comparison tr th .cards-comparison__dragger:before { left: 0; } table.cards-comparison tr th .cards-comparison__dragger:after { right: 0; } table.cards-comparison tr th .cards-comparison__dragger span { left: 50%; margin-left: -1px; } table.cards-comparison tr th .cards-comparison__dragger:hover:before, table.cards-comparison tr th .cards-comparison__dragger:hover:after, table.cards-comparison tr th .cards-comparison__dragger:hover span { background-color: #bb0032; } table.cards-comparison tr th .cards-comparison__actions { position: absolute; top: -3px; right: 0; } table.cards-comparison tr th .cards-comparison__actions .cards-comparison__action { position: relative; margin-right: 18px; color: #969696; border-color: rgba(150, 150, 150, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } table.cards-comparison tr th .cards-comparison__actions .cards-comparison__action:visited { color: #969696; border-color: rgba(150, 150, 150, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } table.cards-comparison tr th .cards-comparison__actions .cards-comparison__action:hover { color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } table.cards-comparison tr th .cards-comparison__actions .cards-comparison__action:after { position: absolute; right: -18px; top: -1px; font-size: 30px; font-family: 'LetoSans-Thin'; } table.cards-comparison tr th .cards-comparison__actions .cards-comparison__action span { display: none; } table.cards-comparison tr th .cards-comparison__actions .cards-comparison__action_remove:after { content: '\00D7'; } table.cards-comparison tr th .cards-comparison__actions .cards-comparison__action_add { display: none; } table.cards-comparison tr th .cards-comparison__actions .cards-comparison__action_add:after { content: '+'; line-height: 100%; } table.cards-comparison tr th .logo_short { margin-bottom: 15px; } table.cards-comparison tr th.cards-comparison__logo { text-align: center; } table.cards-comparison tr th.cards-comparison__logo .btn:hover { padding: 9px 12px; } table.cards-comparison tr th .cards-comparison__img { margin-bottom: 7px; position: relative; z-index: 1; } table.cards-comparison tr th .cards-comparison__img img { display: block; max-width: calc(13.3vw); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } table.cards-comparison tr th .cards-comparison__img_double img { max-width: calc(12.1vw); } table.cards-comparison tr th .cards-comparison__img_double img:first-child { position: absolute; top: -10px; z-index: -1; } table.cards-comparison tr th .cards-comparison__img_double img:last-child { margin-top: 10px; margin-left: 10px; } table.cards-comparison tr th .cards-comparison__title { font-size: 15px; } .dragtable-sortable { width: 100%; height: 100%; list-style-type: none; margin: 0; padding: 0; -moz-user-select: none; z-index: 2; } .dragtable-sortable > li { background-color: #fff; } .dragtable-sortable > li:first-child { background-color: transparent !important; } .dragtable-sortable > li:nth-child(2n+2) { background-color: #f5f7fb; } .dragtable-sortable li { margin: 0; padding: 0; float: left; font-size: 1em; background: white; } .dragtable-sortable li:first-child { opacity: 0; } .dragtable-sortable li:not(:first-child) * { color: #646464 !important; } .dragtable-sortable li:not(:first-child) .note, .dragtable-sortable li:not(:first-child) .note span { color: #969696 !important; } .dragtable-sortable li:before { display: none; } .dragtable-sortable .ui-sortable-helper { opacity: 0.7; } .dragtable-sortable .ui-sortable-placeholder { background: #e3e6ef !important; visibility: visible !important; } .dragtable-sortable .ui-sortable-placeholder * { opacity: 0; visibility: hidden; } @media (max-width: 1024px) { .cards-comparison__dragger { display: none; } } .tabs_cards > .tabs__openers { height: 75px; overflow: hidden; position: relative; margin-bottom: 0; } .tabs_cards > .tabs__openers .tabs__opener { position: absolute; left: 0; top: 100%; max-width: 215px; width: 30%; padding: 0; margin: 0; background: #fff; overflow: hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: top 0.5s cubic-bezier(0.88, 0.06, 0, 0.995); -moz-transition: top 0.5s cubic-bezier(0.88, 0.06, 0, 0.995); -ms-transition: top 0.5s cubic-bezier(0.88, 0.06, 0, 0.995); -o-transition: top 0.5s cubic-bezier(0.88, 0.06, 0, 0.995); transition: top 0.5s cubic-bezier(0.88, 0.06, 0, 0.995); } .tabs_cards > .tabs__openers .tabs__opener:before { content: ''; position: absolute; left: 50%; top: 75px; margin: 0 0 0 -14px; right: auto; opacity: 1; height: auto; background-color: transparent; border-bottom: 14px solid #f5f7fb; border-left: 14px solid transparent; border-right: 14px solid transparent; display: block; -webkit-transition: margin 0.3s ease 0.1s; -moz-transition: margin 0.3s ease 0.1s; -ms-transition: margin 0.3s ease 0.1s; -o-transition: margin 0.3s ease 0.1s; transition: margin 0.3s ease 0.1s; } .tabs_cards > .tabs__openers .tabs__opener:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: auto; background-color: #fff; opacity: 0.5; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .tabs_cards > .tabs__openers .tabs__opener.animated { top: 28px; } .tabs_cards > .tabs__openers .tabs__opener.animated.selected { top: 0; } .tabs_cards > .tabs__openers .tabs__opener:not(.selected):hover { top: 18px; -webkit-transition: top 0.3s ease; -moz-transition: top 0.3s ease; -ms-transition: top 0.3s ease; -o-transition: top 0.3s ease; transition: top 0.3s ease; } .tabs_cards > .tabs__openers .tabs__opener:not(.selected):hover:after { opacity: 0.3; } .tabs_cards > .tabs__openers .tabs__opener.selected { z-index: 20; } .tabs_cards > .tabs__openers .tabs__opener.selected:before { margin: -14px 0 0 -14px; } .tabs_cards > .tabs__openers .tabs__opener.selected:after { display: none; } .tabs_cards > .tabs__openers .tabs__opener.previous { z-index: 0 !important; } .tabs_cards > .tabs__openers .tabs__opener img { width: 100%; } .tabs_cards > .tabs__openers .tabs__opener_0 { z-index: 7; } .tabs_cards > .tabs__openers .tabs__opener_1 { left: 10%; z-index: 6; } .tabs_cards > .tabs__openers .tabs__opener_2 { left: 20%; z-index: 5; } .tabs_cards > .tabs__openers .tabs__opener_3 { left: 30%; z-index: 4; } .tabs_cards > .tabs__openers .tabs__opener_4 { left: 40%; z-index: 3; } .tabs_cards > .tabs__openers .tabs__opener_5 { left: 50%; z-index: 2; } .tabs_cards > .tabs__openers .tabs__opener_6 { left: 60%; z-index: 1; } .tabs_cards > .tabs__openers .tabs__opener_7 { left: 70%; z-index: 0; } .tabs_cards > .tabs__contents .tabs__content .card-main { margin: 20px -20px 0; padding: 20px; } .tabs_cards > .tabs__contents .tabs__content .card-main .cols { margin-bottom: 10px; } .tabs_cards > .tabs__contents .tabs__content .card-main .cols .col { margin-bottom: 10px; } .tabs_cards > .tabs__contents .tabs__content .card-main .cols .col img { max-width: 100%; } .tabs_cards > .tabs__contents .tabs__content .card-main .cols:last-child { margin-bottom: 0; } .tabs_cards > .tabs__contents .tabs__content .card-main .cols.cols2 .col { width: 50%; } .tabs_cards > .tabs__contents .tabs__content .conditions { margin-top: 0; } .tabs_cards > .tabs__contents .tabs__content .conditions__line { background: transparent; } .tabs_cards > .tabs__contents .tabs__content .conditions__line:nth-child(2n+2) { background-color: #f5f7fb; } @media (min-width: 980px) { .tabs_cards { margin-top: 30px; } .tabs_cards > .tabs__contents .tabs__content .card-main { margin: 0 -40px; padding: 40px; } .tabs_cards > .tabs__contents .tabs__content .card-main h2 { margin-bottom: 30px; } } @media (max-width: 460px) { .tabs_cards > .tabs__contents .tabs__content .card-main .cols.cols2 .col { width: 100%; } } .cards-list > h3:first-child { margin-right: 240px; } .cards-list__items { margin-top: 30px; font-size: 0; } .cards-list__items.paypass .cards-list__item:not(.cards-list__item_paypass) { display: none !important; } .cards-list__item { width: 42%; font-size: 15px; display: inline-block; vertical-align: top; margin: 0 60px 45px 0; color: #646464; } .cards-list__item:nth-child(2n+2) { margin-right: 0; } .cards-list__item_double .cards-list__item-img .card-img { max-width: 90%; } .cards-list__item_double .cards-list__item-img .card-img:first-child { position: absolute; } .cards-list__item_double .cards-list__item-img .card-img:last-child { margin-top: 15px; margin-left: 15px; } .cards-list__item-title { margin-bottom: 10px; font-size: 18px; } .cards-list__item-img { position: relative; } .cards-list__item ul.no-marker { font-size: 13px; color: #646464; } .cards-list__item ul.no-marker li { margin-bottom: 5px; } .cards-list .cards-hidden { display: none; } @media (max-width: 460px) { .cards-list__item { width: 100%; display: block; margin: 0 0 45px 0; } } @media (min-width: 980px) { .cards-list__item-top .card-img { top: 0; -webkit-transition: transform 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95); -moz-transition: transform 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95); -ms-transition: transform 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95); -o-transition: transform 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95); transition: transform 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95); } .cards-list__item-top .card-img a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .cards-list__item-top:hover .cards-list__item-title a { color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .cards-list__item-top:hover .card-img { transform: translateY(-10px); } } .cards-selection { margin-top: 70px; position: relative; } .cards-selection > h3 { margin-right: 150px; } .cards-selection > .reduced-width { position: relative; } .cards-selection__item_comparison { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; display: none; overflow-y: auto; background: #862B47; background: -moz-linear-gradient(0deg, #862B47 0%, #403452 100%); background: -webkit-linear-gradient(0deg, #862B47 0%, #403452 100%); background: linear-gradient(0deg, #862B47 0%, #403452 100%); } .cards-selection .tabs_selection > .reduced-width > .tabs__openers { margin-top: 20px; } @media (min-width: 980px) { .cards-selection .tabs_selection > .reduced-width { position: relative; } .cards-selection .tabs_selection > .reduced-width > .tabs__openers { display: inline-block; position: absolute; right: 0; top: -64px; margin-bottom: 0; margin-top: 0; } } @media (max-width: 980px) { .packages-benefits__col { margin-bottom: 20px; } } .service-packages .reduced-width { max-width: 80% !important; } .service-packages-top { max-width: 800px; } .cols_packages-benefits .index { margin: 16px 0 5px; } .service-packages-container { margin-top: 30px; } .service-packages-container .service-packages { display: none; } .service-packages-container .service-packages__row { font-size: 0; margin: 5px -20px 0; } .service-packages-container .service-packages__row > .reduced-width { display: flex; flex-flow: row-wrap; } .service-packages-container .service-packages__row-item { color: #646464; padding: 20px; font-size: 15px; display: inline-block; vertical-align: top; width: 20%; position: relative; z-index: 1; } .service-packages-container .service-packages__row-item:before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background-color: rgba(223, 222, 235, 0.4); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .service-packages-container .service-packages__row-item_combined { width: 60%; } .service-packages-container .service-packages__row-item.hovered:before { opacity: 1; } .service-packages-container .service-packages__row-item:first-child { padding-left: 20px; } .service-packages-container .service-packages__row-item:last-child { padding-right: 20px; } .service-packages-container .service-packages__row-item h3 { position: relative; padding-top: 55px; } .service-packages-container .service-packages__row-item h3 a { color: #646464; border-color: rgba(100, 100, 100, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .service-packages-container .service-packages__row-item h3 a:visited { color: #646464; border-color: rgba(100, 100, 100, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .service-packages-container .service-packages__row-item h3 a:hover { color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .service-packages-container .service-packages__row-item-img, .service-packages-container .service-packages__row-item-descr { display: inline-block; vertical-align: top; width: 49%; } .service-packages-container .service-packages__row-item-img img { max-width: 100%; display: block; margin-top: -50px; } .service-packages-container .service-packages__row-item .icon-service-package { content: ''; position: absolute; left: 0; top: 0; display: block; } .service-packages-container .service-packages__row-item .icon-service-package-3 { top: -13px; } .service-packages-container .service-packages__row-item_3 h3:before { top: -13px; } .service-packages-container .service-packages__row-item .price.hidden { opacity: none; pointer-events: none; } .service-packages-container .service-packages__row:nth-child(2n+1) { background-color: #f5f7fb; } .service-packages-container .service-packages_mobile { display: block; } .service-packages-container .service-packages_mobile__item { margin-right: -20px; margin-left: -20px; padding: 20px; } .service-packages-container .service-packages_mobile__item:nth-child(odd) { background-color: #f5f7fb; } .service-packages-container .service-packages_mobile__item-cost { float: right; margin: 0 0 12px 20px; } .service-packages-container .service-packages_mobile__item-name { font-size: 15px; font-weight: bold; margin-bottom: 10px; } .service-packages-container .service-packages_mobile__item-text { color: #969696; } .service-packages-container .service-packages_mobile__item-annotate { font-size: 11px; line-height: 140%; color: #969696; } .service-packages-container table { margin: 0 -20px; max-width: none; width: auto; } .service-packages-container table tr td:first-child { padding-left: 20px; } .service-packages-container table tr td:last-child { padding-right: 20px; } .service-packages-container table tr:nth-child(2n+1) td { background-color: #f5f7fb; } @media (min-width: 980px) { .service-packages-container { margin-top: 100px; } .service-packages-container .service-packages { display: block; } .service-packages-container .service-packages__row { margin: 0 -40px; } .service-packages-container .service-packages__row-item { padding: 22px 20px; } .service-packages-container .service-packages__row-item:first-child { padding-left: 40px; } .service-packages-container .service-packages__row-item:last-child { padding-right: 40px; } .service-packages-container .service-packages_mobile { display: none; } .service-packages-container table { margin: 0 -40px; } .service-packages-container table tr td:first-child { padding-left: 40px; } .service-packages-container table tr td:last-child { padding-right: 40px; } } .cards-transfers { margin-top: 25px; } .cards-transfers-container { background: #f5f7fb; padding: 20px; } .cards-transfers-container_outer { margin: 0 -20px 30px; overflow: hidden; } .cards-transfers__items { font-size: 0; margin-bottom: 13px; } .cards-transfers__item { position: relative; display: inline-block; vertical-align: top; min-width: 323px; margin-bottom: 20px; font-size: 15px; } .cards-transfers__item .transfer-card { width: 323px; height: 210px; padding: 20px; position: relative; z-index: 1; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); -moz-transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); -ms-transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); -o-transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); } .cards-transfers__item .transfer-card__start-line { display: block; height: 28px; margin-bottom: 12px; -webkit-transition: opacity 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); -moz-transition: opacity 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); -ms-transition: opacity 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); -o-transition: opacity 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); transition: opacity 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); } .cards-transfers__item .transfer-card__start-line.hidden { opacity: 0; } .cards-transfers__item .transfer-card__logo, .cards-transfers__item .transfer-card__type { background: transparent; background-position: 0 50%; background-repeat: no-repeat; background-size: contain; display: inline-block; font-size: 21px; height: 28px; line-height: 28px; } .cards-transfers__item .transfer-card__types { display: inline-block; float: right; text-align: right; } .cards-transfers__item .transfer-card__types :before { font-size: 18px; } .cards-transfers__item .transfer-card .field { min-width: 0; } .cards-transfers__item .transfer-card .field_num { width: 100%; } .cards-transfers__item .transfer-card .field_month, .cards-transfers__item .transfer-card .field_year { width: 60px; } .cards-transfers__item .transfer-card .field_month { position: relative; margin-right: 22px; } .cards-transfers__item .transfer-card .field_month:after { content: '/'; position: absolute; right: -16px; top: 10px; font-family: 'LetoSans-Thin'; } .cards-transfers__item .transfer-card .field_cvc { width: 80px; } .cards-transfers__item_from { margin-right: 70px; } .cards-transfers__item_from:after { content: ''; position: absolute; right: -43px; top: 50%; margin-top: -17px; font-size: 35px; color: #c4c4c4; content: "\e924"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); -moz-transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); -ms-transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); -o-transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); } .cards-transfers__item_from .transfer-card { background-image: linear-gradient(-180deg, #d60c42 0%, #b00041 95%); border: 2px solid rgba(255, 255, 255, 0.42); border-radius: 8px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 12px 30px 0 rgba(0, 0, 0, 0.04), 0 6px 6px 0 rgba(0, 0, 0, 0.09), 0 1px 2px 0 rgba(0, 0, 0, 0.07), inset 0 0 0 1px rgba(255, 255, 255, 0.19); color: #fff; } .cards-transfers__item_from .transfer-card_back { background-image: linear-gradient(-180deg, #ab0832 0%, #900025 100%); border: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 12px 30px 0 rgba(0, 0, 0, 0.04), 0 6px 6px 0 rgba(0, 0, 0, 0.09), 0 1px 2px 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 1px rgba(255, 255, 255, 0.27); opacity: 0; position: absolute; left: 0; top: -11px; padding-top: 74px; text-align: right; z-index: 0; -webkit-transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995), 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); -moz-transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995), 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); -ms-transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995), 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); -o-transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995), 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995), 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); } .cards-transfers__item_from .transfer-card_back:after { content: ''; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.43) 0%, rgba(0, 0, 0, 0.26) 36%); height: 43px; position: absolute; right: 0; top: 22px; width: 256px; } .cards-transfers__item_from .transfer-card .form__label { color: #fff; } .cards-transfers__item_to .transfer-card { background: #f9f9fc; border: 2px solid #fff; border-radius: 8px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 12px 30px 0 rgba(0, 0, 0, 0.04), 0 6px 5px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.07); } .cards-transfers__item_to .transfer-card__type:before { color: #bebebe; } .cards-transfers__item_to { -webkit-transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); -moz-transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); -ms-transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); -o-transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); transition: transform 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); } .cards-transfers__info-item { display: inline-block; margin-right: 25px; min-width: 108px; text-align: right; vertical-align: top; } .cards-transfers__info-item label { font-size: 13px; color: #969696; } .cards-transfers__info-item .sum { font-size: 18px; } .cards-transfers .form__fields { margin-bottom: 0; } .services-payment { margin-bottom: 40px; } .services-payment__items { font-size: 0; margin-bottom: 30px; } .services-payment__item { position: relative; font-size: 13px; padding-left: 82px; margin-top: 35px; } .services-payment__item .icon-services-payment { position: absolute; left: 0; top: 0; display: block; } .services-payment__item h3 { margin-top: 0; } .services-payment__item-text { color: #969696; } .services-payment > .foldable .foldable__opener { text-align: center; } .transfers { border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 30px 20px 50px; } .transfers-outer { background: #f5f7fb; margin: 0 -20px; } .transfers__title { margin-bottom: 36px; } .transfers .cols { margin-bottom: 25px; } .transfers .cols .col { padding: 20px; margin: 0 -20px; width: auto; display: block; } .transfers .cols .col:nth-child(2n+2) { background-color: #f5f7fb; } .transfers .transfer { position: relative; } .transfers .transfer_with-img { min-height: 62px; padding-right: 70px; } .transfers .transfer__img { position: absolute; width: 62px; height: 62px; right: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 0; text-align: center; } .transfers .transfer__img:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .transfers .transfer__img img { max-width: 70%; display: inline-block; vertical-align: middle; } .transfers .transfer__title { margin-bottom: 5px; font-family: 'LetoSans-Bold'; } .transfers .transfer__content { font-size: 13px; color: #969696; } .transfers .transfer_wu .transfer__img { background-color: #000; } .transfers .transfer_unistream .transfer__img { background-color: #ffd203; } .transfers .transfer_current .transfer__img { background-color: #aab8dc; } .transfers .transfer_no-acc .transfer__img { background-color: #ecebf3; } .transfers .note { color: #3c3c3c; } .links-list a { margin: 0 10px 5px 0; } #transfer-sum { font-size: 34px; height: 48px; margin-bottom: 11px; width: 177px; } @media (max-width: 980px) { .cards-transfers-container_outer { max-height: 190px; } .cards-transfers { position: relative; } .cards-transfers__item .transfer-card { width: 278px; } .cards-transfers__item .form__line { display: none; } .cards-transfers__item_from { position: relative; z-index: 2; } .cards-transfers__item_to { position: absolute; left: 60px; top: 30px; z-index: 1; } .cards-transfers__item_to .transfer-card { padding-right: 13px; padding-top: 7px; } .cards-transfers__item_to .transfer-card__start-line { opacity: 1 !important; transform: scale(0.8) !important; transform-origin: 100% 100%; } } @media (max-width: 320px) { .cards-transfers-container_outer { max-height: 210px; } } @media (min-width: 980px) { .cards-transfers-container { padding: 30px 40px; } .cards-transfers-container_outer { height: 260px; margin-left: -40px; margin-right: -40px; -webkit-transition: height 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); -moz-transition: height 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); -ms-transition: height 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); -o-transition: height 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); transition: height 0.7s cubic-bezier(0.510, 0.020, 0.000, 0.995); } .services-payment__item { display: inline-block; vertical-align: top; width: 33%; min-width: 340px; padding-right: 5%; } .transfers { border-bottom: none; padding-left: 40px; padding-right: 40px; } .transfers-outer { margin: 0 -40px; } .transfers .cols .col { width: 25%; display: inline-block; margin: 0; padding: 0 30px 0 0; } .transfers .cols .col:nth-child(2n+2) { background-color: transparent; } .transfers .transfer_with-img { padding-top: 74px; padding-right: 0; } .transfers .transfer__img { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 62px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 0; text-align: center; } .transfers .transfer__title { font-family: 'LetoSans'; } .cards-transfers-container.open .cards-transfers__item_to { transform: translate(116px, 0) !important; } .cards-transfers-container.open .cards-transfers__item_from .transfer-card_back { opacity: 1; transform: translate(116px, 0) !important; } .cards-transfers-container.open .cards-transfers__item_from:after { transform: translate(116px, 0) !important; } } .sitemap__row { font-size: 0; padding: 5px 20px; } .sitemap__row:hover { background-color: #f9f9f9; } .sitemap__row:first-child:hover { background-color: transparent; } .sitemap__row_inner { padding-left: 40px; } .sitemap__row-item { font-size: 15px; display: inline-block; vertical-align: top; width: 50%; padding-right: 20px; } .sitemap__row-item:first-child { margin-bottom: 5px; display: block; width: 100%; padding-left: 0; } @media (min-width: 980px) { .sitemap__row-item { width: 15%; } .sitemap__row-item:first-child { margin-bottom: 0; display: inline-block; width: 70%; } .sitemap__row_inner .sitemap__row-item:first-child { margin-right: -6px; } } input[type="checkbox"], input[type="radio"] { display: block; position: absolute; width: 1px; height: 1px; top: -10000; } #deposits .products-list__item_disabled h3 span { color: #969696; border-color: rgba(150, 150, 150, 0.3); } .tabs__opener_news { min-width: 15px; text-align: center; } .tabs_news { margin-top: 35px; } .rss_news { font-size: 18px; line-height: 30px; margin-left: 5px; } .rss_news a.rss { border-color: rgba(85, 95, 160, 0.3); color: #555fa0; } .rss_news a.rss:hover { color: #953463; border-color: rgba(149, 52, 99, 0.3); } @media (max-width: 980px) { .rss_news { font-size: 12px; line-height: 22px; } } .news img { margin: 15px 10px; } .news__arrow-left:before { background-image: url("../i/sprite.png"); background-position: -400px -30px; width: 5px; height: 7px; } .news__arrow-left:hover:before { background-image: url("../i/sprite.png"); background-position: -400px -44px; width: 5px; height: 7px; } .news__arrow-left:active:before { background-image: url("../i/sprite.png"); background-position: -400px -37px; width: 5px; height: 7px; } .news__arrow-left:before { content: ''; position: relative; display: inline-block; margin-left: -10px; margin-right: 5px; } .arrow-back-news { margin-left: 10px; margin-top: 40px; } @media (max-width: 980px) { .arrow-back-news { padding-bottom: 30px; margin-top: 20px; } } .extra .interest-rate .percent-num .percent-addtext { font-size: 110px; display: inline-block; vertical-align: top; position: relative; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } @media (min-width: 980px) { .extra .interest-rate .percent-num .percent-addtext { font-size: 110px; display: inline-block; vertical-align: top; position: relative; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } } @media (min-width: 980px) and (max-width: 1320px) { .extra .interest-rate .percent-num .percent-addtext { line-height: 130px; font-size: 90px; } } @media (min-width: 980px) and (max-width: 1320px) { .extra .interest-rate .percent-num .percent-addtext ~ .percent-num__part { line-height: 150px; font-size: 90px; } } @media (min-width: 1320px) { .extra .interest-rate .percent-num .percent-addtext { line-height: 130px; font-size: 140px; } } @media (min-width: 1320px) { .extra .interest-rate .percent-num .percent-addtext ~ .percent-num__part { line-height: 150px; font-size: 140px; } } @media (min-width: 980px) { .component_request .request-bg-typicalpage { position: relative; bottom: 70px; left: -60px; } } .press-service { margin-bottom: 20px; } .press-service span.fio { font-size: 14px; color: #3c3c3c; } .press-service span { font-size: 12px; color: #969696; display: block; } .press-service a { font-size: 12px; } .btn_download_light_dashed { font-size: 15px; color: #bb0032; background: none; border: 1px dashed rgba(187, 0, 50, 0.5); padding: 14px 23px; cursor: pointer; outline: none; width: auto; display: inline-block; text-align: center; font-family: 'LetoSans'; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; transition: padding 0.3s ease; margin-top: -30px; } .img-roman-avdeev { margin-bottom: 15px; } .img-roman-avdeev img { max-width: 100%; } .shareholder-percentage { width: 100%; margin: 15px 0; } .shareholder-percentage div { display: inline-block; vertical-align: middle; } .shareholder-percentage div:first-child { width: 54px; } .shareholder-percentage .name-company { width: 80%; } .shareholder_text-light-vinous { color: #bb0032; } .shareholder_text-light-orange { color: #e65a14; } .shareholder_text-light-ocher { color: #cd8c00; } .shareholder_text-light-green { color: #82be28; } .shareholder_text-light-turquoise { color: #3cbec8; } .shareholder_text-light-blue { color: #5a78be; } .shareholder_text-vinous { color: #9b0028; } .shareholder_text-orange { color: #be4b0f; } .shareholder_text-ocher { color: #aa6400; } .shareholder_text-green { color: #3caa32; } .shareholder_text-turquoise { color: #287d82; } .shareholder_text-blue { color: #555fa0; } @media (max-width: 450px) { .shareholder-percentage span { display: none; } .shareholder-percentage .name-company { width: 100%; } } .creditrepayment-bg { margin-top: 40px; } .creditrepayment-bg img { display: block; max-width: 100%; margin: 0; } .creditrepayment-buttons { margin-top: 20px; } .component_typical { background-color: none; margin: 0 -20px; padding: 20px; position: relative; } @media (min-width: 980px) { .level_3 .content-container .reduced-width_typical { margin: 0; } } .icon-vk:before { content: "\e964"; font-size: 30px; } .icon-telegram:before { content: "\e974"; font-size: 30px; } .icon-viber:before { content: "\e975"; font-size: 30px; } .networks__item .icon-vk:before { color: #646464; -webkit-transition: color 0.4s ease; -moz-transition: color 0.4s ease; -ms-transition: color 0.4s ease; -o-transition: color 0.4s ease; transition: color 0.4s ease; } .networks__item .icon-vk:hover:before { color: #c62d57; } .transparent-bg .networks .networks__item .icon-vk:before { color: #fff; } .transparent-bg .networks .networks__item .icon-vk:hover:before { color: #e8bf16; } /*.footer { height: 221px; }*/ .component_map { margin-bottom: -410px; padding-bottom: 450px; } @media (min-width: 980px) { .level_home .content-container .main__inner { margin-bottom: -410px; } .level_home .content-container .main__inner:after { height: 410px; } .level_home .content-container .footer { height: 411px; } } .contacts__col_networks { width: 170px; position: absolute; right: 0; top: 0; min-width: 0; } .branches-list__item { display: block; } .metro_brown:before { color: #a25539; } .metro_light-blue:before { color: #26bbee; } .metro_nautical:before { color: #5090ba; } .metro_red:before { color: #ee1e25; } .metro_silver:before { color: #abacae; } .metro_sea:before { background-image: url("../i/sprite.png"); background-position: -301px -280px; width: 16px; height: 11px; } .field_with-icon.field_date.success:after { display: none; } .field_with-icon.field_date.error:after { display: none; } .component_info { padding: 20px; } @media (min-width: 980px) { .component_info { padding: 60px 85px; } } .component_text_conditions { padding: 40px; } .page_deposit_maxprofit .cover, .page_deposit_maxprofit .cover-overlay { background: url("../i/video/deposit_maxprofit/deposit_maxprofit_start.jpg") 0 0 no-repeat; } .with-video .page_deposit_maxprofit .cover, .with-video .page_deposit_maxprofit .cover-overlay { background: url("../i/video/deposit_maxprofit/deposit_maxprofit_start.jpg") 0 0 no-repeat; } .page_deposit_calculated .cover, .page_deposit_calculated .cover-overlay { background: url("../i/video/deposit_calculated/deposit_calculated_start.jpg") 0 0 no-repeat; } .with-video .page_deposit_calculated .cover, .with-video .page_deposit_calculated .cover-overlay { background: url("../i/video/deposit_calculated/deposit_calculated_start.jpg") 0 0 no-repeat; } .page_deposit_rollupcap .cover, .page_deposit_rollupcap .cover-overlay { background: url("../i/video/deposit_nakop/deposit_nakop_start.jpg") 0 0 no-repeat; } .with-video .page_deposit_rollupcap .cover, .with-video .page_deposit_rollupcap .cover-overlay { background: url("../i/video/deposit_nakop/deposit_nakop_start.jpg") 0 0 no-repeat; } .page_loan .cover, .page_loan .cover-overlay { background: url("../i/insurance/bg_1.jpg") 0 0 no-repeat; } .page_travel .cover, .page_travel .cover-overlay { background: url("../i/insurance/bg_2.jpg") 0 0 no-repeat; } .page_cards .cover, .page_cards .cover-overlay { background: url("../i/insurance/bg_3.jpg") 0 0 no-repeat; } .page_estate .cover, .page_estate .cover-overlay { background: url("../i/insurance/bg_4.jpg") 0 0 no-repeat; } .page_accident .cover, .page_accident .cover-overlay { background: url("../i/insurance/bg_5.jpg") 0 0 no-repeat; } .page_pension .cover, .page_pension .cover-overlay { background: url("../i/insurance/bg_6.jpg") 0 0 no-repeat; } .page_medicine .cover, .page_medicine .cover-overlay { background: url("../i/insurance/bg_7.jpg") 0 0 no-repeat; } .page_investment .cover, .page_investment .cover-overlay { background: url("../i/insurance/bg_8.jpg") 0 0 no-repeat; } .cards-list__items.packservice .cards-list__item:not(.cards-list__item_packservice) { display: none !important; } .cards-list__items.simplecard .cards-list__item:not(.cards-list__item_simplecard) { display: none !important; } /* Типовая страница */ .page_typical .cover, .page_typical .cover-overlay { background: url("../i/global/default-cover-bg.jpg?v=1") 0 0 no-repeat; } .page_promos .cover, .page_promos .cover-overlay { background: url("../i/global/default-cover-bg.jpg?v=1") 0 0 no-repeat; } /* Реструктуризация кредитов /personal/credits/restructuring/ */ .page_credit_restructuring .cover, .page_credit_restructuring .cover-overlay { background: url("../i/video/credit/credit_start.jpg") 0 0 no-repeat; } .with-video .page_credit_restructuring .cover, .with-video .page_credit_restructuring .cover-overlay { background: url("../i/video/credit/credit_start.jpg") 0 0 no-repeat; } @media (min-width: 980px) { .page_promos .products-list__item-col_main { width: 89%; } .page_promos .products-list__item-col_extra { max-width: 10%; } } .news__item-image img { max-width: 100%; } .package-service { display: none; } .selected-package-service .package-service { display: inline-block; } .selected-package-service .package-service + .sum { display: none; } .selected-package-service .package-service + .conditions__descr { display: none; } .income-container .income__note { display: block !important; } .selected-premium-card .tabs__opener.premium-card { display: none; } .selected-premium-card .tabs__content.premium-card { display: none; } .selected-premium-card .request-contacts.premium-card { display: block; } .selected-premium-card .request-contacts.premium-card + .request-contacts { display: none; } .request-contacts.premium-card { display: none; } .form_requset_card { display: block; } .form_request_card-indy { display: none; } .card-selection-card-indy .form_request_card-indy { display: block; } .card-selection-card-indy .form_requset_card { display: none; } .cols.cols2 .col.col-image { cursor: pointer; opacity: 0.5; -moz-transition: all linear 1s; -o-transition: all linear 1s; -webkit-transition: all linear 1s; transition: all linear 1s; } .cols.cols2 .col.col-image:hover { opacity: 1; -moz-transition: all linear 1s; -o-transition: all linear 1s; -webkit-transition: all linear 1s; transition: all linear 1s; } .cols.cols2 .col.col-image.selected { opacity: 1; } .cols.cols-image { max-width: 410px; } .col.col-image.right-image { text-align: right; } .cols .col.col-image { padding-right: 0; } @media (min-width: 480px) { .cols.cols2 .col.col-image { width: 100%; } .col.col-image.right-image { text-align: left; } } @media (min-width: 786px) { .cols.cols2 .col.col-image { width: 50%; } .col.col-image.right-image { text-align: right; } } .btn_download_light_dashed.white_content { margin-top: 0; color: white; border-color: white; } .file.file-image { padding-left: 0; } /* table */ .table { width: 100%; max-width: 100%; } .table .table-row { padding: 10px 0 0; } .table .table-row:first-child { padding: 0; } .table .table-row .table-head, .table .table-row .table-cell { vertical-align: top; } .table .table-row .table-head { font-weight: bold; padding: 10px 0 7px; } .table .table-row .table-cell { padding: 0 0 11px; color: #646464; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .table .table-row .table-cell:first-child { color: #3c3c3c; } .table .table-row .table-cell ul.no-marker li { color: #646464; } .table .table-row .table-cell_light { color: #646464; } .dark-bg .table .table-row .table-head, .transparent-bg .table .table-row .table-head { border-color: rgba(255, 255, 255, 0.2); } .dark-bg .table .table-row .table-cell, .transparent-bg .table .table-row .table-cell, .dark-bg .table .table-row .table-cell:first-child, .transparent-bg .table .table-row .table-cell:first-child { color: rgba(255, 255, 255, 0.7); } .dark-bg .table .table-row .table-cell.rest, .transparent-bg .table .table-row .table-cell.rest, .dark-bg .table .table-row .table-cell:first-child.rest, .transparent-bg .table .table-row .table-cell:first-child.rest { color: #fff; font-weight: bold; } .table .table-row_head { font-weight: bold; padding: 10px 0 7px; border-bottom: 1px solid #c5c6c8; } .table .table-row_head:hover { background-color: none; } .table .table-row_regular:hover { background-color: #e1e8f8; } .dark-bg .table .table-row_regular:hover, .transparent-bg .table .table-row_regular:hover { background-color: rgba(0, 0, 0, 0.18); } canvas#ny_canvas { height: 182px; position: fixed; top: 0; width: 100%; z-index: 3; } @media (min-width: 980px) { .table .table-row { width: 100%; max-width: 100%; } .table .table-row .table-head, .table .table-row .table-cell { display: inline-block; } .table .table-row .table-head { padding: 10px 15px 7px; } .table .table-row .table-cell { padding: 10px 15px 11px; } .table.table_40x40x20 .col-1 { width: 39%; } .table.table_40x40x20 .col-2 { width: 39%; } .table.table_40x40x20 .col-3 { width: 19%; } .table.table_40x40x20 .table-cell_colspan-2 { width: 79%; } } @media (min-width: 980px) { .insurance-col { display: inline-block; } .insurance-col_sum { padding-left: 7%; display: none; } .insurance-col_sum .rouble { line-height: 80%; } .insurance-col_percent { min-width: 141px; padding-right: 7%; } .insurance-col_sum { padding-left: 0; } canvas#ny_canvas { height: 100%; width: 50%; } .ny-present { display: block; } } @font-face { font-family: 'font-900'; src: url('/css/fonts/font-900.eot'); src: local('☺'), url('/css/fonts/font-900.woff') format('woff'), url('/css/fonts/font-900.ttf') format('truetype'), url('/css/fonts/font-900.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'font-700'; src: url('/css/fonts/font-700.eot'); src: local('☺'), url('/css/fonts/font-700.woff') format('woff'), url('/css/fonts/font-700.ttf') format('truetype'), url('/css/fonts/font-700.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'font-500'; src: url('/css/fonts/font-500.eot'); src: local('☺'), url('/css/fonts/font-500.woff') format('woff'), url('/css/fonts/font-500.ttf') format('truetype'), url('/css/fonts/font-500.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'font-300'; src: url('/css/fonts/font-300.eot'); src: local('☺'), url('/css/fonts/font-300.woff') format('woff'), url('/css/fonts/font-300.ttf') format('truetype'), url('/css/fonts/font-300.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local('PT Sans'), local('PTSans-Regular'), url('/css/fonts/PTSansR.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local('PT Sans'), local('PTSans-Regular'), url('/css/fonts/PTSansL.woff2') format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'currency-webfont'; src: url('/css/fonts/currency-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/currency-webfont.woff') format('woff'), url('/css/fonts/currency-webfont.ttf') format('truetype'), url('/css/fonts/currency-webfont.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('☺'), url('/css/fonts/Roboto-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } [class^="currency-icon-"], [class*=" currency-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'currency-webfont' !important; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .currency-icon-rsmall:before { content: "\e906"; } .currency-icon-dolsmall:before { content: "\e907"; } .currency-icon-esmall:before { content: "\e908"; } .currency-icon-ysmall:before { content: "\e909"; } .currency-icon-fsmall:before { content: "\e90a"; } .currency-icon-dsmall:before { content: "\e90b"; } .currency-icon-csmall:before { content: "\e909"; } .currency-icon-jpysmall:before { content: "\e901"; } .currency-icon-cnysmall:before { content: "\e900"; } .currency-icon-trysmall:before { content: "\e902"; } .currency-icon-bynsmall:before { content: "\e903"; } .currency-icon-noksmall:before { content: "\e904"; } .currency-icon-kztsmall:before { content: "\e905"; } .hide { display: none; } .keyboardInputInitiator { position: absolute; width: 28px; height: 17px; /*right: 15px;*/ top: 11px; left:215px; } .ural-ring-banner-wrapper { padding: 0px 35px; } .ural-ring-banner { color: #000000; font-size: 15px; min-height: 104px; padding: 20px 30px; position: relative; background: #F7F7F7; border-radius: 16px; width: 100%; z-index: 9; display: table; } .ural-ring-banner .ur-block{ display:table-cell; } .ural-ring-banner .ur-label-icon { vertical-align: middle; } .ur-block.ur-text { padding-left: 20px; vertical-align: middle; } .ur-block.ur-button-wrap { padding-left: 20px; vertical-align: middle; text-align: right; } .ur-button { background: #F7F7F7; border-radius: 16px; color: #AB2336; padding: 14px 16px; margin-bottom: 26px; border: 1px solid; font-weight: 400; font-size: 18px; line-height: 24px; } a.ur-button:hover { color: #AB2336; } .ur-text-header { font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; letter-spacing: 0.005em; margin: 0; } .ur-text-subheader { font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0.005em; } @media (min-width: 980px) { .ural-ring-banner { top: 55px; } } a.password-control { border-bottom: none; position: absolute; top: 9px; left: 260px; display: inline-block; width: 20px; height: 20px; background: url(/i2/password/view.png) 0 0 no-repeat; } a.password-control.view { background: url(/i2/password/no-view.png) 0 0 no-repeat; } /*MKBO-1935 �������� ������ �������...*/ .block-disabled { position: absolute; z-index: 2; width: 100%; height: 100%; height:100vh; top:50px; } .block-disabled2 { position: absolute; z-index: 2; width: 100%; height: 100%; height: 100vh; background: #FFF; opacity: 0.5; top: 50px; } /*...MKBO-1935*/ /*.block-disabled:before { content: ""; position: absolute; z-index: 3; top: 0; bottom: 0; left: 0; right: 0; background: url(/i/loader.png) center 40% no-repeat; }*/ .block-disabled .block-disabled_loading { position: fixed; z-index: 3; top: 0; bottom: 0; left: 50%; right: 0; background: url(/i/loader.png) center center no-repeat; width:50px; height:50px; margin:auto auto; -moz-animation: rotation 0.85s infinite linear; -o-animation: rotation 0.85s infinite linear; -webkit-animation: rotation 0.85s infinite linear; animation: rotation 0.85s infinite linear; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } @-moz-keyframes rotation { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(359deg); } } @-o-keyframes rotation { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(359deg); } } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } /* ������ */ .btn.disabled { padding: 14px 30px; color: rgba(255, 255, 255, 0.5) !important; cursor: default; background: rgba(207, 153, 167, 0.38); background: -moz-linear-gradient(180deg, rgba(207, 153, 167, 0.38) 0%, rgba(152, 159, 176, 0.48) 100%); background: -webkit-linear-gradient(180deg, rgba(207, 153, 167, 0.38) 0%, rgba(152, 159, 176, 0.48) 100%); background: linear-gradient(180deg, rgba(207, 153, 167, 0.38) 0%, rgba(152, 159, 176, 0.48) 100%); } /* ����� CSS */ .card_box.desktop-view { position: relative; margin-bottom:15px; height: 230px; width: 100%; width:345px; /*max-width: 345px; min-width: 325px;*/ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #6b0828; background: -moz-linear-gradient(47deg, #6b0828 10%, #300835 70%); background: -webkit-linear-gradient(47deg, #6b0828 10%, #300835 70%); background: -o-linear-gradient(47deg, #6b0828 10%, #300835 70%); background: -ms-linear-gradient(47deg, #6b0828 10%, #300835 70%); background: linear-gradient(137deg, #6b0828 10%, #300835 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b0828', endColorstr='#300835',GradientType=0 ); -moz-box-shadow: 2px 2px 5px 0px rgba(186,186,186,1); -webkit-box-shadow: 2px 2px 5px 0px rgba(186,186,186,1); box-shadow: 2px 2px 5px 0px rgba(186,186,186,1); } .card_box.desktop-view .text_number { position: absolute; left: 17px; top: 90px; font-size: 13px; width: 300px; color:#fff; opacity:0.5; } .logo_card_box{ position: absolute; background: url(/i/card_box_logo.png) 0 0 no-repeat; top:25px; left:21px; width:142px; height:22px; } /* ����� */ .images_card { position: relative; height: 250px; } .logo_cards { width: 375px; height: 238px; position: absolute; left: 0; top: 0; background-image: url('/i/card_logo3.png'); } .logo_cards_i { position: absolute; left: 275px; top: 150px; width: 76px; height: 46px; } .first_part_cards { position: absolute; left: 18px; top: 120px; } .second_part_cards { position: absolute; left: 99px; top: 120px; } .third_part_cards { position: absolute; left: 180px; top: 120px; } .fourth_part_cards { position: absolute; left: 260px; top: 120px; margin-right:15px; } /*.fourth_part_cards input{ width:100% !important; max-width:100px; min-width:70px; }*/ .registry_block .card_number, .registry_block .input_username, .forgotpswd_block .card_number, .forgotpswd_block .input_username { width: 67px; height: 38px; padding: 5px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .registry_block .card_number:focus, .forgotpswd_block .card_number:focus { padding: 5px 9px; border:2px solid #e1b414; } /* */ .registry_block .field, .forgotpswd_block .field{ width:100%; } .registry_block .tabs__opener { cursor:default; } .registry_block .tabs__opener.selected { cursor:pointer; } .tabs__content_login .txtfield, .tabs__content_registry .txtfield, .tabs__content_recovery .txtfield{ width:250px; } /* ����� */ .captcha_refresh{ float: left; width:50px; } .captcha_refresh:before { display: inline-block; vertical-align: middle; height: 100%; } .captcha_refresh img { vertical-align: middle; display: inline-block; } .captcha_refresh + div { margin-left:170px; } .tabs__content_login .captcha_code, .tabs__content_registry .captcha_code, .tabs__content_recovery .captcha_code{ width:75px; } /* */ .serverInfoBlockStyle { /*position: absolute; top: 0; left: 0; z-index: 999999; background-color: #c2c2c2;*/ margin-top:0; } .serverInfoBlockStyle ul li { text-align:left; } .serverInfoBlockStyle ul li:before { content: ''; } .serverInfoBlockStyle ul { padding: 10px; color: #fff; } .serverInfoBlockStyle ul li strong.red { color: #a80735; } .infoLoader { margin-top:20px; } /* ����� ���������� */ .btn_refresh { padding: 8px 11px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-left:10px; width:auto; } @media (min-width: 980px) { .btn_refresh:not(:disabled):hover { padding: 8px 11px; } } .icon_refresh{ height:20px; width:20px; } .image-captcha { height: 38px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* ������ */ .step .error, .errmsg { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:1px solid #e6e6e6; padding:20px; } .form__fields .field_with-icon.error_field:before { content: "\e903"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ff696b; font-size: 14px; opacity: 1; top: 13px; right: 18px; } .form__fields .error_field.field, .form__fields .warning_field.field { position:relative; z-index:1; } .form__fields .field.error_field input { padding-left: 8px; border: 2px solid #ff696c; } .form__fields .field.warning_field input { padding-left: 8px; border: 2px solid #e1b414; } .form__fields .field.warning_field .error__message .error__message-text{ background-color: #e1b414; z-index:1; margin-top:-2px; } .form__fields .field.error_field .error__message, .form__fields .field.warning_field .error__message { display: block; } .field_with-icon.field_date.error_field:after { display: none; } .level_home .content-container .footer { height: 80px; background: #ecebf3; } .footer .reduced-width:before{ border-top:none; } /* IE */ .main.ie9 .main__top .reduced-width-all { display:none; } .main.ie9 .main__content .component_tabs, .main.ie9 .main__content .component_docs{ display:none; } .reduced-width-ie9 h2 { color: #bb0032; } .page_home .main.ie9 .component_first { display:block; } @media (min-width: 980px) { /*.main__content > .component:first-child { padding-top: 20px; } .main__content .component_tabs { padding-top: 20px; }*/ .page_home .main.ie9 .component_first { padding-top: 165px !important; } } .component_tabs .slide-btn-container { position: absolute; left: 20px; right: 20px; /*bottom: 20px;*/ } @media (min-width: 980px) { .component_tabs { align-items: center; height: 100vh; padding-bottom: 120px; /*display: flex;*/ flex-direction: column; justify-content: center; } .component_tabs:before { content: ''; height: 1%; display: inline-block; vertical-align: middle; } .component_tabs .component__content { /*display: inline-block;*/ vertical-align: middle; margin: 0 auto; font-size: 15px; } .component_tabs .slide-btn-container { /*margin-bottom: 0;*/ left: 40px; right: 40px; bottom: 60px; } } @media (min-width: 980px) { /*.level_2 .content-container .reduced-width{ max-width:100%; }*/ .level_home .content-container .main { width:50%; } .level_home .content-container .reduced-width { max-width: 70%; } .level_home .header__nav{ width:50%; } .home-slider__item-text { width: 55%; } .home-slider { position: fixed; } } /*.content-container .component_docs .reduced-width { max-width:100%; }*/ .code_refresh { background: url(/i/svg/icon_refresh_a.svg) 0 0 no-repeat; height: 22px; padding-left:23px; background-size:14px 22px; cursor:pointer; float:left; } .code_change { display:none; } .code_change:hover .code_refresh{ background: url(/i/svg/icon_refresh_b.svg) 0 0 no-repeat; background-size:14px 22px; } .code_change:hover a{ outline: 0; color: #c62d57; border-color: rgba(198, 45, 87, 0.3); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } a.not-active { pointer-events: none; cursor: default; } .not-active_change:hover .code_refresh { background: url(/i/svg/icon_refresh_a.svg) 0 0 no-repeat; background-size:14px 22px; pointer-events:none; cursor:default; } .not-active_change:hover a.not-active{ color: #555fa0; border-color: rgba(85, 95, 160, 0.3); } @media (max-width: 980px) { .level_home .content-container .main{ top:142px; z-index:22; } .level_home .content-container .header{ z-index:auto; } .block-disabled .block-disabled_loading { left: 0; } } @media (min-width: 980px) { .main__content .component_tabs { /*padding-top: 121px;*/ padding-top: 221px; } .component_tabs .tabs__content.active { /*align-items: center;*/ font-size: 100%; /*height: 100vh;*/ padding-bottom: 120px; display: flex; flex-direction: column; justify-content: center; } .component_tabs .registry_block .tabs__content.active { padding-bottom:0; } } @media (min-width: 768px) and (max-width: 980px) { .level_home .cover-container .cover, .level_home .cover-container .cover-overlay, .level_home .cover-container.changed .cover-gradient, .level_home .cover-container .content-bg{ height:60vh; } .ural-ring-banner .ur-wrapper .ur-button-wrap { padding-top: 20px; } } @media (min-width: 480px) and (max-width: 768px) { .level_home .cover-container .cover, .level_home .cover-container .cover-overlay, .level_home .cover-container.changed .cover-gradient, .level_home .cover-container .content-bg{ height:40vh; } } @media (min-width: 0) and (max-width: 480px) { .level_home .cover-container .cover, .level_home .cover-container .cover-overlay, .level_home .cover-container.changed .cover-gradient, .level_home .cover-container .content-bg{ height:30vh; } .ural-ring-banner .ur-block { display: inline-grid; padding: 0px; } .ural-ring-banner-wrapper { padding: 5px 5px; } .ural-ring-banner .ur-label-icon { display: none; } .ural-ring-banner .ur-button-wrap { margin-top: 20px; } } /* ������ ������� ��� SMS */ .time-sms { color: #e6e6e6; width:40px; float:right; opacity:0.5; } /*START �������� ��� ����������� JavaScript*/ .no-script-background { background-color: white; position: fixed; width: 100%; height: 100%; z-index: 1000; top: 0px; } .no-script-preload-image { background: url(/i2/NoScript/chrome_off.png) no-repeat -9999px -9999px, url(/i2/NoScript/chrome_on.png) no-repeat -9999px -9999px, url(/i2/NoScript/opera_off.png) no-repeat -9999px -9999px, url(/i2/NoScript/opera_on.png) no-repeat -9999px -9999px, url(/i2/NoScript/yandex_off.png) no-repeat -9999px -9999px, url(/i2/NoScript/yandex_on.png) no-repeat -9999px -9999px, url(/i2/NoScript/firefox_off.png) no-repeat -9999px -9999px, url(/i2/NoScript/firefox_on.png) no-repeat -9999px -9999px, url(/i2/NoScript/safari_off.png) no-repeat -9999px -9999px, url(/i2/NoScript/safari_on.png) no-repeat -9999px -9999px, url(/i2/NoScript/ie_off.png) no-repeat -9999px -9999px, url(/i2/NoScript/ie_on.png) no-repeat -9999px -9999px; } .no-script-container { padding-top: 155px; margin: auto; } @media all and (min-device-width: 1000px) { .no-script-container { width: 950px; } } .no-script-container div, p, b, a { font-family: "LetoSans", Arial, sans-serif; } .no-script-container b { font: bold; } .no-scripts-content { position: relative; } .no-scripts-left-arrow { position: absolute; left: 0px; top: 25px; z-index: 2; height: 60px; width: 31px; background-position: top left; background-image: url(../../i2/NoScript/arrow_left.png); } .no-scripts-left-arrow:hover { background-image: url(../../i2/NoScript/arrow_left_on.png); } .no-scripts-right-arrow { position: absolute; right: 0px; top: 25px; z-index: 2; height: 60px; width: 31px; background-position: top right; background-image: url(../../i2/NoScript/arrow_right.png); } .no-scripts-right-arrow:hover { background-image: url(../../i2/NoScript/arrow_right_on.png); } @media all and (min-device-width: 1000px) { .no-scripts-left-arrow, .no-scripts-right-arrow { display: none; } } p.no-script-header { font-size: 36px; line-height: 54px; font-weight: 200; text-align: center; margin-bottom: 10px; color: #3e3e3e; } .no-script-hint p { font-size: 18px; line-height: 24px; text-align: center; color: rgb(146, 153, 162); letter-spacing: 0.4px; } .no-script-hint { margin-bottom: 55px; } @media all and (max-device-width: 1000px) { p.no-script-header, .no-script-hint { padding-left: 20px; padding-right: 20px; } } .no-scripts-browsers { padding-top: 145px; position: relative; margin: auto; padding-top: 145px; } @media all and (max-device-width: 1000px) { .no-scripts-browsers { width: 800px; } .no-js-browsers { width: 100%; } .no-js-container { padding-top: 0px; } } .no-scripts-browsers > label { cursor: pointer; background-color: antiquewhite; } .no-script-browser { top: 0px; position: absolute; top: 0px; } .no-script-browser-icon { top: 0px; width: 16.6667%; height: 130px; background-repeat: no-repeat; display: block; position: absolute; background-color: white; background-position: center 10px; top: 0px; -webkit-transition: background-image 0.3s linear; -moz-transition: background-image 0.3s linear; -o-transition: background-image 0.3s linear; transition: background-image 0.3s linear; } .no-script-browser-icon:after { content: attr(data-name); position: absolute; line-height: 1.1; top: 112px; width: 100%; text-align: center; font-size: 17px; color: #bebebe; } .no-scripts-browsers input[type=radio]:checked ~ .no-script-browser-icon:after { color: #4a4a4a; } .no-script-triangle { position: absolute; bottom: -9px; left: 45%; } input[type=radio].no-script-browser:checked ~ .no-script-browser-icon > .no-script-triangle:before { content: ''; border: 8px solid transparent; border-bottom: 8px solid #c7c7c7; position: relative; bottom: -0px; } input[type=radio].no-script-browser:checked ~ .no-script-browser-icon > .no-script-triangle:after { content: ''; border: 8px solid transparent; border-bottom: 8px solid white; position: relative; left: -16px; bottom: -1px; } .no-script-browser-icon-chrome { background-image: url(/i2/NoScript/chrome_off.png); margin-left: 0%; } .no-scripts-browsers input[type=radio]:checked ~ .no-script-browser-icon-chrome, .no-script-browser-icon-chrome:hover { background-image: url(/i2/NoScript/chrome_on.png); } .no-script-browser-icon-opera { background-image: url(/i2/NoScript/opera_off.png); margin-left: 16.66666667%; } .no-scripts-browsers input[type=radio]:checked ~ .no-script-browser-icon-opera, .no-script-browser-icon-opera:hover { background-image: url(/i2/NoScript/opera_on.png); } .no-script-browser-icon-yandex { background-image: url(/i2/NoScript/yandex_off.png); margin-left: 33.33333333%; } .no-scripts-browsers input[type=radio]:checked ~ .no-script-browser-icon-yandex, .no-script-browser-icon-yandex:hover { background-image: url(/i2/NoScript/yandex_on.png); } .no-script-browser-icon-firefox { background-image: url(/i2/NoScript/firefox_off.png); margin-left: 50%; } .no-scripts-browsers input[type=radio]:checked ~ .no-script-browser-icon-firefox, .no-script-browser-icon-firefox:hover { background-image: url(/i2/NoScript/firefox_on.png); } .no-script-browser-icon-safari { background-image: url(/i2/NoScript/safari_off.png); margin-left: 66.66666667%; } .no-scripts-browsers input[type=radio]:checked ~ .no-script-browser-icon-safari, .no-script-browser-icon-safari:hover { background-image: url(/i2/NoScript/safari_on.png); } .no-script-browser-icon-ie { background-image: url(/i2/NoScript/ie_off.png); margin-left: 83.33333333%; } .no-scripts-browsers input[type=radio]:checked ~ .no-script-browser-icon-ie, .no-script-browser-icon-ie:hover { background-image: url(/i2/NoScript/ie_on.png); } .no-script-info, .no-script-refresh, .no-script-refresh a { margin-left: auto; margin-right: auto; width: 97%; font-size: 15px; line-height: 20px; letter-spacing: 0.3px; color: #4a4a4a; } .no-script-info { margin-left: auto; margin-right: auto; top: 150px; border-top: 1px solid #d8d8d8; padding-top: 40px; display: none; width: 97%; } .no-scripts-browsers input[type=radio]:checked ~ .no-script-info { display: block; } .no-script-info b { color: #4a4a4a; } .no-script-refresh { margin-top: 20px; } .no-script-refresh a { color: #9b0028; } /*END �������� ��� ����������� JavaScript*/ .card_box .card_number, .input_username { width: 67px; height: 38px; padding: 5px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .card_box .card_number:focus, .card_box .card_number:focus { padding: 5px 9px; border:2px solid #e1b414; } #keyboardInputMaster { position: absolute; font: normal 11px LetoSans; /*border-top: 1px solid #eeeeee; border-right: 1px solid #888888; border-bottom: 1px solid #444444; border-left: 1px solid #cccccc;*/ -webkit-border-radius: 0.6em; -moz-border-radius: 0.6em; border-radius: 0.6em; opacity: 0.95; filter: alpha(opacity=95); background-color: #e4e4e4; text-align: left; z-index: 1000000; width: auto; height: auto; min-width: 0; min-height: 0; margin: 0px; padding: 3px; line-height: normal; -moz-user-select: none; cursor: default; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: 2px 2px 5px 0px rgba(186,186,186,1); -webkit-box-shadow: 2px 2px 5px 0px rgba(186,186,186,1); box-shadow: 2px 2px 5px 0px rgba(186,186,186,1); } #keyboardInputMaster * { position: static; color: #000000; background: transparent; font: normal 11px LetoSans; width: auto; height: auto; min-width: 0; min-height: 0; margin: 0px; padding: 0px; border: 0px none; outline: 0px; vertical-align: baseline; line-height: 1.4em; } #keyboardInputMaster table { table-layout: auto; } #keyboardInputMaster.keyboardInputSize1, #keyboardInputMaster.keyboardInputSize1 * { font-size: 11px; } #keyboardInputMaster.keyboardInputSize2, #keyboardInputMaster.keyboardInputSize2 * { font-size: 13px; } #keyboardInputMaster.keyboardInputSize3, #keyboardInputMaster.keyboardInputSize3 * { font-size: 16px; } #keyboardInputMaster.keyboardInputSize4, #keyboardInputMaster.keyboardInputSize4 * { font-size: 18px; } #keyboardInputMaster.keyboardInputSize5, #keyboardInputMaster.keyboardInputSize5 * { font-size: 20px; } #keyboardInputMaster thead tr th { padding: 0.6em 0.3em 0.3em 0.3em; /*background-color: #fff;*/ white-space: nowrap; text-align: right; -webkit-border-radius: 0.6em 0.6em 0px 0px; -moz-border-radius: 0.6em 0.6em 0px 0px; border-radius: 0.6em 0.6em 0px 0px; /*border: 1px solid #e6e6e6;*/ } #keyboardInputMaster thead tr th div { float: left; /*font-size: 130% !important;*/ height: 1.5em; font-weight: bold; position: relative; z-index: 1; margin-right: 0.5em; cursor: pointer; background-color: transparent; display:none; } #keyboardInputMaster thead tr th div ol { position: absolute; left: 0px; top: 90%; list-style-type: none; /*height: 9.4em;*/ overflow-y: auto; overflow-x: hidden; background-color: #f6f6f6; border: 1px solid #999999; display: none; text-align: left; width: 12em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #keyboardInputMaster thead tr th div ol li { padding: 0.2em 0.4em; cursor: pointer; white-space: nowrap; width: 12em; } #keyboardInputMaster thead tr th div ol li.selected { background-color: #ccc; } #keyboardInputMaster thead tr th div ol li:hover, #keyboardInputMaster thead tr th div ol li.hover { background-color: #dddddd; } /*#keyboardInputMaster thead tr th small, #keyboardInputMaster thead tr th big { width: 8px; }*/ #keyboardInputMaster thead tr th span, #keyboardInputMaster thead tr th strong, #keyboardInputMaster thead tr th small, #keyboardInputMaster thead tr th big { /*display: inline-block;*/ padding: 0px 0.3em; height: 1.4em; line-height: 1.4em; /*border-top: 1px solid #e5e5e5; border-right: 1px solid #5d5d5d; border-bottom: 1px solid #5d5d5d; border-left: 1px solid #e5e5e5;*/ background-color: #d1d1d1; cursor: pointer; margin: 0px 0px 0px 0.3em; vertical-align: middle; -webkit-transition: background-color .15s ease-in-out; -o-transition: background-color .15s ease-in-out; transition: background-color .15s ease-in-out; -moz-box-shadow: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; } #keyboardInputMaster thead tr th strong { /*font-weight: bold;*/ -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding:0.1em 0.4em; } #keyboardInputMaster thead tr th small { /*border-right: 1px solid #aaaaaa; padding: 0px 0.2em 0px 0.3em;*/ padding: 0.1em 0.5em; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; float:left; } #keyboardInputMaster thead tr th big { /*border-left: 0px none; margin: 0px;*/ padding: 0.1em 0.5em; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin-right:15px; float:left; } #keyboardInputMaster thead tr th span { font-size: 90%; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding:0.2em 0.5em; margin-right:7em; } #keyboardInputMaster thead tr th span:hover, #keyboardInputMaster thead tr th span.hover, #keyboardInputMaster thead tr th strong:hover, #keyboardInputMaster thead tr th strong.hover, #keyboardInputMaster thead tr th small:hover, #keyboardInputMaster thead tr th small.hover, #keyboardInputMaster thead tr th big:hover, #keyboardInputMaster thead tr th big.hover { background-color: #a4a4a4; } #keyboardInputMaster tbody tr td { text-align: left; padding: 0.2em 0.3em 0.3em 0.3em; vertical-align: top; } #keyboardInputMaster tbody tr td div { text-align: center; position: relative; zoom: 1; } #keyboardInputMaster tbody tr td table { white-space: nowrap; width: 100%; border-collapse: separate; border-spacing: 0px; } #keyboardInputMaster tbody tr td#keyboardInputNumpad table { margin-left: 0.2em; width: auto; } #keyboardInputMaster tbody tr td table.keyboardInputCenter { width: auto; margin: 0px auto; } /*#keyboardInputMaster table { border-left: 1px solid #b7b7b7; }*/ #keyboardInputMaster tbody tr td table tbody tr td { vertical-align: middle; padding: 0px 0.45em; white-space: pre; height: 1.8em; font-family: 'Lucida Console','Arial Unicode MS',monospace; border-right: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; background-color: #f5f5f5; cursor: default; min-width: 0.75em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; -webkit-transition: background-color .15s ease-in-out; -o-transition: background-color .15s ease-in-out; transition: background-color .15s ease-in-out; } #keyboardInputMaster tbody tr td table tbody tr td.last { width: 99%; } #keyboardInputMaster tbody tr td table tbody tr td.space { padding: 0px 4em; } #keyboardInputMaster tbody tr td table tbody tr td.deadkey { background-color: #ccccdd; } #keyboardInputMaster tbody tr td table tbody tr td.target { background-color: #ddddcc; } #keyboardInputMaster tbody tr td table tbody tr td:hover, #keyboardInputMaster tbody tr td table tbody tr td.hover { background-color: #e3e3e3; cursor: pointer; } #keyboardInputMaster thead tr th span:active, #keyboardInputMaster thead tr th span.pressed, #keyboardInputMaster tbody tr td table tbody tr td:active, #keyboardInputMaster tbody tr td table tbody tr td.pressed { background-color: #cccccc !important; } #keyboardInputMaster tbody tr td table tbody tr td small { display: block; text-align: center; font-size: 0.6em !important; line-height: 1.1em; } #keyboardInputMaster tbody tr td div label { position: absolute; bottom: 0.2em; left: 0.3em; } #keyboardInputMaster tbody tr td div label input { background-color: #f6f6f6; vertical-align: middle; font-size: inherit; width: 1.1em; height: 1.1em; } #keyboardInputMaster tbody tr td div var { position: absolute; bottom: 0px; right: 3px; font-weight: bold; font-style: italic; color: #444444; } .keyboardInputInitiator { margin: 0px 0px; vertical-align: middle; cursor: pointer; }