/* Minification failed. Returning unminified contents. (25095,37): run-time error CSS1046: Expect comma, found '0' (25095,41): run-time error CSS1046: Expect comma, found '/' (25402,34): run-time error CSS1046: Expect comma, found '0' (25402,38): run-time error CSS1046: Expect comma, found '/' (25410,32): run-time error CSS1046: Expect comma, found '0' (25410,36): run-time error CSS1046: Expect comma, found '/' */ /*! jQuery UI - v1.11.2 - 2014-10-16 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-state-default .ui-icon { background-image: url("images/ui-icons_888888_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); } .ui-state-active .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_2e83ff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cd0a0a_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ border-radius: 8px; } .wpthemeDialogBorder { border: 3px solid #4B4B4B; /*this is needed for IE*/ border: 3px solid rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.6); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wpthemeDialogBorder .dialogContainer { background-color: #FFF; padding-bottom: 1px; /* fix missing bottom border on IE7, asterisk prefix read by IE7 */ } .wpthemeDialog .dialogPointer { position: absolute; width: 13px; height: 17px; } .wpthemeDialog .dialogPointer.right { background: url(/wps/themeModules/modules/dialog/css/images/dialogSprite.png) no-repeat top left; background-position: 0 -54px; right: -10px; } .wpthemeDialog .dialogPointer.left { background: url(/wps/themeModules/modules/dialog/css/images/dialogSprite.png) no-repeat top left; background-position: 0 -35px; left: -10px; } .wpthemeDialog .dialogPointer.top { background: url(/wps/themeModules/modules/dialog/css/images/dialogSprite.png) no-repeat top left; background-position: 0 -73px; width: 17px; height: 13px; } .wpthemeDialog .msgIcon { width: 48px; height: 48px; padding: 1em; background-repeat: no-repeat; background-position: center; } .wpthemeDialog .msgBody { padding: 0.5em; } .wpthemeDialog .msgError { background-image: url(/wps/themeModules/modules/dialog/css/images/msgError48.png); } .wpthemeDialog .msgInfo { background-image: url(/wps/themeModules/modules/dialog/css/images/msgInfo48.png); } .wpthemeDialog .msgSuccess { background-image: url(/wps/themeModules/modules/dialog/css/images/msgSuccess48.png); } .wpthemeDialog .msgWarning { background-image: url(/wps/themeModules/modules/dialog/css/images/msgWarning48.png); } .wpthemeDialog .wpthemeDialogContent { display: table; background-color: #FFF; border: 0 none; max-height: 300px; overflow: auto; } .wpthemeDialog .wpthemeDialogContentBody { position: relative; } .wpthemeDialog .wpthemeDialogContent .wpthemeDialogContentBody > div { display: table-row; } .wpthemeDialog .wpthemeDialogContent .wpthemeDialogContentBody .south { display: block; } .wpthemeDialog .wpthemeDialogContent .west, .wpthemeDialog .wpthemeDialogContent .central, .wpthemeDialog .wpthemeDialogContent .east { display: table-cell; vertical-align: top; } .wpthemeDialog .wpthemeDialogContent .west, .wpthemeDialog .wpthemeDialogContent .east { width: 10%; } .wpthemeDialog .dialogLoading { background-image: url("/wps/themeModules/modules/dialog/css/images/loading.gif"); background-repeat: no-repeat; height: 16px; width: 16px; } .wpthemeDialog .dialogAltText { display: none; } .wpthemeDialogImagesOff .dialogAltText { display: inline; } .wpthemeDialog .dialogHeader { background-color: #3A3A3A; border-bottom: 0 none; padding: 13px 20px; } .wpthemeDialog .dialogHeaderText { position: relative; color: #FFFFFF; display: block; font-size: 1.2em; margin: 0; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; padding: 0; font-weight: bold; line-height: 1.2; } .wpthemeDialog .dialogClose { border: 0 none; padding: 0; position: absolute; right: -15px; top: -15px; line-height: 1em; } .wpthemeDialog .dialogClose img { background: url(/wps/themeModules/modules/dialog/css/images/dialogSprite.png) no-repeat top left; background-position: 0 0; height: 32px; width: 32px; border: 0 none; line-height: 0; vertical-align: middle; } .wpthemeDialog .wpthemeDialogFooter .wpthemeDialogBtn { margin-left: 9px; margin-right: 1px; } .wpthemeDialog .wpthemeDialogBtn { padding: 5px 15px; text-shadow: 0 1px 1px #FFFFFF; background-color: #E7E7E7; border: 0 none; border-collapse: separate; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); color: #333333; font-weight: bold; text-align: center; cursor: pointer; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; } .wpthemeDialogPopup { border: 3px solid rgba(3, 3, 3, 0.45); border-radius: 3px 3px 3px 3px; box-shadow: 0 0 5px rgba(34, 34, 34, 0.5); color: #222222; position: relative; z-index: 10000; } .wpthemeDialogPopup .wpthemeDialogPopupHeader { background: none repeat scroll 0 0 #FFFFFF; margin-bottom: -10px; position: relative; } .wpthemeDialogPopup .wpthemeDialogPopupHeader .wpthemeDialogPopupHeading { border-bottom: 2px solid #888888; font-size: 1.2em; font-weight: bold; margin: 0 20px; padding: 20px 0 10px; color: #444444; line-height: 1.2; } .wpthemeDialogPopup .wpthemeDialogPopupClose { line-height: 0; position: absolute; right: -15px; top: -15px; z-index: 10001; } .wpthemeDialogPopup .wpthemeDialogPopupClose img { background: url(/wps/themeModules/modules/dialog/css/images/dialogSprite.png) no-repeat top left; background-position: 0 0; height: 32px; width: 32px; border: 0 none; line-height: 0; vertical-align: middle; } .wpthemeDialogPopup .wpthemeDialogPopupContent { background: none repeat scroll 0 0 #FFFFFF; } .wpthemeDialogPopup .wpthemeDialogPopupContentArea { padding: 20px; } .wpthemeDialogPopup .wpthemeDialogPopupFooter { background: none repeat scroll 0 0 #FFFFFF; margin-top: -10px; padding: 0 20px 20px; } .wpthemeDialogPopup .wpthemeDialogLearnLink { font-size: 0.9em; color: #00649D; text-decoration: none; } .wpThemeDialogHighContrastTestNode { border: 1px solid; border-color: red green; position: absolute; height: 5px; top: -999px; background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .wpthemeMenuAnchor { display: inline-table !important; } .wpthemeMenuBorder { top: -9999px; border: 3px solid #454545; border: 3px solid rgba(23, 23, 23, 0.8); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0; z-index: 10000; position: absolute; padding: 0; display: none; } .wpthemeMenuBorder .wpthemeMenuNotchBorder { position: absolute; background-image: url(/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/themes/RaiffeisenRoTheme85/css/images/cam_sharkfin_normal_top.png); background-position: center; background-repeat: no-repeat; width: 13px; height: 10px; padding: 0 20px; top: -10px; } .wpthemeMenuBorder .wpthemeMenuDropDown { list-style: none outside none; margin: 0; white-space: nowrap; padding: 7px 10px; background-color: white; cursor: default; } .wpthemeMenuBorder .wpthemeMenuDropDown li { color: #222; margin: 1px; padding: 2px 8px; font-family: arial; font-size: 1.1em; text-align: left; border: 1px solid transparent; } .wpthemeMenuBorder .wpthemeMenuDropDown li:focus, .wpthemeMenuBorder .wpthemeMenuDropDown li:hover { background-color: #F0FAFA; border: 1px solid rgb(215, 230, 232); } .wpthemeMenuBorder .wpthemeMenuDropDown li:focus .wpthemeMenuText, .wpthemeMenuBorder .wpthemeMenuDropDown li:hover .wpthemeMenuText { text-decoration: underline; } .wpthemeMenuBorder .wpthemeMenuDropDown li.typeMenuitem { cursor: pointer; } .wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader { font-weight: bold; color: #000; font-size: 1.15em; } .wpthemeMenuBorder .wpthemeMenuDropDown li.wpthemeMenuError:focus, .wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:focus, .wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:hover, .wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator:focus, .wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator:hover { background-color: transparent; } .wpthemeMenuBorder .wpthemeMenuDropDown li.wpthemeMenuError:focus .wpthemeMenuText, .wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:focus .wpthemeMenuText, .wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:hover .wpthemeMenuText, .wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator:focus .wpthemeMenuText, .wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator:hover .wpthemeMenuText { text-decoration: none; } .wpthemeMenuBorder .wpthemeMenuDropDown li.wpthemeMenuError:focus, .wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:focus, .wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:hover { border: 1px solid transparent; } .wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator:focus, .wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator:hover { border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; } .wpthemeMenuBorder .wpthemeMenuDropDown li.wpthemeMenuDisabled { color: #CCCCCC; } .wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator { border-top: thin solid #E0E0E0; background-color: transparent; padding: 0px 10px; font-size: 0px; line-height: 0; } .wpthemeMenuBorder .wpthemeMenuDropDown .wpthemeMenuText { display: inline; width: 100%; } .wpthemeMenuLoading { top: -99999px !important; white-space: nowrap; margin: 1px; padding: 5px 10px 5px 25px; position: absolute; background-image: url(/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/themes/RaiffeisenRoTheme85/css/images/loading.gif); background-repeat: no-repeat; background-position: 5px center; } .wpthemeMenuLoadingText { color: #222; font-family: arial; font-size: 1.1em; } .wpthemeMenuNotchBorder { visibility: hidden; } .wpthemeMenuShow .wpthemeMenuNotchBorder { visibility: visible; } .wpthemeMenuBadge { border-radius: 3px; color: #FFFFFF; font-size: 0.95em; font-weight: bold; margin-left: 6px; padding: 1px 4px; line-height: 1em; vertical-align: 1px; } .wpthemeMenuBadgeInfo { background-color: #009900; } .wpthemeMenuBadgeWarn { background-color: #EE8800; } .wpthemeMenuBadgeError { background-color: #CC0000; } .wpthemeMenuShow .wpthemeAnchorSubmenu.wpthemeTemplateSubmenu .wpthemeMenuBorder.wpthemeMenuSubmenu { top: -9999px; } .wpthemeMenuDropDown li.typeSubmenu { } .wpthemeMenuDropDown .wpthemeAnchorSubmenu { position: relative; } .wpthemeMenuShow .wpthemeMenuDropDown .typeSubmenu.wpthemeMenuShow .wpthemeAnchorSubmenu.wpthemeTemplateSubmenu .wpthemeMenuSubmenu { top: -2em; } .wpthemeMenuSubmenu .wpthemeMenuDropDown li { font-size: 1.1em; } .wpthemeMenuSubmenu .wpthemeMenuDropDown .wpthemeMenuLoading { font-size: 1.1em; } .wpthemeMenuOverlay { visibility: hidden; position: absolute; } .wpthemeMenuShow .wpthemeMenuOverlay { visibility: visible; } .lotusui_ie7 .wpthemeControlBody .lotusSection, .lotusui_ie7 .wpthemeControlBody .lotusWelcomeBox { position: static; } .wpthemePlain .wpthemeControlHeader .wpthemeMenuFocus, .wptheme_ie7 .wpthemePlain .wpthemeControlHeader .wpthemeMenuFocus { display: none; } .wptheme_ie7 .wpthemeMenuDropDown { min-height: 0; } .wpthemeMenuLeft { color: #000; float: left; position: absolute; z-index: 10000; font-size: 0.9em; } .wpthemeMenuRight { color: #000; float: right; position: absolute; z-index: 10000; font-size: 0.9em; } .lotusui_ie7 .wpthemeMenuRight { float: none; } .wpthemeMenuLeft .wpthemeMenuBorder .wpthemeMenuNotchBorder { left: 0px; } .wpthemeIcon .wpthemeMenuLeft .wpthemeMenuBorder .wpthemeMenuNotchBorder { left: -20px; } .wpthemeMenuRight .wpthemeMenuBorder .wpthemeMenuNotchBorder { right: 0px; } .wpthemeActionsMenu .wpthemeMenuRight .wpthemeMenuBorder .wpthemeMenuNotchBorder { padding: 0 30px; } .wpthemeIcon .wpthemeMenuRight .wpthemeMenuBorder .wpthemeMenuNotchBorder { right: -5px; } .wpthemeMenuBorder .wpthemeMenuDropDown li.rtl { text-align: right; } .wpthemeMenuShow .wpthemeMenuLeft .wpthemeMenuBorder { left: -10px; top: 25px; display: block; } .wpthemeMenuShow .wpthemeMenuRight .wpthemeMenuBorder { right: -10px; top: 25px; display: block; } .wpthemeIcon.wpthemeMenuShow .wpthemeMenuRight .wpthemeMenuBorder { right: 0px; } .wpthemeMenuShow .wpthemeMenuLeft .wpthemeMenuLoading { position: static; } .wpthemeMenuShow .wpthemeMenuRight .wpthemeMenuLoading { position: static; } .wpthemeMenuLeft .typeSubmenu.wpthemeMenuShow .wpthemeMenuBorder.wpthemeMenuSubmenu { left: 104%; } .wpthemeMenuLeft .typeSubmenu.rtl.wpthemeMenuShow .wpthemeMenuBorder.wpthemeMenuSubmenu { left: auto; right: 102%; } .wpthemeMenuRight .typeSubmenu.wpthemeMenuShow .wpthemeMenuBorder.wpthemeMenuSubmenu { right: 102%; } .wpthemeMenuRight .typeSubmenu.rtl.wpthemeMenuShow .wpthemeMenuBorder.wpthemeMenuSubmenu { left: 104%; right: auto; } .wpthemeMenuBorder .wpthemeMenuNotchBorder { background-image: url(/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/themes/RaiffeisenRoTheme85/css/images/master.png); background-position: 30px -111px; } .wpToolbarCommonImages-AddTo { width: 8px; height: 8px; background-position: 0 0 } .wpToolbarCommonImages-Administration { width: 26px; height: 18px; background-position: 0 -18px } .wpToolbarCommonImages-AdministrationSelected { width: 26px; height: 18px; background-position: 0 -46px } .wpToolbarCommonImages-AdvancedModeDisabled { width: 18px; height: 18px; background-position: 0 -74px } .wpToolbarCommonImages-AdvancedModeEnabled { width: 18px; height: 18px; background-position: 0 -102px } .wpToolbarCommonImages-Applications { width: 26px; height: 18px; background-position: 0 -130px } .wpToolbarCommonImages-ApplicationsSelected { width: 26px; height: 18px; background-position: 0 -158px } .wpToolbarCommonImages-AscendingArrow { width: 9px; height: 9px; background-position: 0 -186px } .wpToolbarCommonImages-CloseActive { width: 8px; height: 8px; background-position: 0 -205px } .wpToolbarCommonImages-CloseHover { width: 8px; height: 8px; background-position: 0 -223px } .wpToolbarCommonImages-DescendingArrow { width: 9px; height: 9px; background-position: 0 -241px } .wpToolbarCommonImages-DragGridView { width: 9px; height: 69px; background-position: 0 -260px } .wpToolbarCommonImages-DragHandleTop { width: 75px; height: 7px; background-position: 0 -339px } .wpToolbarCommonImages-DragListView { width: 9px; height: 17px; background-position: 0 -356px } .wpToolbarCommonImages-DragPortlets { width: 100px; height: 12px; background-position: 0 -383px } .wpToolbarCommonImages-DropDown { width: 9px; height: 9px; background-position: 0 -405px } .wpToolbarCommonImages-DropMenuHover { width: 12px; height: 12px; background-position: 0 -424px } .wpToolbarCommonImages-DropMenuHover-rtl { width: 12px; height: 12px; background-position: 0 -446px } .wpToolbarCommonImages-EditActive { width: 16px; height: 16px; background-position: 0 -468px } .wpToolbarCommonImages-EditActive-rtl { width: 16px; height: 16px; background-position: 0 -494px } .wpToolbarCommonImages-EditDisabled { width: 16px; height: 16px; background-position: 0 -520px } .wpToolbarCommonImages-EditDisabled-rtl { width: 16px; height: 16px; background-position: 0 -546px } .wpToolbarCommonImages-EditHover { width: 16px; height: 16px; background-position: 0 -572px } .wpToolbarCommonImages-EditHover-rtl { width: 16px; height: 16px; background-position: 0 -598px } .wpToolbarCommonImages-EnterProjectActive { width: 16px; height: 16px; background-position: 0 -624px } .wpToolbarCommonImages-EnterProjectActive-rtl { width: 16px; height: 16px; background-position: 0 -650px } .wpToolbarCommonImages-EnterProjectDisabled { width: 16px; height: 16px; background-position: 0 -676px } .wpToolbarCommonImages-EnterProjectDisabled-rtl { width: 16px; height: 16px; background-position: 0 -702px } .wpToolbarCommonImages-EnterProjectHover { width: 16px; height: 16px; background-position: 0 -728px } .wpToolbarCommonImages-EnterProjectHover-rtl { width: 16px; height: 16px; background-position: 0 -754px } .wpToolbarCommonImages-Flyout { width: 18px; height: 18px; background-position: 0 -780px } .wpToolbarCommonImages-FlyoutSelected { width: 18px; height: 18px; background-position: 0 -808px } .wpToolbarCommonImages-FlyoutSharkfin { width: 15px; height: 8px; background-position: 0 -836px } .wpToolbarCommonImages-GotoActive { width: 16px; height: 16px; background-position: 0 -854px } .wpToolbarCommonImages-GotoActive-rtl { width: 16px; height: 16px; background-position: 0 -880px } .wpToolbarCommonImages-GotoDisabled { width: 16px; height: 16px; background-position: 0 -906px } .wpToolbarCommonImages-GotoDisabled-rtl { width: 16px; height: 16px; background-position: 0 -932px } .wpToolbarCommonImages-GotoHover { width: 16px; height: 16px; background-position: 0 -958px } .wpToolbarCommonImages-GotoHover-rtl { width: 16px; height: 16px; background-position: 0 -984px } .wpToolbarCommonImages-Help12 { width: 12px; height: 12px; background-position: 0 -1010px } .wpToolbarCommonImages-IBMLogoSmallBlack { width: 42px; height: 22px; background-position: 0 -1032px } .wpToolbarCommonImages-InfoModeOff { width: 18px; height: 18px; background-position: 0 -1064px } .wpToolbarCommonImages-InfoModeOn { width: 18px; height: 18px; background-position: 0 -1092px } .wpToolbarCommonImages-LabelSiteTemplate { width: 22px; height: 22px; background-position: 0 -1120px } .wpToolbarCommonImages-LabelSiteTemplate-rtl { width: 22px; height: 22px; background-position: 0 -1152px } .wpToolbarCommonImages-LabelTemplate { width: 22px; height: 22px; background-position: 0 -1184px } .wpToolbarCommonImages-LabelTemplate-rtl { width: 22px; height: 22px; background-position: 0 -1216px } .wpToolbarCommonImages-ListViewOff { width: 20px; height: 20px; background-position: 0 -1248px } .wpToolbarCommonImages-ListViewOn { width: 20px; height: 20px; background-position: 0 -1278px } .wpToolbarCommonImages-Locked { width: 16px; height: 16px; background-position: 0 -1308px } .wpToolbarCommonImages-MappedToPage { width: 21px; height: 17px; background-position: 0 -1334px } .wpToolbarCommonImages-MappingArrow { width: 12px; height: 12px; background-position: 0 -1361px } .wpToolbarCommonImages-MappingArrow-rtl { width: 12px; height: 12px; background-position: 0 -1383px } .wpToolbarCommonImages-MoreButtonIcon { width: 12px; height: 12px; background-position: 0 -1405px } .wpToolbarCommonImages-NewPage { width: 32px; height: 32px; background-position: 0 -1427px } .wpToolbarCommonImages-NextPageBig { width: 37px; height: 40px; background-position: 0 -1469px } .wpToolbarCommonImages-NextPageBigDisabled { width: 37px; height: 40px; background-position: 0 -1519px } .wpToolbarCommonImages-NextPageBigDisabled-rtl { width: 37px; height: 40px; background-position: 0 -1569px } .wpToolbarCommonImages-NextPageBigHover { width: 37px; height: 40px; background-position: 0 -1619px } .wpToolbarCommonImages-NextPageBigHover-rtl { width: 37px; height: 40px; background-position: 0 -1669px } .wpToolbarCommonImages-NextPageBig-rtl { width: 37px; height: 40px; background-position: 0 -1719px } .wpToolbarCommonImages-Page { width: 32px; height: 32px; background-position: 0 -1769px } .wpToolbarCommonImages-PageHierarchyTemplate { width: 18px; height: 18px; background-position: 0 -1811px } .wpToolbarCommonImages-PageSiteTemplate { width: 22px; height: 22px; background-position: 0 -1839px } .wpToolbarCommonImages-PageSiteTemplate-rtl { width: 22px; height: 22px; background-position: 0 -1871px } .wpToolbarCommonImages-PageSmall { width: 18px; height: 18px; background-position: 0 -1903px } .wpToolbarCommonImages-PageTemplate { width: 22px; height: 22px; background-position: 0 -1931px } .wpToolbarCommonImages-PageTemplate-rtl { width: 22px; height: 22px; background-position: 0 -1963px } .wpToolbarCommonImages-PreviousPageBig { width: 37px; height: 40px; background-position: 0 -1995px } .wpToolbarCommonImages-PreviousPageBigDisabled { width: 37px; height: 40px; background-position: 0 -2045px } .wpToolbarCommonImages-PreviousPageBigDisabled-rtl { width: 37px; height: 40px; background-position: 0 -2095px } .wpToolbarCommonImages-PreviousPageBigHover { width: 37px; height: 40px; background-position: 0 -2145px } .wpToolbarCommonImages-PreviousPageBigHover-rtl { width: 37px; height: 40px; background-position: 0 -2195px } .wpToolbarCommonImages-PreviousPageBig-rtl { width: 37px; height: 40px; background-position: 0 -2245px } .wpToolbarCommonImages-Reload { width: 18px; height: 18px; background-position: 0 -2295px } .wpToolbarCommonImages-Reload-rtl { width: 18px; height: 18px; background-position: 0 -2323px } .wpToolbarCommonImages-ShowActive { width: 16px; height: 16px; background-position: 0 -2351px } .wpToolbarCommonImages-ShowActive-rtl { width: 16px; height: 16px; background-position: 0 -2377px } .wpToolbarCommonImages-ShowDisabled { width: 16px; height: 16px; background-position: 0 -2403px } .wpToolbarCommonImages-ShowDisabled-rtl { width: 16px; height: 16px; background-position: 0 -2429px } .wpToolbarCommonImages-ShowHover { width: 16px; height: 16px; background-position: 0 -2455px } .wpToolbarCommonImages-ShowHover-rtl { width: 16px; height: 16px; background-position: 0 -2481px } .wpToolbarCommonImages-Sites { width: 26px; height: 18px; background-position: 0 -2507px } .wpToolbarCommonImages-SitesSelected { width: 26px; height: 18px; background-position: 0 -2535px } .wpToolbarCommonImages-TileViewOff { width: 20px; height: 20px; background-position: 0 -2563px } .wpToolbarCommonImages-TileViewOn { width: 20px; height: 20px; background-position: 0 -2593px } .wpToolbarCommonImages-VanityUrl { width: 32px; height: 32px; background-position: 0 -2623px } .wpToolbarCommonImages-VanityUrl-rtl { width: 32px; height: 32px; background-position: 0 -2665px } .wpToolbarCommonImages { background-image: url('/wps/toolbarModules/modules/common/css/images/common.png'); background-repeat: no-repeat; display: -moz-inline-box; display: inline-block } .lotusImagesOff .wpToolbarCommonImages { display: none } /** * CSS for building toggle buttons. * The toggle can have a label or an image. * * Examples: * *
* ... *
* * * *
Alt text
*
* ... *
* * My Label * *
Alt text
*
* ... *
* */ .wpToolbarCommon .wpToolbarToggle { display: inline-block; } .wpToolbarCommon .wpToolbarToggle > a { display: inline-block; position: relative; min-width: 38px; min-height: 18px; padding: 3px; text-decoration: none; text-align: center; color: #000; border-radius: 2px; border: 1px solid #C4C4C4; box-shadow: inset 0px 0px 2px #FFF, inset 0px -2px 1px #D4D4D4, 0px 1px 0px #FFF; -webkit-box-shadow: inset 0px 0px 2px #FFF, inset 0px -2px 1px #D4D4D4, 0px 1px 0px #FFF; -moz-box-shadow: inset 0px 0px 2px #FFF, inset 0px -2px 1px #D4D4D4, 0px 1px 0px #FFF; background-color: #F2F2F2; background: linear-gradient(top, #F2F2F2 0%, #E0E0E0 100%); background: -o-linear-gradient(top, #F2F2F2 0%, #E0E0E0 100%); background: -moz-linear-gradient(top, #F2F2F2 0%, #E0E0E0 100%); background: -webkit-linear-gradient(top, #F2F2F2 0%, #E0E0E0 100%); background: -ms-linear-gradient(top, #F2F2F2 0%, #E0E0E0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #F2F2F2), color-stop(1.0, #E0E0E0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#f2f2f2'); } .wpToolbarCommon .wpToolbarToggle > a:hover, .wpToolbarCommon .wpToolbarToggle > a:focus { box-shadow: inset 0px 0px 2px #FFF, inset 0px -2px 1px #C4C4C4, 0px 1px 0px #FFF; -webkit-box-shadow: inset 0px 0px 2px #FFF, inset 0px -2px 1px #C4C4C4, 0px 1px 0px #FFF; -moz-box-shadow: inset 0px 0px 2px #FFF, inset 0px -2px 1px #C4C4C4, 0px 1px 0px #FFF; background-color: #F2F2F2; background: linear-gradient(top, #E0E0E0 0%, #D8D8D8 100%); background: -o-linear-gradient(top, #E0E0E0 0%, #D8D8D8 100%); background: -moz-linear-gradient(top, #E0E0E0 0%, #D8D8D8 100%); background: -webkit-linear-gradient(top, #E0E0E0 0%, #D8D8D8 100%); background: -ms-linear-gradient(top, #E0E0E0 0%, #D8D8D8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #E0E0E0), color-stop(1.0, #D8D8D8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d8d8', endColorstr='#e0e0e0'); } .wpToolbarCommon .wpToolbarToggle.selected > a { box-shadow: inset 0px 1px 2px #646464, inset 0px -2px 1px #D4D4D4, 0px 1px 0px #FFFFFF; -webkit-box-shadow: inset 0px 1px 2px #646464, inset 0px -2px 1px #D4D4D4, 0px 1px 0px #FFFFFF; -moz-box-shadow: inset 0px 1px 2px #646464, inset 0px -2px 1px #D4D4D4, 0px 1px 0px #FFFFFF; background-color: #AAAAAA; background: linear-gradient(top, #AAA 0%, #CFCFCF 100%); background: -o-linear-gradient(top, #AAA 0%, #CFCFCF 100%); background: -moz-linear-gradient(top, #AAA 0%, #CFCFCF 100%); background: -webkit-linear-gradient(top, #AAA 0%, #CFCFCF 100%); background: -ms-linear-gradient(top, #AAAAAA 0%, #CFCFCF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #AAA), color-stop(1.0, #CFCFCF)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#aaaaaa'); border: 1px solid #AAAAAA; } /* center the img element */ .wpToolbarCommon .wpToolbarToggle a img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } /** CSS styles for the project mode container (project menu + edit mode toggle) */ .wpToolbarProjectModeContainer { line-height: 1.5em; display: inline-block; padding: 0px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #B8B8B8; background: linear-gradient(top, #B8B8B8 0%, #DBDBDB 100%); background: -o-linear-gradient(top, #B8B8B8 0%, #DBDBDB 100%); background: -moz-linear-gradient(top, #B8B8B8 0%, #DBDBDB 100%); background: -webkit-linear-gradient(top, #B8B8B8 0%, #DBDBDB 100%); background: -ms-linear-gradient(top, #B8B8B8 0%, #DBDBDB 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B8B8B8), color-stop(1, #DBDBDB)); box-shadow: inset 0px 1px 3px #666, 0px 1px 1px #FFF; -webkit-box-shadow: inset 0px 1px 3px #666, 0px 1px 1px #FFF; -moz-box-shadow: inset 0px 1px 3px #666, 0px 1px 1px #FFF; } .wpToolbarProjectModeContainer > div { float: left; display: block; padding: 4px 12px; } .wpToolbarProjectModeContainer > div.divider { display: none; height: 1.1em; width: 0px; border-right: 1px solid rgba(255, 255, 255, .65); border-left: 1px solid rgba(0, 0, 0, .25); margin: 0.5em 0; padding: 0px; } /* CSS styles for edit mode switch */ .wpPageModeLabel { float: left; padding-right: 7px; cursor: text; text-shadow: 0 1px 0 rgba(255, 255, 255, .8); } .wpPageModeToggle { min-width: 64px; line-height: 1.35em; overflow: hidden; position: relative; border-radius: 2px; color: #FEFEFE; cursor: pointer; float: left; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 1px; box-shadow: inset 0px 1px 2px #1A1A1A, 0px 1px 0px #EEE; -webkit-box-shadow: inset 0px 1px 2px #1A1A1A, 0px 1px 0px #EEE; -moz-box-shadow: inset 0px 1px 2px #1A1A1A, 0px 1px 0px #EEE; background: linear-gradient(top, #454545 0%, #8B8B8B 100%); background: -o-linear-gradient(top, #454545 0%, #8B8B8B 100%); background: -moz-linear-gradient(top, #454545 0%, #8B8B8B 100%); background: -webkit-linear-gradient(top, #454545 0%, #8B8B8B 100%); background: -ms-linear-gradient(top, #454545 0%, #8B8B8B 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #454545), color-stop(1.0, #8B8B8B)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#8b8b8b'); background-color: #454545; } .wpPageModeToggle .off, .wpPageModeToggle .on, .wpPageModeToggle .knob { white-space: nowrap; overflow: hidden; } .wpPageModeToggle .off { padding-right: 6px; text-shadow: 0 0 2px rgba(0, 0, 0, 1); text-align: right; } .wpPageModeToggle .on span { padding-left: 6px; text-overflow: ellipsis; } .wpPageModeToggle .on { position: absolute; top: 1px; text-align: left; text-shadow: 0 1px 0 rgba(0, 0, 0, .5); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: inset 0px 1px 3px #262626; -webkit-box-shadow: inset 0px 1px 3px #262626; -moz-box-shadow: inset 0px 1px 3px #262626; background: linear-gradient(top, #3079AF 0%, #4993C9 100%); background: -o-linear-gradient(top, #3079AF 0%, #4993C9 100%); background: -moz-linear-gradient(top, #3079AF 0%, #4993C9 100%); background: -webkit-linear-gradient(top, #3079AF 0%, #4993C9 100%); background: -ms-linear-gradient(top, #3079AF 0%, #4993C9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #3079AF), color-stop(1.0, #4993C9)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3079af', endColorstr='#4993c9'); background-color: #3079AF; margin: -1px; padding: 1px; width: 100%; } .lotusui_ie8 .wpPageModeToggle .disabled, .lotusui_ie9 .wpPageModeToggle .disabled, .lotusui_ie8 .wpPageModeToggle .on, .lotusui_ie9 .wpPageModeToggle .on { margin: 0; padding: 0; } .wpPageModeToggle .disabled { display: none; color: #000; position: absolute; cursor: default; top: 1px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: rgba(240, 240, 240, 0.5); margin: -1px; padding: 1px; width: 100%; } .wpPageModeToggle.disabled .disabled { display: block; } .wpPageModeToggle .filler { display: inline-block; width: 28px; } .wpPageModeToggle .knob a { width: 22px; border: 1px solid #666; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; display: block; background-color: #EAEAEA; background: linear-gradient(top, #EAEAEA 0%, #B5B5B5 100%); background: -o-linear-gradient(top, #EAEAEA 0%, #B5B5B5 100%); background: -moz-linear-gradient(top, #EAEAEA 0%, #B5B5B5 100%); background: -webkit-linear-gradient(top, #EAEAEA 0%, #B5B5B5 100%); background: -ms-linear-gradient(top, #EAEAEA 0%, #B5B5B5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #EAEAEA), color-stop(1.0, #B5B5B5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b5b5', endColorstr='#eaeaea'); box-shadow: inset 0px 0px 2px #D9D9D9; -webkit-box-shadow: inset 0px 0px 2px #D9D9D9; -moz-box-shadow: inset 0px 0px 2px #D9D9D9; text-decoration: none; } .wpPageModeToggle .knob { position: absolute; top: 0px; bottom: 0px; } .wpPageModeToggle .knob span { color: #000; background-color: #EAEAEA; } .wpPageModeToggle.valueon .knob { right: 0px; } .wpPageModeToggle.valueon .on { left: 1px; } .wpPageModeToggle.valueoff .knob { left: 0px; } .wpPageModeToggle.valueoff .on { left: -100%; } .lotusImagesOff .wpPageModeToggle { border: 1px solid #C4C4C4; } /* General CSS style definitions for action bar */ .wpToolbarAltText, .wpToolbarImagesOff { display: none; } .lotusImagesOff .wpToolbarImagesOff { display: inline; } .wpthemeComplementaryContent #actionBar { display: none; } .wpToolbarActionBar { background-color: #F3F3F3; border-bottom: 1px solid #D3D3D3; position: relative; } .wpToolbarActionBar > ul { padding: 0; margin: 0; list-style-type: none; padding: 0px 68px 0px 50px; } .wpToolbarActionBar .wpToolbarActionArea, .wpToolbarActionBar .wpToolbarToggle { float: left; } .wpToolbarActionBar .wpToolbarToggle > a { height: 1.5em; } .wpToolbarActionBar .wpToolbarActionArea { padding: 6px 3px 3px; } .wpToolbarActionBar .wpToolbarActionArea.infoModeToggle .wpToolbarToggle.selected > a { background-color: #3079AF; background: linear-gradient(top, #3079AF 0%, #4993C9 100%); background: -o-linear-gradient(top, #3079AF 0%, #4993C9 100%); background: -moz-linear-gradient(top, #3079AF 0%, #4993C9 100%); background: -webkit-linear-gradient(top, #3079AF 0%, #4993C9 100%); background: -ms-linear-gradient(top, #3079AF 0%, #4993C9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #3079AF), color-stop(1.0, #4993C9)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993c9', endColorstr='#3079af'); box-shadow: inset 0px 1px 3px #262626, 0px 1px 0px #FFF; -webkit-box-shadow: inset 0px 1px 3px #262626, 0px 1px 0px #FFF; -moz-box-shadow: inset 0px 1px 3px #262626, 0px 1px 0px #FFF; border: 1px solid #156299; } .wpToolbarActionBar .wpToolbarActionArea.modeToggle .wpToolbarToggle > a { cursor: default; line-height: 26px; padding: 0px 11px; } .wpToolbarActionBar .wpToolbarActionArea.toolbarToggle .wpToolbarToggle > a, .wpToolbarActionBar .wpToolbarActionArea.infoModeToggle .wpToolbarToggle > a { min-width: 34px; } .wpToolbarActionBar .wpToolbarActionArea.modeToggle .wpToolbarToggle.selected > a { border: 1px solid #ADADAD; box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 1px 1px 0px 4px rgba(0, 0, 0, 0.1); background: linear-gradient(top, #D1D1D1 10%, #DBDBDB 90%); background: -o-linear-gradient(top, #D1D1D1 10%, #DBDBDB 90%); background: -moz-linear-gradient(top, #D1D1D1 10%, #DBDBDB 90%); background: -webkit-linear-gradient(top, #D1D1D1 10%, #DBDBDB 90%); background: -ms-linear-gradient(top, #D1D1D1 10%, #DBDBDB 90%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #D1D1D1), color-stop(0.9, #DBDBDB)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBDBDB', endColorstr='#D1D1D1'); } .wpToolbarActionBar .navAreas .wpToolbarToggle > a { border-radius: 0; } .wpToolbarActionBar .navAreas div:first-child > a { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .wpToolbarActionBar .navAreas div:last-child > a { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .wpToolbarActionBar .navAreas div:nth-child(2) > a, .wpToolbarActionBar .navAreas div:nth-child(3) > a { border-left: none; } .wpToolbarActionBar .wpToolbarToggle.selected .wpToolbarCommonImages-Administration, .wpToolbarActionBar .wpToolbarToggle.selected .wpToolbarCommonImages-Applications, .wpToolbarActionBar .wpToolbarToggle.selected .wpToolbarCommonImages-Sites, .wpToolbarActionBar .wpToolbarToggle.selected .wpToolbarCommonImages-Flyout, .wpToolbarActionBar .wpToolbarToggle.selected .wpToolbarCommonImages-InfoModeOff, .wpToolbarActionBar .wpToolbarToggle .wpToolbarCommonImages-AdministrationSelected, .wpToolbarActionBar .wpToolbarToggle .wpToolbarCommonImages-SitesSelected, .wpToolbarActionBar .wpToolbarToggle .wpToolbarCommonImages-ApplicationsSelected, .wpToolbarActionBar .wpToolbarToggle .wpToolbarCommonImages-FlyoutSelected, .wpToolbarActionBar .wpToolbarToggle .wpToolbarCommonImages-InfoModeOn { display: none; } .wpToolbarActionBar .wpToolbarToggle.selected .wpToolbarCommonImages-AdministrationSelected, .wpToolbarActionBar .wpToolbarToggle.selected .wpToolbarCommonImages-SitesSelected, .wpToolbarActionBar .wpToolbarToggle.selected .wpToolbarCommonImages-ApplicationsSelected, .wpToolbarActionBar .wpToolbarToggle.selected .wpToolbarCommonImages-FlyoutSelected, .wpToolbarActionBar .wpToolbarToggle.selected .wpToolbarCommonImages-InfoModeOn { display: -moz-inline-box; display: inline-block; } .wpToolbarLeft { float: left; } .wpToolbarRight { float: right; } .wpToolbarActionBar .wpToolbarLogo { position: absolute; top: 8px; bottom: 0; right: 18px; margin: auto; } .wpToolbarToggle .wpthemeMenu { z-index: 5000; } /** Login link */ .wpToolbarActionBar .wpToolbarLoginContainer { width: 100%; position: absolute; z-index: 5000; top: 11px; } .wpToolbarActionBar .wpToolbarLogin { position: absolute; left: 50%; z-index: 5000; } .wpToolbarActionBar .wpToolbarLogin > div { position: relative; left: -50%; height: 20px; } .wpToolbarActionBar .wpToolbarLogin a, .wpToolbarActionBar .wpToolbarLogin a:visited, .wpToolbarActionBar .wpToolbarLogin a:hover, .wpToolbarActionBar .wpToolbarLogin a:active, .wpToolbarActionBar .wpToolbarLogin a:focus, .wpToolbarActionBar .wpToolbarLogin a:link { color: #1970B0; } .wpToolbarPreview { width: 100%; position: absolute; overflow: hidden; z-index: 5000; } .wpToolbarPreview .wpToolbarPreviewContainer { position: fixed; left: 50%; z-index: 5000; } .wpToolbarPreview .wpToolbarPreviewContainer .wpToolbarStopPreview { position: relative; left: -50%; } .wpToolbarPreview .wpToolbarStopPreview button { border-radius: 0px 0px 3px 3px; color: #000; text-decoration: none !important; vertical-align: middle; padding: 3px 40px; cursor: pointer; display: inline; font-size: 1.2em; border: 1px solid #BBB; border-left-color: #FFF; border-top-color: #FFF; border-right-color: #FFF; -webkit-box-shadow: 0px 2px 5px rgba(40, 40, 40, 0.8); -moz-box-shadow: 0px 2px 5px rgba(40, 40, 40, 0.8); box-shadow: 0px 2px 5px rgba(40, 40, 40, 0.8); background-color: #EDEDED; background: linear-gradient(top, #EDEDED 10%, #E1E1E1 90%); background: -o-linear-gradient(top, #EDEDED 10%, #E1E1E1 90%); background: -moz-linear-gradient(top, #EDEDED 10%, #E1E1E1 90%); background: -webkit-linear-gradient(top, #EDEDED 10%, #E1E1E1 90%); background: -ms-linear-gradient(top, #EDEDED 10%, #E1E1E1 90%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #EDEDED), color-stop(0.9, #E1E1E1)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1E1E1', endColorstr='#EDEDED'); } .wpToolbarPreview .wpToolbarStopPreview button:hover, .wpToolbarPreview .wpToolbarStopPreview button:focus, .wpToolbarPreview .wpToolbarStopPreview button:active { border-bottom-color: #888; border-right-color: #FFF; border-left-color: #FFF; border-top-color: #FFF; -webkit-box-shadow: 0px 3px 5px rgba(30, 30, 30, 0.8); -moz-box-shadow: 0px 3px 5px rgba(30, 30, 30, 0.8); box-shadow: 0px 3px 5px rgba(30, 30, 30, 0.8); } .wpToolbarProjectModeContainer > div.divider { display: block !important; } .wpToolbarProjectInfoBox > div { display: none; } .wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled > div { display: block; } .wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink, .wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink:link, .wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink:active, .wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink:focus, .wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink:hover { display: none; } .wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink, .wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink:link, .wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink:active, .wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink:visited, .wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink:hover { color: #222; } .wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled .wpToolbarProjectLabel:hover, .wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled .wpToolbarPublishedSiteLabel:hover, .wpToolbarProjectInfoBox a { text-decoration: none !important; } .wpToolbarProjectInfoBox .wpToolbarProjectLabel, .wpToolbarProjectInfoBox .wpToolbarPublishedSiteLabel { padding-right: 1px; font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, .8); } .wpToolbarProjectInfoBox .wpToolbarProjectLabel:hover, .wpToolbarProjectInfoBox .wpToolbarPublishedSiteLabel:hover { text-decoration: underline; } .wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink img { width: 9px; height: 9px; } .lotus_rtl .wpToolbarProjectInfoBox .wpToolbarProjectLabel, .lotus_rtl .wpToolbarProjectInfoBox .wpToolbarPublishedSiteLabel { padding-left: 1px; padding-right: 0px; } body#content { background-color: #EDEDED; color: #222; margin: 0; padding: 0; font: 75%/1.5 'Raiffeisen', Helvetica, Arial, sans-serif; } .wptheme_ie7 body { position: relative; } a, a:active { color: #10498F; text-decoration: none; } a:hover, a:focus { color: #05386B; text-decoration: underline; } img { border: 0 none; vertical-align: middle; } article, aside, footer, header, hgroup, nav, section { display: block } .wpthemeFrame { min-width: 980px; } .wpthemeInner, .wpthemeSecondaryNav { margin: 0 auto; width: 980px; } .wpthemeLeft { float: left; text-align: left; } .wpthemeRight { float: right; text-align: right; } .wpthemeClear { clear: both; } .wpthemeDisplayNone { display: none; } .wpthemeOverflowAuto { overflow: auto; } .wpthemeUnderlineText:hover, .wpthemeUnderlineText:focus { text-decoration: underline; cursor: pointer; } .wpthemeAccess { position: absolute; top: -99999px; } .wpthemeAltText { display: none; } .wpthemeImagesOff .wpthemeAltText { display: block; } .wpthemeImagesOff #wpthemeComplementaryContentText.wpthemeAltText { display: none; } .wpthemeImagesOff .wpthemeNavListItem.wpthemeSelected { border: 1px outset #AAAAAA; } .wpthemeImagesOff .lotusui30 .lotusTabs .lotusSelected { border: 1px outset #AAAAAA; } .wpthemeImagesOff .lotusui30 .lotusForm2 .lotusText { border: 1px outset #AAAAAA; } .wpthemeImagesOff .lotusui30 input.lotusFormButton { border: 1px outset #AAAAAA; } .wpthemeHeader { background-color: #424142; overflow: hidden; text-align: left; } .wpthemeLogo { display: none; background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/themes/RaiffeisenRoTheme85/css/images/master.png"); background-position: 0 -758px; width: 95px; height: 18px; margin-top: 5px; } .wpthemeHeader .wpthemeNavContainer1 { float: left; } .wpthemeHeaderNav ul { padding: 0 0 0 5px; margin: 0; line-height: 2.1em; } .wpthemeHeaderNav ul li.wpthemeNavListItem { display: block; margin: 0; font-size: 0.9em; color: #FFF; padding: 0px 2px; line-height: 2.3em; } .wpthemeHeader .wpthemeHeaderNav ul li a:link, .wpthemeHeader .wpthemeHeaderNav ul li a:visited, .wpthemeHeader .wpthemeHeaderNav ul li a:active { color: #FFF; font-weight: normal; padding: 3px 13px; } .wpthemeHeader .wpthemeHeaderNav ul li a:hover, .wpthemeHeader .wpthemeHeaderNav ul li a:focus, .wpthemeHeader .wpthemeHeaderNav ul li.wpthemeSelected a { color: #FFF; text-decoration: none; background-color: #717171; } .wpthemeBanner { padding: 0; } .wpthemeBannerInner { background: #353535; background: -moz-linear-gradient(center top, #565656 0%, #353535 100%) repeat scroll 0 0 #353535; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #353535)); background: -webkit-linear-gradient(top, #565656 0%, #353535 100%); background: -o-linear-gradient(top, #565656 0%, #353535 100%); background: -ms-linear-gradient(top, #565656 0%, #353535 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#353535', GradientType=0); background: linear-gradient(top, #565656 0%, #353535 100%); border-top: 1px solid #636363; border-bottom: 1px solid #272727; } .lotusui_ie8 .wpthemeBannerInner { background-color: #353535; filter: none; } .wpthemeBanner ul { margin: 0; padding: 0; overflow: visible; list-style-type: none; line-height: 1.5; } .wpthemeOverlay { display: none; position: absolute; z-index: 100; width: 100%; background: rgba(1, 1, 1, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#af404040, endColorstr=#af404040); } .wpthemeOpen, .wpthemeOpen .wpthemeOverlay { height: 19.4em !important; } .wpthemeMinimized, .wpthemeMinimized .wpthemeOverlay { height: 3.2em !important; } .wpthemeOverlay .wpthemeOverlayImg { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/themes/RaiffeisenRoTheme85/css/images/loading.gif"); background-repeat: no-repeat; height: 16px; width: 16px; margin-left: 49%; } .wpthemeOpen .wpthemeOverlay .wpthemeOverlayImg { margin-top: 9.7em; } .wpthemeMinimized .wpthemeOverlay .wpthemeOverlayImg { margin-top: 1em; } .wpthemeLoading .wpthemeOverlay { display: inline; } .wpthemeBanner .wpthemeNavContainer1 { float: left; } .wpthemePrimaryNav li { padding: 0; display: block; margin: 0; line-height: 1.5em; } .wpthemeBanner .wpthemePrimaryNav li a:link, .wpthemeBanner .wpthemePrimaryNav li a:visited { border-left: 1px solid transparent; border-right: 1px solid transparent; text-shadow: 0 1px 2px #000000; text-decoration: none; font-weight: normal; display: block; padding: 6px 20px; color: #DDD; } .wpthemeBanner .wpthemePrimaryNav li a:hover, .wpthemeBanner .wpthemePrimaryNav li a:active, .wpthemeBanner .wpthemePrimaryNav li a:focus { background: #505050; background: -moz-linear-gradient(#505050, #101010) repeat scroll 0 0 #101010; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #505050), color-stop(100%, #101010)); background: -webkit-linear-gradient(top, #505050 0%, #101010 100%); background: -o-linear-gradient(top, #505050 0%, #101010 100%); background: -ms-linear-gradient(top, #505050 0%, #101010 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#505050', endColorstr='#101010', GradientType=0); background: linear-gradient(top, #505050 0%, #101010 100%); border-left-color: #585858; border-right-color: #585858; color: #FFF; box-shadow: 1px 0 0 #111, -1px 0 0 #111, 0px 0 0 #111 inset, 0px 0 0 #111 inset; font-weight: normal; text-shadow: 0 1px 2px #000; text-decoration: none; } .wpthemeBanner .wpthemePrimaryNav .wpthemeSelected a:link, .wpthemeBanner .wpthemePrimaryNav .wpthemeSelected a:hover, .wpthemeBanner .wpthemePrimaryNav .wpthemeSelected a:active, .wpthemeBanner .wpthemePrimaryNav .wpthemeSelected a:focus { background: #585858; background: -moz-linear-gradient(#585858, #161616) repeat scroll 0 0 #161616; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #161616)); background: -webkit-linear-gradient(top, #585858 0%, #161616 100%); background: -o-linear-gradient(top, #585858 0%, #161616 100%); background: -ms-linear-gradient(top, #585858 0%, #161616 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#585858', endColorstr='#161616', GradientType=0); background: linear-gradient(top, #585858 0%, #161616 100%); border-left-color: #585858; border-right-color: #585858; color: #FFF; box-shadow: 1px 0 0 #111, -1px 0 0 #111, 0px 0 0 #111 inset, 0px 0 0 #111 inset; font-weight: normal; } .wpthemeBannerPrimaryNavigation { background: none repeat scroll 0 0 #008ABF; border-bottom: 1px solid #0075A3; padding: 0 0 2px; } .wpthemeBannerPrimaryNavigation ul { line-height: 1.67; list-style-type: none; margin: 0; overflow: visible; padding: 0; } .wpthemeBannerPrimaryNavigation .wpthemeBannerInner { background: #242424; background: -moz-linear-gradient(center top, #323232 0%, #242424 100%) repeat scroll 0 0 #242424; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #323232), color-stop(100%, #353535)); background: -webkit-linear-gradient(top, #323232 0%, #242424 100%); background: -o-linear-gradient(top, #323232 0%, #242424 100%); background: -ms-linear-gradient(top, #323232 0%, #242424 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#323232', endColorstr='#242424', GradientType=0); background: linear-gradient(top, #323232 0%, #242424 100%); border-top: 1px solid #4A4A4A; } .wpthemeBannerPrimaryNavigation .wpthemeNavContainer1 { float: left; } ul.wpthemeCommonActions > li { display: block; float: left; margin: 0; color: #FFF; padding: 0px 5px; } .wpthemeBanner ul.wpthemeCommonActions > li > span, .wpthemeBanner ul.wpthemeCommonActions li a:link, .wpthemeBanner ul.wpthemeCommonActions li a:visited, .wpthemeBanner ul.wpthemeCommonActions li a:active { color: #FFF; font-weight: normal; display: block; border-right: 1px solid #4B4B4B; border-right: 1px solid rgba(255, 255, 255, .15); margin: 17px 0; padding: 0 10px 0 0; } .wpthemeBanner ul.wpthemeCommonActions li a:hover, .wpthemeBanner ul.wpthemeCommonActions li a:focus { color: #FFF; text-decoration: underline; cursor: pointer; } .wpthemeBanner .wpthemeCommonActions a.wpthemeHelp:link, .wpthemeBanner .wpthemeCommonActions a.wpthemeHelp:focus, .wpthemeBanner .wpthemeCommonActions a.wpthemeHelp:hover, .wpthemeBanner .wpthemeCommonActions a.wpthemeHelp:active { border: 0; margin-top: 18px; margin-left: 0; padding: 0; } .wpthemeCommonActions .wpthemeHelp img { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/themes/RaiffeisenRoTheme85/css/images/master.png"); background-position: 0 -812px; width: 16px; height: 16px; } .wpthemeCommonActions .wpthemeHelp img:hover { background-position: 0 -786px; } .wpthemeBanner ul.wpthemeCommonActions .wpthemeBranding { display: block; border: 0; padding: 0; margin: 14px 0 0 0; } .wpthemeBanner ul.wpthemeCommonActions > li > span.wpthemeBranding, .wpthemeBanner ul.wpthemeCommonActions > li > span > a.wpthemeBrandingLink, .wpthemeBanner ul.wpthemeCommonActions > li.wpthemeLast > span, .wpthemeBanner ul.wpthemeCommonActions li.wpthemeLast a, .wpthemeBanner ul.wpthemeCommonActions li.wpthemeLast a:active { border: none; } .wpthemeActionDisabled:hover, .wpthemeActionDisabled:focus { cursor: not-allowed; } .wpthemeActionDisabled .wpthemeUnderlineText:hover, .wpthemeActionDisabled .wpthemeUnderlineText:focus { cursor: not-allowed; } .wpthemeBanner .wpthemeBranding img { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/themes/RaiffeisenRoTheme85/css/images/master.png"); background-position: 0 -890px; width: 71px; height: 26px; border: 0 none; line-height: 0; vertical-align: middle; display: block; } .wpthemeBanner ul.wpthemeCommonActions li a.wpthemeBrandingLink, .wpthemeBanner ul.wpthemeCommonActions li a.wpthemeBrandingLink:focus, .wpthemeBanner ul.wpthemeCommonActions li a.wpthemeBrandingLink:hover, .wpthemeBanner ul.wpthemeCommonActions li a.wpthemeBrandingLink:active { border: 0 none; margin: 0; } .wpthemeSecondaryBanner { background: #FFF; margin: 0; padding: 0; } .wpthemeSecondaryNav { clear: both; } .wpthemeSecondaryNav ul { list-style: none; padding: 0; margin: 0; } .wpthemeSecondaryNav li { border-color: #D2D2D2; border-width: 0 1px; border-style: solid; margin: 0 -1px 0 0; } .wpthemeSecondaryNav a, .wpthemeSecondaryNav a:active { color: #10498F; margin: 6px 20px 6px 0; padding: 0 0 0 20px; display: block; } .wpthemeSecondaryNav a:hover, .wpthemeSecondaryNav a:focus { color: #05386B; text-decoration: none; } .wpthemeSecondaryBanner .wpthemeNavContainer1 { background: #F8F8F8; background: -moz-linear-gradient(top, #F8F8F8 0%, #F8F8F8 84%, #E7E7E7 94%, #D2D2D2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F8F8F8), color-stop(84%, #F8F8F8), color-stop(94%, #E7E7E7), color-stop(100%, #D2D2D2)); background: -webkit-linear-gradient(top, #F8F8F8 0%, #F8F8F8 84%, #E7E7E7 94%, #D2D2D2 100%); background: -o-linear-gradient(top, #F8F8F8 0%, #F8F8F8 84%, #E7E7E7 94%, #D2D2D2 100%); background: -ms-linear-gradient(top, #F8F8F8 0%, #F8F8F8 84%, #E7E7E7 94%, #D2D2D2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#d2d2d2', GradientType=0); background: linear-gradient(top, #F8F8F8 0%, #F8F8F8 84%, #E7E7E7 94%, #D2D2D2 100%); margin: 0; padding: 0; } .wpthemeSecondaryBanner .wpthemeNavContainer1 .wpthemeSelected { background-color: #FFFFFF; } .wpthemeSecondaryBanner .wpthemeNavContainer2 { border-bottom: 1px solid #E7E7E7; background: #FFF; } .wpthemeSecondaryBanner .wpthemeNavContainer2 .wpthemeSecondaryNav li, .wpthemeSecondaryBanner .wpthemeNavContainer2 .wpthemeSecondaryNav .wpthemeFirst, .wpthemeSecondaryBanner .wpthemeNavContainer2 .wpthemeSecondaryNav a.wpthemeFirst a, .wpthemeSecondaryBanner .wpthemeNavContainer2 .wpthemeSecondaryNav a.wpthemeFirst:active { border: 0; } .wpthemeSecondaryBanner .wpthemeNavContainer2 .wpthemeSecondaryNav a, .wpthemeSecondaryBanner .wpthemeNavContainer2 .wpthemeSecondaryNav a:active { border-left: 1px solid #D2D2D2; } .wpthemeSecondaryBanner .wpthemeNavContainer2 .wpthemeSelected { font-weight: bold; } .wpthemeCrumbTrail { margin: 6px 0 0 20px; } .wpthemeInner .wpthemeCrumbTrail a { color: #222; font-weight: normal; } .wpthemeInner .wpthemeCrumbTrail a :hover, .wpthemeInner .wpthemeCrumbTrail a :focus { color: #222; text-decoration: underline; } .wpthemeCrumbTrailSeparator { padding: 0px 5px; } .wpthemeCrumbTrail .wpthemeSelected { font-weight: bold; } .wpthemeSearch { font-size: 1.111em; border-radius: 16px; margin: 14px 20px 14px 5px; border: 1px solid #222222; padding: 1px 6px; background-color: #F3F3F3; } .wpthemeSearch form { margin: 0; } .wpthemeSearch input.wpthemeSearchText { width: 14em; background: transparent; padding-left: 5px; font-size: 0.9em; color: #999; border: 0; } .wpthemeSearch input.wpthemeSearchButton { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/themes/RaiffeisenRoTheme85/css/images/master.png"); background-position: 0 -225px; -moz-opacity: .4; opacity: 0.4; filter: alpha(opacity=40); border: 0; width: 12px; height: 12px; padding: 0 2px 2px 0; vertical-align: middle; } .wpthemeMainContent { background: #FFF; min-height: 400px; } .wpthemeLayoutContainers { padding: 10px 0; } .wpthemeFooter { border-top: 1px solid #E6E6E6; background-color: #EDEDED; } .wpthemeFooter h3 { margin-top: 25px; margin-bottom: 4px; text-shadow: 1px 1px #CCC; } .wpthemeFooterCol { padding: 0 10px; width: 300px; text-align: left; margin-bottom: 25px; } .wpthemeFooter ul { font-size: 0.9em; list-style: none; margin: 0; padding: 0; } .wpthemeFooter .wpthemeFooterCol ul li { margin: 4px 0; display: block; } .wpthemeFooter .wpthemeFooterCol ul li a:link, .wpthemeFooter .wpthemeFooterCol ul li a:visited, .wpthemeFooter .wpthemeFooterCol ul li a:hover, .wpthemeFooter .wpthemeFooterCol ul li a:active { color: #222; font-weight: normal; padding: 0; } .wpthemeControl { width: auto; padding: 0; margin: 0 0 0px; background: transparent; } .wpthemeControlHeader { display: table; width: 100%; background-color: transparent; background-image: none; border-bottom: 1px solid #E5E5E5; border-top: 3px solid #000000; margin: 0; } .wptheme_ie7 .wpthemeControlHeader { display: block; } .wpthemeControl .wpthemeControlHeader h2 { margin: 0; font-size: 1em; padding-left: 10px; display: table-cell; font-weight: bold; padding: 5px 5px 5px 0px; vertical-align: middle; } .wpthemeControl .wpthemeControlHeader .dndHandle { display: none; } .edit-mode .wpthemeControl .wpthemeControlHeader .dndHandle { display: inline; float: left; margin-right: 4px; height: 1.6em; width: 40px; background-image: url(/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/themes/RaiffeisenRoTheme85/css/images/dragHandle.png); cursor: move; } .wptheme_ie7 .wpthemeControl .wpthemeControlHeader h2 { display: block; float: left; } .wpthemeControlHeader .wpthemeInner { display: table-row; word-wrap: break-word; } .wptheme_ie7 .wpthemeControlHeader .wpthemeInner { display: block; width: 100%; } .wpthemeControlHeader .wpthemeIcon { padding: 8px 1px; display: table-cell; vertical-align: top; width: 20px; outline: medium none; text-decoration: none; font-size: 0.9em; } .wptheme_ie7 .wpthemeControlHeader .wpthemeIcon { display: block; float: right; } .wpthemeControlHeader a.wpthemeIcon img { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/themes/RaiffeisenRoTheme85/css/images/master.png"); background-position: 0 -268px; -moz-opacity: .5; filter: alpha(opacity=50); opacity: 0.5; width: 12px; height: 12px; display: block; } .wpthemeControlHeader a.wpthemeIcon:focus { border: 1px dotted black; padding: 7px 0; } .wpthemeControl.wpthemeHidden .wpthemeControlHeader { display: none; } .edit-mode .wpthemeControl.wpthemeHidden .wpthemeControlHeader { display: table; table-layout: fixed; } .wptheme_ie7 .edit-mode .wpthemeControl.wpthemeHidden .wpthemeControlHeader { display: block; } .edit-mode .wpthemeControl.wpthemeHidden { box-shadow: 0 1px 3px #D7D7D7; border: 1px solid #D7D7D7; padding: 10px; } .wpthemeControl.wpthemeStandard { box-shadow: 0 1px 3px #D7D7D7; border: 1px solid #D7D7D7; padding: 10px; } .wpthemeHiddenPlusControl { background-image: none; background-color: transparent; margin: 0; padding: 0; width: auto; } .wpthemeHiddenPlusControlHeaderParent { position: relative; } .wpthemeHiddenPlusControlHeader { background-color: #EEE; border: 0; display: none; float: right; opacity: 0.8; position: absolute; top: 0; z-index: 1; } body.edit-mode .wpthemeHiddenPlusControl:hover .wpthemeHiddenPlusControlHeader { display: table; } .wpthemeControlHeader.wpthemeHiddenPlusControlHeader .wpthemeInner h2 span { margin-left: 10px; } .ibm-minimized .wpthemeControl .wpthemeControlBody { display: none; } .ibm-maximized { margin: 10px 15px; max-width: 100% } .wpthemeCol { margin-left: 20px; min-height: 20px; } .edit-mode .wpthemeCol { border: 1px dotted #222; } .wptheme1Col .wpthemeCol { width: 940px; } .wptheme2Col .wpthemeCol { width: 460px; } .wptheme3Col .wpthemeCol { width: 300px; } .wptheme2Col.wpthemeUnequal .wpthemePrimaryContainer { width: 620px; } .wptheme2Col.wpthemeUnequal .wpthemeSecondaryContainer { width: 300px; } .wptheme3Col.wpthemeUnequal .wpthemePrimaryContainer { width: 550px; } .wptheme3Col.wpthemeUnequal .wpthemeSecondaryContainer, .wptheme3Col.wpthemeUnequal .wpthemeTertiaryContainer { width: 175px; } .wpthemeTopCol .wpthemeHeadlineContainer { width: 945px; margin-right: 15px; margin-bottom: 20px; } .wpthemeRow { overflow: auto; margin: 0 20px 20px; padding-left: 5px; } .edit-mode .wpthemeRow { border: 1px dotted #111; min-height: 260px; } .wpthemeRow .wpthemeControl .wpthemeControlBody { height: 200px; overflow: auto; } .wpthemeRow .wpthemeControl, .hiddenWidgetsDiv .wpthemeControl { float: left; margin-right: 7.5px; width: 436px; } .wpthemeRow .component-control { float: left; } .wpthemeRow .ibmDndHorizontalGhost { margin: 7.5px 7.5px 7.5px 0; } .wptheme_ie7 .hiddenWidgetsDiv .wpthemeControl { width: 415px; } .wpthemeMainContent .hiddenWidgetsDiv { background-color: #CCC; margin-left: 7.5px; } .wpthemeMainContent .hiddenWidgetsContainer { display: none; min-height: 267px !important; border-bottom: 1px solid #BBB; margin-bottom: 20px; } .hiddenWidgetsDiv .wpthemeControl { border: 1px dashed #777; background-color: #FFF; } .hiddenWidgetsDiv .hiddenWidgetMessage { background-color: #BBB; color: #000; border-bottom: 1px solid #AAA; margin: 0 -7.5px 7.5px; line-height: 2.7em; padding: 0 10px; } .edit-mode .layoutNode { border: 1px dotted #222; min-height: 20px; min-width: 40px; } .mumHiddenWidget, .iw-Definition, .iw-ItemSet, .iw-ReceivedEvent { display: none; } .iw-loading { display: none; } .wpthemeControlBody .iw-iWidget, .wpthemeControlBody .iw-Content { height: 100%; } .wpthemeLayoutContainers .iw-loading { display: inline; } .wpthemeClose img { width: 12px; height: 12px; background-position: 0 -1457px; background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/themes/RaiffeisenRoTheme85/css/images/master.png"); } .wpthemeNavList .wpthemeClose, .wpthemeNavList .wpthemeClose:active { border-style: none !important; margin: 9px 20px 9px -10px; padding: 0; } .wpthemeHeaderNav .wpthemeClose, .wpthemeHeaderNav .wpthemeClose:active { margin-left: -2px; margin-top: 11px; } .wpthemePrimaryNav .wpthemeClose, .wpthemePrimaryNav .wpthemeClose:active { margin-top: 23px; } .wpthemePrimaryNav .wpthemeSelected .wpthemeClose, .wpthemePrimaryNav .wpthemeSelected .wpthemeClose:active { margin-left: -15px; } .wpthemeSecondaryNav .wpthemeClose, .wpthemeSecondaryNav .wpthemeClose:active { margin-top: 10px; } iframe#dj_history { display: none; } .wpthemeLayoutContainers .portal-drop-target { display: none; } .wpthemeLayoutContainers div.ibmDndDropZonesActive .portal-drop-target { display: block; position: relative; } .wpthemeLayoutContainers div.ibmDndDropZonesActive .portal-drop-target section { color: #83B995; border: 1px solid #83B995; border-radius: 2px; background-color: #EDFCF2; position: absolute; z-index: 1000; opacity: 0.8; } .wpthemeLayoutContainers div.ibmDndDropZonesActive .portal-drop-target.ibmDndDropZoneOver section { background-color: #A0EFBA; } .wpthemeLayoutContainers div.ibmDndDropZonesActive .portal-drop-target.ibmDndDropZoneIllegal section, .wpthemeLayoutContainers div.ibmDndDropZonesActive.ibmDndDropZoneIllegal .portal-drop-target section { background-color: #ED486E; border-color: #A11222; } .wpthemeLayoutContainers div.ibmDndColumn.ibmDndDropZonesActive :first-child.portal-drop-target section { top: 0px; } .wpthemeLayoutContainers div.ibmDndColumn.ibmDndDropZonesActive .portal-drop-target section { top: -20px; left: -1px; width: 100%; height: 30px; } .wpthemeLayoutContainers div.ibmDndRow.ibmDndDropZonesActive .portal-drop-target section { left: -15px; top: 25px; width: 20px; } .wpthemeLayoutContainers table.ibmDndDropZonesActive .portal-drop-target { display: block; color: #83B995; background-color: #EDFCF2; border: 1px solid #83B995; border-radius: 2px; margin: 5px; height: 2em; min-width: 20px; } .wpthemeLayoutContainers table.ibmDndDropZonesActive .portal-drop-target.ibmDndDropZoneOver { background-color: #A0EFBA; } .wpthemeLayoutContainers table.ibmDndDropZonesActive .portal-drop-target.ibmDndDropZoneIllegal, .wpthemeLayoutContainers table.ibmDndDropZonesActive.ibmDndDropZoneIllegal .portal-drop-target { background-color: #ED486E; border-color: #A11222; } .wpthemeSplitView .wpthemeFrame { min-width: 1225px; } .wpthemeSplitView .wpthemeMainContent > div { width: 1135px; } .wpthemeSplitView .wpthemeLayoutContainers { width: 850px; } .wpthemeSideNavigation { width: 275px; margin: 10px 10px 10px 0; } .wpthemeSideNavigation ul.wpthemeNavList { list-style-type: none; margin: 0; padding: 0; } .wpthemeSideNavigation a.wpthemeSelected:before { color: #DD731C; content: "▪"; font-family: Arial, Helvetica, sans-serif; margin: 0 4px 0 -8px } .wpthemeSideNavigation .wpthemeSelected { font-weight: bold; } .wpthemeSideNavigation a, .wpthemeSideNavigation a:visited, .wpthemeSideNavigation a:hover, .wpthemeSideNavigation a:active { text-decoration: none; } .wpthemeSideNavigation ul li > span { padding: 5px 15px; margin: 2px 0; } .wpthemeSideNavigation .wpthemeNavContainer li > span:hover { background: #E1F4F9; } .wpthemeSideNavigation > ul.wpthemeNavContainer > li { padding: 3px 0px; } .wpthemeSideNavigation .wpthemeNavContainer li { padding: 3px 0px 3px 25px; } .wpthemeSideNavigation .wpthemeClose { margin: 0 7px; } .wpthemeSplitView .wptheme1Col .wpthemeCol { width: 850px; } .wpthemeSplitView .wptheme2Col .wpthemeCol { width: 400px; } .wpthemeSplitView .wptheme3Col .wpthemeCol { width: 260px; } .wpthemeSplitView .wptheme2Col.wpthemeUnequal .wpthemePrimaryContainer { width: 545px; } .wpthemeSplitView .wptheme2Col.wpthemeUnequal .wpthemeSecondaryContainer { width: 260px; } .wpthemeSplitView .wptheme3Col.wpthemeUnequal .wpthemePrimaryContainer { width: 434px; } .wpthemeSplitView .wptheme3Col.wpthemeUnequal .wpthemeSecondaryContainer, .wpthemeSplitView .wptheme3Col.wpthemeUnequal .wpthemeTertiaryContainer { width: 175px; } .wpthemeSplitView .wpthemeTopCol .wpthemeHeadlineContainer { width: 830px; margin-right: 15px; margin-bottom: 20px; } .wpthemeSplitView .wpthemeRow { margin: 0 0 20px 20px; } .wpthemeSplitView #layoutContainers .layoutRow .layoutColumn .component-control { width: 850px; } .portlet-dlg-icon-label { font-weight: bold; color: #000000; white-space: nowrap; } .portlet-icon-label { color: #000000; } .portlet-section-header { font-weight: bold; color: #333333; } .portlet-section-header-highlight { background-color: #F0F0F0; } .portlet-font { font-family: Helvetica, Arial, sans-serif; font-size: 1em; color: #333333; } .portlet-section-subheader { color: #333333; } .portlet-table-selected { color: #333333; background-color: #C5D1DE; } .portlet-table-alternate { color: #333333; } .portlet-table-header { font-weight: normal; color: #000000; text-align: left; background-color: #FFFFFF; border-width: 0px 0px 0px 0px; border-style: none; border-color: #AAAAAA; } .portlet-table-body { text-align: left; border-width: 1px 0px 0px 0px ! important; border-style: solid ! important; border-color: #AAAAAA ! important; } .portlet-table-subheader { font-weight: bold; color: #000000; text-align: left; } .portlet-form-input-field { border: 1px solid #999999; } .portlet-form-button { text-decoration: none; text-align: center; background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/ButtonBackground.gif"); background-repeat: repeat-x; background-position: left center; border: 1px solid #919191; padding: 0px 2px; margin: 0px; overflow: visible; font-weight: normal; color: #000000; cursor: pointer; } .portlet-form-field, .portlet-form-field-label { color: #333333; } .portlet-font-dim { color: #808080; } .portlet-form-label { color: #333333; } .portlet-msg-error { color: #000000; } .portlet-msg-alert { color: #000000; } .portlet-msg-success { color: #000000; } .portlet-msg-info { color: #000000; } .portlet-section-text { color: #666666; } .portlet-msg-status { color: #333333; } .portlet-menu, .portlet-menu-cascade { background-color: #EEEEEE; border-style: solid; border-color: #333333; border-width: 1px; padding: 3px; } .portlet-menu-item { background-color: #EEEEEE; border-style: solid; border-color: #333333; border-width: 1px; padding: 3px; } .portlet-menu-item-selected { background-color: #AAAAAA; border-style: solid; border-color: #333333; border-width: 1px; padding: 3px; } .portlet-menu-item-hover, .portlet-menu-cascade-item-hover { background-color: #CCCCCC; border-style: solid; border-color: #333333; border-width: 1px; padding: 3px; } .portlet-menu-item-hover-selected, .portlet-menu-cascade-item-hover-selected { background-color: #CCCCCC; border-style: solid; border-color: #333333; border-width: 1px; padding: 3px; } .portlet-menu-cascade-item { background-color: #EEEEEE; border-style: solid; border-color: #333333; border-width: 1px; padding: 3px 3px 3px 3px; } .portlet-menu-cascade-item-selected { background-color: #CCCCCC; border-style: solid; border-color: #333333; border-width: 1px; padding: 3px 3px 3px 3px; } .portlet-menu-separator, .portlet-menu-cascade-separator { background-color: #999999; } .portlet-menu-content, .portlet-menu-content-selected { background-color: #EEEEEE; } .portlet-menu-content-hover, .portlet-menu-content-hover-selected { background-color: #CCCCCC; } .portlet-menu-caption { border-style: solid; border-color: #333333; border-width: 1px; } .portlet-separator { background-color: #999999; height: 1px; } div.portlet-separator { background-color: #999999; margin: 2px 0 2px 0; } .help { font-size: 1em; color: #000000; } .help_indent { font-size: 1em; color: #000000; background-color: #FFFFFF } A.help { font-size: 1em; color: #3366CC } A.help:visited { font-size: 1em; color: #666699 } A.help:active { font-size: 1em; color: #3366CC } A.help:hover { font-size: 1em; color: #3366CC } H2.help { padding-left: 8px; font-weight: bold; font-size: 1.1667em; color: #000000; padding-top: 22px; border-bottom: 1px solid #B0B0B0; background-color: #F0F0F0; text-align: left } H3.help { font-size: 1.1667em; padding-left: 8px; font-weight: bold; padding-top: 3px; background-color: #F0F0F0 } H3 A.help { font-size: 1.1667em; color: #000000; background-color: #F0F0F0; text-decoration: none } H4.help { padding-left: 8px; margin: 16px 20px 0px 20px; color: #000000; padding-top: 3px; background-color: #F0F0F0; text-align: left } H4 A.help { font-weight: normal; font-size: 1em; color: #000000; font-style: italic; background-color: #F0F0F0 } P.help { padding-bottom: 0px; margin: 2px 20px 0px 30px; padding-top: 4px } P.help_indent { padding-bottom: 0px; margin: 2px 20px 0px 0px; padding-top: 4px } UL.help { margin-left: 56px; margin-right: 20px } OL.help { margin-left: 56px; margin-right: 20px } DL.help { margin-left: 56px; margin-right: 20px } PRE.help { margin-left: 30px; font-family: monospace; font-size: 1.1667em; } DT A.help { font-weight: 900; color: #000000 } DD.help { padding-bottom: 20px; padding-top: 2px } LI.help { padding-bottom: 2px; padding-top: 2px } TABLE.help { padding-right: 20px; padding-left: 30px; margin-left: 28px } TH.help { text-align: center; padding-top: 5px; padding-bottom: 5px; vertical-align: top; } TD.help { padding-bottom: 3px; vertical-align: top; padding-top: 3px; text-align: left } .lotus_rtl TD.help { text-align: right; } samp, samp.help { font-family: monospace; font-size: 1.1667em; } TABLE.dataTable { color: black; width: 90%; border-collapse: collapse; border-color: Black; background-color: white; margin-left: 28px; } .dataTable TH { font-weight: bold; font-size: 0.8em; color: black; background-color: #F0F0F0; } .wpsTableAdminHead { color: #333333; background-color: #CCCCCC; } .wpsAdminHeadSeparator { background-color: #999999; height: 1px; } .wpsStatusMsg { color: #000000; background-color: #E7EFF7; margin: 10px 0px; padding: 5px; border: solid 2px #ABCACA; -moz-border-radius: 8px; } .wpsStatusMsg img { vertical-align: middle; } .wpsInstructionText { color: #6B6B6B; margin: 0.6em 0px 0px 0px; } .wpsInstructionText em { font-weight: bold; font-style: normal; color: #8A59A6; } .wpsInstructionHeadText { font-weight: bold; font-size: 1em; color: #405380; } .wpsIndentXSmall { padding-left: 4px; } .wpsIndentSmall { padding-left: 8px; } .wpsIndentMedium { padding-left: 16px; } .wpsIndentLarge { padding-left: 32px; } .wpsIndentXLarge { padding-left: 48px; } .wpsTaskIconText { font-weight: bold; color: #000000; white-space: nowrap; } .wpsTaskDisabledIconText { font-weight: bold; white-space: nowrap; color: #888888; } .wpsTaskIconBorderTable, .wpsTaskDisabledIconBorderTable { border: 0px; } .wpsTaskIconTextBackground { background-color: #DDDDDD; background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/ButtonBackground.gif"); background-repeat: repeat-x; background-position: left center; border: 1px solid #919191; padding: 2px 4px; margin: 0px; text-align: center; vertical-align: middle; white-space: nowrap; } .wpsTaskDisabledIconTextBackground { background-color: #DDDDDD; background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/ButtonBackground.gif"); background-repeat: repeat-x; background-position: left center; border: 1px solid #919191; padding: 2px 4px; margin: 0px; text-align: center; vertical-align: middle; white-space: nowrap; } .wpsDialogIconText { color: #000000; padding-left: 5px; } .wpsDialogDisabledIconText { color: #888888; } .wpsDialogIconBackground { text-align: center; vertical-align: middle; background-color: #DDDDDD; background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/DialogIconBackground.gif"); background-repeat: repeat-x; background-position: left center; border-top: 1px solid #919191; border-right: 0px none #919191; border-bottom: 1px solid #919191; border-left: 1px solid #919191; padding: 0px 0px; margin: 0px; } .wpsDialogIconTextBackground { text-align: center; vertical-align: middle; background-color: #DDDDDD; background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/DialogIconTextBackground.gif"); background-repeat: repeat-x; background-position: left center; border-top: 1px solid #919191; border-right: 1px solid #919191; border-bottom: 1px solid #919191; border-left: 0px none #919191; padding: 2px 4px; margin: 0px; white-space: nowrap; } .wpsDialogDisabledIconBackground { text-align: center; vertical-align: middle; background-color: #DDDDDD; background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/DialogIconBackground.gif"); background-repeat: repeat-x; background-position: left center; border-top: 1px solid #919191; border-right: 0px none #919191; border-bottom: 1px solid #919191; border-left: 1px solid #919191; padding: 0px 0px; margin: 0px; } .wpsDialogDisabledIconTextBackground { text-align: center; vertical-align: middle; background-color: #DDDDDD; background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/DialogIconTextBackground.gif"); background-repeat: repeat-x; background-position: left center; border-top: 1px solid #919191; border-right: 1px solid #919191; border-bottom: 1px solid #919191; border-left: 0px none #919191; padding: 2px 4px; margin: 0px; white-space: nowrap; } .lotus_rtl .wpsDialogIconBackground, .lotus_rtl .wpsDialogDisabledIconBackground { border-left: 0; border-right: 1px solid #919191; } .lotus_rtl .wpsDialogIconTextBackground, .lotus_rtl .wpsDialogDisabledIconTextBackground { border-right: 0; border-left: 1px solid #919191; } .wpsDialogIcon { width: 16px; height: 16px; } .wpsButtonBarTop, .wpsButtonBarBottom { background-color: #DFDFDF; } .wpsPortletBack { background-color: #FFFFFF; } .wpsEditBack, .wpsConfigureBack { background-color: #FFFFFF; } .wpsAdvancedOptions { background-color: #E4E4E4; border: solid 1px #4A4A4A; margin-left: 10px; } .wpsPortletColorBack { background-color: #CCCCCC; } .wpsPortletHead, .wpsEditHead { font-weight: bold; color: #333333; } .wpsPortletText, .wpsEditText, .wpsPortletSmText, .wpsEditSmText, .wpsPortletTinyText { font-family: Helvetica, Arial, sans-serif; font-size: 1em; color: #333333; } .wpsCopyrightText { font-size: 0.9166em; color: #999999; } .wpsTableHead { font-weight: bold; color: #222222; text-align: left; } .lotus_rtl .wpsTableHead { text-align: right; } .wpsTableHead th { padding: 3px; } .wpsTableRow, .wpsTableNrmRow { color: #333333; background-color: #FFFFFF; } .wpsTableSelectedRow { color: #333333; background-color: #C5D1DE; } .wpsTableShdRow { color: #333333; } .wpsTableRow td, .wpsTableNrmRow td, .wpsTableShdRow td { border-width: 1px 0px 0px 0px; border-style: solid; border-color: #AAAAAA; padding: 3px; } .wpsTableHeadLink, .wpsTableHeadLink:visited, .wpsTableHeadLink:hover, .wpsTableHeadLink:active { font-weight: normal; color: #000000; } .wpsTable { border-width: 1px; border-style: solid; border-color: #AAAAAA; } .wpsTable td { vertical-align: top; } .wpsTable a:focus, .wpsTable .wpsLink:focus { outline-color: -moz-use-text-color; outline-style: dotted; outline-width: 2px; } .wpsTableHeadStart, .wpsTableHeadMiddle, .wpsTableHeadEnd { font-weight: normal; color: #000000; text-align: left; background-color: #FFFFFF; border-width: 0px 0px 0px 0px; border-style: none; border-color: #AAAAAA; } .wpsTableHeadStartAlignCenter, .wpsTableHeadMiddleAlignCenter, .wpsTableHeadEndAlignCenter { font-weight: normal; color: #000000; text-align: center; background-color: #FFFFFF; border-width: 0px 0px 0px 0px; border-style: none; border-color: #AAAAAA; } .wpsTableHeadStartNumeric, .wpsTableHeadMiddleNumeric, .wpsTableHeadEndNumeric { font-weight: normal; color: #000000; text-align: right; background-color: #FFFFFF; border-width: 0px 0px 0px 0px; border-style: none; border-color: #AAAAAA; } .wpsTableDataStart, .wpsTableDataMiddle, .wpsTableDataEnd { text-align: left; border-width: 1px 0px 0px 0px ! important; border-style: solid ! important; border-color: #AAAAAA ! important; } .wpsTableDataStartAlignCenter, .wpsTableDataMiddleAlignCenter, .wpsTableDataEndAlignCenter { text-align: center; border-width: 1px 0px 0px 0px ! important; border-style: solid ! important; border-color: #AAAAAA ! important; } .wpsTableDataStartNumeric, .wpsTableDataMiddleNumeric, .wpsTableDataEndNumeric { text-align: right; border-width: 1px 0px 0px 0px ! important; border-style: solid ! important; border-color: #AAAAAA ! important; } .wpsPagingTable, .wpsPagingTableHeader, .wpsPagingTableFooter, .wpsPagingTableBody { border: 0px; margin: 10px 0; } .wpsPagingTableHeaderIcon, .wpsPagingTableFooterIcon { width: 16px; height: 16px; } .wpsPagingTableHeaderStart { background-color: #F0F0F0; border-top: 1px solid #AAAAAA; border-right: 0px none #AAAAAA; border-bottom: 0px none #AAAAAA; border-left: 1px solid #AAAAAA; } .wpsPagingTableHeaderMiddle { background-color: #F0F0F0; border-top: 1px solid #AAAAAA; border-right: 0px none #AAAAAA; border-bottom: 0px none #AAAAAA; border-left: 0px none #AAAAAA; } .wpsPagingTableHeaderEnd { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PagingTableTopRight.gif"); background-repeat: no-repeat; background-position: right top; background-color: transparent; } .wpsPagingTableFooterStart { background-color: #F0F0F0; border-top: 0px none #AAAAAA; border-right: 0px none #AAAAAA; border-bottom: 1px solid #AAAAAA; border-left: 1px solid #AAAAAA; } .wpsPagingTableFooterMiddle { background-color: #F0F0F0; border-top: 0px none #AAAAAA; border-right: 0px none #AAAAAA; border-bottom: 1px solid #AAAAAA; border-left: 0px none #AAAAAA; } .wpsPagingTableFooterEnd { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PagingTableBottomRight.gif"); background-repeat: no-repeat; background-position: right bottom; background-color: transparent; } .wpsPagingTableHeaderEmpty { height: 7px; width: 7px; line-height: 1px; } .wpsTableRowDetail td { border-width: 0px; text-align: left; border-width: 0px ! important; padding: 2px 3px 5px 3px; } .wpsTableSectionHead { font-weight: bold; color: #000000; text-align: left; } .wpsTableSectionHead th { border-width: 1px 0px 0px 0px; border-style: solid; border-color: #AAAAAA; padding: 3px 0 3px 5px; } .wpsTableTopRow td { border-color: #AAAAAA ! important; } .wpsPagingTableHeaderEmpty { height: 7px; width: 7px; line-height: 1px; } .wpsTableRowDetail td { border-width: 0px; text-align: left; border-width: 0px ! important; padding: 2px 3px 5px 3px; } .wpsCompactCheckBox, .wpsCompactRadioButton { height: 16px; margin-top: 0px; margin-bottom: 0px; } .wpsEditField { border: 1px solid #999999; } .wpsButtonText { font-weight: bold; color: #000000; background-color: #DDDDDD; background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/ButtonBackground.gif"); background-repeat: repeat-x; background-position: left center; border: 1px solid #919191; padding: 2px 4px; margin: 0px; text-align: center; } .wpsButtonDisabledText { font-weight: bold; color: #888888; background-color: #DDDDDD; background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/ButtonBackground.gif"); background-repeat: repeat-x; background-position: left center; border: 1px solid #919191; padding: 2px 4px; margin: 0px; text-align: center; } .wpsLabelText, wpsRequiredLabelText { color: #333333; } .wpsRequiredLabelText strong { color: #FF0000; } .wpsDescriptionText { color: #707070; } .wpsFieldErrorText { color: #000000; } .wpsFieldWarningText { color: #000000; } .wpsFieldSuccessText { color: #000000; } .wpsFieldInfoText { color: #000000; } .wpsInlineHelpText { color: #666666; } .wpsFieldMonospaced { font-family: monospace; font-size: 1.1667em; } .wpsFlagText { font-size: 0.9166em; color: #FF0000; } .wpsPortletTabBarSeparator { background: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/portletTabSeparator.gif"); background-repeat: repeat-x; background-color: #95A5B9; margin: 0px; padding: 0px; height: 3px; } .wpsPortletTabSet { border: 0px; background-color: transparent; } .wpsPortletTab { border: 0px; background-color: transparent; } .wpsPortletSelectedTab { border: 0px; background-color: transparent; } .wpsPortletTabTopStart { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PortletTabTopLeft.jpg"); background-repeat: no-repeat; background-position: bottom left; padding: 0px 2px 0px 2px; width: 5px; height: 5px; } .wpsPortletTabTopCenter { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PortletTabTopMiddle.jpg"); background-repeat: repeat-x; background-position: bottom; } .wpsPortletTabTopEnd { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PortletTabTopRight.jpg"); background-repeat: no-repeat; background-position: bottom right; border-style: none; background-color: transparent; padding: 0px 2px 0px 2px; width: 5px; height: 5px; } .wpsPortletTabMiddleStart { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PortletTabCenter.jpg"); background-repeat: repeat-x; background-color: #FFFFFF; border-top: 0px none #C0C0C0; border-right: 0px none #C0C0C0; border-bottom: 0px none #C0C0C0; border-left: 1px solid #C0C0C0; } .wpsPortletTabMiddleCenter { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PortletTabCenter.jpg"); background-repeat: repeat-x; background-color: #FFFFFF; white-space: nowrap; border-style: none; } .wpsPortletTabMiddleEnd { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PortletTabCenter.jpg"); background-repeat: repeat-x; background-color: #FFFFFF; border-top: 0px none #C0C0C0; border-right: 1px solid #C0C0C0; border-bottom: 0px none #C0C0C0; border-left: 0px none #C0C0C0; } .wpsPortletTabBottomStart { background-color: #FFFFFF; border-top: 0px none #C0C0C0; border-right: 0px none #C0C0C0; border-bottom: 0px none #C0C0C0; border-left: 1px solid #C0C0C0; width: 5px; height: 5px; } .wpsPortletTabBottomCenter { background-color: #FFFFFF; border-style: none; } .wpsPortletTabBottomEnd { background-color: #FFFFFF; border-top: 0px none #C0C0C0; border-right: 1px solid #C0C0C0; border-bottom: 0px none #C0C0C0; border-left: 0px none #C0C0C0; width: 5px; height: 5px; } .wpsPortletSelectedTabTopStart { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PortletSelectedTabTopLeft.jpg"); background-repeat: no-repeat; background-position: bottom left; padding: 0px 2px 0px 2px; width: 5px; height: 5px; } .wpsPortletSelectedTabTopCenter { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PortletSelectedTabTopMiddle.jpg"); background-repeat: repeat-x; background-position: bottom; border-top: 0px solid #AAC2E6; border-right: 0px none #AAC2E6; border-bottom: 0px none #AAC2E6; border-left: 0px none #AAC2E6; } .wpsPortletSelectedTabTopEnd { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PortletSelectedTabTopRight.jpg"); background-repeat: no-repeat; background-position: bottom right; border-style: none; background-color: transparent; padding: 0px 2px 0px 2px; width: 5px; height: 5px; } .wpsPortletSelectedTabMiddleStart { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PortletSelectedTabCenterMid.jpg"); background-repeat: repeat-x; border-top: 0px none #AAC2E6; border-right: 0px none #AAC2E6; border-bottom: 0px none #AAC2E6; border-left: 1px solid #AAC2E6; } .wpsPortletSelectedTabMiddleCenter { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PortletSelectedTabCenterMid.jpg"); background-repeat: repeat-x; border-style: none; white-space: nowrap; } .wpsPortletSelectedTabMiddleEnd { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PortletSelectedTabCenterMid.jpg"); background-repeat: repeat-x; border-top: 0px none #AAC2E6; border-right: 1px solid #AAC2E6; border-bottom: 0px none #AAC2E6; border-left: 0px solid #AAC2E6; } .wpsPortletSelectedTabBottomStart { background-color: #FFFFFF; border-top: 0px none #AAC2E6; border-right: 0px none #AAC2E6; border-bottom: 0px none #AAC2E6; border-left: 1px solid #AAC2E6; width: 5px; height: 5px; } .wpsPortletSelectedTabBottomCenter { background-color: #FFFFFF; border-style: none; } .wpsPortletSelectedTabBottomEnd { background-color: #FFFFFF; border-top: 0px none #AAC2E6; border-right: 1px solid #AAC2E6; border-bottom: 0px none #AAC2E6; border-left: 0px none #AAC2E6; width: 5px; height: 5px; } .wpsPortletTabLink, .wpsPortletTabLink:visited, .wpsPortletTabLink:active, .wpsPortletTabLink:hover { color: #333333; } .wpsPortletSelectedTabLink, .wpsPortletSelectedTabLink:hover, .wpsPortletSelectedTabLink:visited, .wpsPortletSelectedTabLink:active { color: #2056A0; font-weight: bold; } .wpsPortletToolbar { background-color: #C5D1DE; border-top: 1px solid #E4EDF5; border-right: 1px solid #95A5B9; border-bottom: 1px solid #95A5B9; border-left: 1px solid #E4EDF5; } .wpsPortletToolbarSection { border-width: 0px; } .wpsPortletToolbarButton { background-color: #C5D1DE; padding: 3px; border-width: 1px; border-style: solid; border-color: #C5D1DE; } .wpsPortletToolbarButtonRollover { background-color: #C5D1DE; padding: 3px; border-top: 1px solid #E4EDF5; border-right: 1px solid #95A5B9; border-bottom: 1px solid #95A5B9; border-left: 1px solid #E4EDF5; } .wpsPortletToolbarButtonPressed { background-color: #DADFE5; padding: 3px; border-top: 1px solid #95A5B9; border-right: 1px solid #E4EDF5; border-bottom: 1px solid #E4EDF5; border-left: 1px solid #95A5B9; } .wpsPortletToolbarButtonSelected { background-color: #AEB8C4; padding: 3px; border-top: 1px solid #95A5B9; border-right: 1px solid #E4EDF5; border-bottom: 1px solid #E4EDF5; border-left: 1px solid #95A5B9; } .wpsPortletToolbarButtonSelectedRollover { background-color: #AEB8C4; padding: 3px; border-top: 1px solid #E4EDF5; border-right: 1px solid #95A5B9; border-bottom: 1px solid #95A5B9; border-left: 1px solid #E4EDF5; } .wpsPortletToolbarButtonIcon { width: 16px; height: 16px; } .wpsPortletToolbarControl { padding: 3px; } .wpsPortletToolbarText { color: #333333; } .wpsPortletToolbarDisabledText { color: #999999; } .wpsPortletToolbarLink, .wpsPortletToolbarLink:hover, .wpsPortletToolbarLink:visited, .wpsPortletToolbarLink:active { color: #333333; } .wpsPortletToolbarSeparator { background-color: #95A5B9; width: 1px; margin: 0px; padding: 0px; border-top: 0px none #95A5B9; border-right: 1px solid #E4EDF5; border-bottom: 0px none #E4EDF5; border-left: 0px none #95A5B9; } .wpsPortletToolbarSpacer { padding: 0px 2px 0px 2px; } .wpsPortletToolbarHandle { background-color: #C5D1DE; padding: 0px; margin: 0px; width: 1px; border-top: 1px solid #E4EDF5; border-right: 1px solid #95A5B9; border-bottom: 1px solid #95A5B9; border-left: 1px solid #E4EDF5; } .wpsBreadcrumbTrail { font-weight: bold; } .wpsBreadcrumbTrailLink, .wpsBreadcrumbTrailLink:hover, .wpsBreadcrumbTrailLink:visited, .wpsBreadcrumbTrailLink:active { font-weight: bold; color: #3366CC; text-decoration: underline; } .wpsPortletAccentArea { background-color: #C5D1DE; color: #333333; } .wpsPortletAccentArea3DHighlight { background-color: #E4EDF5; color: #333333; } .wpsPortletAccentArea3DShadow { background-color: #95A5B9; color: #333333; } .wpsWizardTitle { font-weight: bold; background-color: #C1C1C1; color: black; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; } .wpsWizardStepNotification { background-color: #DFDFDF; color: black; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; } .wpsWizardBottomSubmit { background-color: #C1C1C1; color: black; padding-left: 5px; padding-top: 5px; padding-bottom: 25px; } .wpsCursorPointer { cursor: pointer; } a.wpsPersonName { text-decoration: none; white-space: nowrap; color: #3366CC; } a.wpsPersonName:visited { text-decoration: none; white-space: nowrap; color: #666699; } a.wpsPersonName:hover { text-decoration: underline; white-space: nowrap; color: #666699; } .wpsGettingStartedTitle { font-size: 1.1667em; font-weight: normal; color: #2055A3; } .wpsGettingStartedHeader { font-size: 1em; font-weight: normal; color: #2055A3; } .wpsGettingStartedBody { font-size: 0.9166em; color: #616161; padding-top: 10px; } .wpsSearchInfoBar { font-family: Helvetica, Arial, sans-serif; font-size: 1em; color: #333333; background-color: #C7D9F1; } .wpsSearchUrl, a.wpsSearchUrl { font-weight: bold; } .wpsSearchUrlAddressText { color: #008000; font-style: italic; } .wpsSearchAttributeText { color: #C1C1C1; font-style: italic; } .wpsEditorToolbar { max-height: 24px; background-color: #D8D8D8; border-top: 1px solid #AEBCCF; border-right: 1px solid #355787; border-bottom: 1px solid #355787; border-left: 1px solid #AEBCCF; border-top: 1px solid #CCCCCC; } .wpsEditorToolbarSection { border-width: 0px; } tr.wpsEditorToolbar { padding: 0px 2px 0px 2px; } table.wpsEditorToolbar { padding: 0px 0px 0px 0px; width: 100%; height: 24px; background-color: #F0F0F0; border-top: 1px solid #CCCCCC; border-bottom: 0px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; background-color: white; background-image: url(/wps/DocEditor/images/editor_toolbar_gradient.gif); background-repeat: repeat-x; background-position: 0px 0px; } .wpsEditorToolbarButton { padding: 3px; margin: 0px; border-width: 1px; border-style: none; } .wpsEditorToolbarButtonRollover { background-color: WHITE; margin: 0px; padding: 2px; border-top: 1px solid WHITE; border-right: 1px solid WHITE; border-bottom: 1px solid WHITE; border-left: 1px solid WHITE; } .wpsEditorToolbarButtonPressed { background-color: #D8D8D8; margin: 0px; padding: 2px; border-top: 1px solid #888888; border-right: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; border-left: 1px solid #888888; } .wpsEditorToolbarButtonSelected { background-color: #AEB8C4; margin: 0px; padding: 2px; border-top: 1px solid #95A5B9; border-right: 1px solid #E4EDF5; border-bottom: 1px solid #E4EDF5; border-left: 1px solid #95A5B9; } .wpsEditorToolbarButtonSelectedRollover { background-color: #AEB8C4; margin: 0px; padding: 2px; border-top: 1px solid #E4EDF5; border-right: 1px solid #95A5B9; border-bottom: 1px solid #95A5B9; border-left: 1px solid #E4EDF5; } .wpsEditorToolbarButtonIcon { width: 18px; height: 18px; margin: 0px; padding: 0px; } .wpsEditorToolbarControl { padding: 1px 1px; } select.wpsEditorToolbarControl { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; } .wpsEditorToolbarText { color: #333333; } .wpsEditorToolbarLink, .wpsEditorToolbarLink:hover, .wpsEditorToolbarLink:visited, .wpsEditorToolbarLink:active { color: #333333; } .wpsEditorToolbarSeparatorNew { background-color: #355787; height: 18px; width: 5px; margin: 0px; padding: 0px; border-top: 0px none #305080; border-bottom: 0px none #305080; border-left: 1px none #AEBCCF; } .wpsEditorToolbarSeparator { background-image: url(/wps/DocEditor/images/separator.gif); margin: 0px; padding: 0px 7px 0px 7px; } .wpsEditorToolbarSpacer { padding: 0px 2px 0px 2px; } .wpsEditorToolbarHandle { background-color: #C5D1DE; padding: 0px; margin: 0px; width: 1px; border-top: 1px solid #E4EDF5; border-right: 1px solid #95A5B9; border-bottom: 1px solid #95A5B9; border-left: 1px solid #E4EDF5; } .wpsEditorTextArea { background-color: #FFF; border: 1px solid #CCCCCC; padding: 0px; margin: 0px; } .wpsEditorTextAreaText { margin: 0px; padding: 0px; border: 0px none; } .clearing { clear: both; } .layoutRow { width: 99%; } .layoutColumn { width: 100%; } .generalErrorText { color: red; } .portlet-separator { margin: 0px; line-height: 1px; background-color: #999999; } .ibm-portlet-section-header { border-bottom: 1px solid #E0E0E0; } .information { color: #888; margin-bottom: 0.4em; } .ibm-portlet-section-body { width: 100%; clear: both; } .ibm-portlet-item-summary-list { padding: 0; margin: 0 } .ibm-portlet-item-summary-list UL { padding: 0; margin: 0; } .ibm-portlet-item-summary-list LI { padding: 0; margin: 0; list-style: none; } .ibm-portlet-item-summary-list .ibm-portlet-item-summary { margin-bottom: 2em; } .centered-div-outer { overflow: hidden; position: relative; width: 100%; } .centered-div-outer[class] { display: table; position: static; } .centered-div-outer .centered-div-middle { position: absolute; top: 50%; text-align: center; width: 100%; } .centered-div-outer .centered-div-middle[class] { display: table-cell; vertical-align: middle; position: static; } .centered-div-outer .centered-div-middle .centered-div-inner { position: relative; top: -50% } .ibm-portlet-item-summary-list .ibm-portlet-item-summary { margin-bottom: 2em; } .ibm-portlet-item-summary H3 { margin: 0; padding: 0; display: inline;; font-weight: normal; } .ibm-portlet-item-summary UL.property-list { margin: 0.05em 0; padding: 0; width: 100%; } .ibm-portlet-item-summary UL.property-list LI { display: inline; color: gray; float: left; margin: 0; margin-right: 0.5em; padding: 0; list-style-type: none; } .ibm-portlet-item-summary PRE.text { font-family: Helvetica, Arial, sans-serif; font-size: 1em; margin: 0; padding: 0; } .ibm-portlet-item-summary .abstract { padding: 0; margin-top: 0.75em; } .ibm-portlet-item-summary .abstract P { margin-top: 0; padding-top: 0; } .ibm-portlet-item-summary .item-affordance TD { padding-top: 0.7em; padding-bottom: 0.7em; } .ibm-portlet-item-summary .item-affordance TD.locked-icon { padding: 0; vertical-align: top; text-align: right; } .ibm-portlet-item-summary .item-affordance TD.icon { vertical-align: middle; padding-left: 1.5em; padding-right: 1.5em; } .ibm-portlet-item-summary .item-affordance UL.property-list { padding-left: 0.7em; } .ibm-portlet-item-summary .item-affordance TD.folder .abstract { padding: 0 0.6em; margin-top: 0.75em; } .ibm-portlet-item-summary .item-affordance TD.document .abstract { padding: 0 0.6em; margin-top: 0.75em; } * HTML .ibm-portlet-item-summary .item-affordance TD .drag-image { margin-right: 10px; } *:first-child + html .ibm-portlet-item-summary .item-affordance TD .drag-image { margin-right: 10px; } TABLE.ibm-portlet-table-summary .ibm-portlet-item-summary DIV.name-indent { padding: 0 0.6em; } TABLE.ibm-portlet-table-summary .ibm-portlet-item-summary H3 A.folder-link, TABLE.ibm-portlet-table-summary .ibm-portlet-item-summary H3 A.folder-link:visited { color: #0063DC; } TABLE.ibm-portlet-table-summary .ibm-portlet-item-summary H3 A.document-link, TABLE.ibm-portlet-table-summary .ibm-portlet-item-summary H3 A.document-link:visited { color: #0063DC; } A.document-link { color: #0063DC; text-decoration: none; } A.document-link:visited { color: #0063DC; } A.document-link:hover { text-decoration: underline; } .ibm-portlet-sidebar .info-section UL.property-list { margin: 0; padding: 0; } .ibm-portlet-sidebar .info-section UL.property-list LI { margin: 0; padding: 0; margin-bottom: 0.5em; list-style: none; } .ibm-portlet-sidebar .info-section UL.property-list LI LABEL { color: #888; } .palette h5 { color: #FFFFFF !important; background-color: #578ADB; background: #578ADB url(/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/toolbar_background.gif) repeat-x; font-size: 1.333em; border: 1px solid; border-right: 0px; border-color: #97A9C1; height: 48px; margin-top: 0px; margin-bottom: 0px; } .palette h5 div { margin-top: 18px; margin-left: 10px; } .palette form { display: inline; } .contentTypeSearch { background-color: #E8EBF1; color: #7A93BB; margin-top: 0px; margin-bottom: 0px; } .contentTypeSearch table { margin-left: 10px; } .categoryTitleExpanded { background: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/palette_selected_cat.gif") repeat-x; background-position: top; background-color: #E8EBF1; font-size: 0.9166em; font-family: arial; padding: 5px 10px; color: #7A93BB; margin-bottom: 0px; } .categoryTitleCollapsed { background: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/palette_unselected_cat.gif") repeat-x; background-position: top; background-color: #E8EBF1; font-family: arial; font-size: 0.9166em; color: #7A93BB; padding: 5px 10px; margin-bottom: 0px; } .contentItemListCollapsed { display: none; } .contentItem { font-weight: normal; font-family: arial; font-size: 0.9166em; color: #4E4E4E; } .contentItemGrayed { font-weight: normal; font-family: arial; font-size: 0.9166em; color: #C6C6C6; } .contentItemHover { font-weight: normal; font-family: arial; font-size: 0.9166em; color: #4E4E4E; } .contentItemGrayedHover { font-weight: normal; font-family: arial; font-size: 0.9166em; color: #C6C6C6; } .contentItemIcon { vertical-align: middle; border: 0px; } .contentItem button { visibility: hidden; } .contentItemHover button { visibility: visible; } .contextMenu { border: 0px; background-color: transparent; } .actionMainArea { margin: 4px; } .actionFooter { margin-top: 4px; } .dropActive { border: 1px solid #FF9000; } .dropAware { border: 1px solid #FFEBC5; } .dijitRtl .wpsPagingTableHeaderEnd { background-image: url(/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PagingTableTopRight_rtl.gif); background-position: left top; } .dijitRtl .wpsPagingTableFooterEnd { background-image: url(/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PagingTableBottomRight_rtl.gif); background-position: left bottom; } .dijitRtl .wpsPagingTableHeaderStart { border-width: 1px 1px 0 0; border-style: solid solid none none; } .dijitRtl .wpsPagingTableFooterStart { border-width: 0 1px 1px 0; border-style: none solid solid none; } .dijitRtl .wpsPortletSelectedTabTopStart { background-image: url(/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PortletSelectedTabTopRight.jpg); background-position: right bottom; } .dijitRtl .wpsPortletTabTopStart { background-image: url(/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PortletTabTopRight.jpg); background-position: right bottom; } .dijitRtl .wpsPortletSelectedTabMiddleStart, .dijitRtl .wpsPortletTabMiddleStart, .dijitRtl .wpsPortletSelectedTabBottomStart, .dijitRtl .wpsPortletTabBottomStart { border-width: 0 1px 0 0; border-style: none solid none none; } .dijitRtl .wpsPortletSelectedTabTopEnd { background-image: url(/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PortletSelectedTabTopLeft.jpg); background-position: left bottom; } .dijitRtl .wpsPortletTabTopEnd { background-image: url(/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/PortletTabTopLeft.jpg); background-position: left bottom; } .dijitRtl .wpsPortletSelectedTabMiddleEnd, .dijitRtl .wpsPortletTabMiddleEnd, .dijitRtl .wpsPortletSelectedTabBottomEnd, .dijitRtl .wpsPortletTabBottomEnd { border-width: 0 0 0 1px; border-style: none none none solid; } .dijitRtl .wpsTableDataStart, .dijitRtl .wpsTableDataMiddle, .dijitRtl .wpsTableDataEnd { text-align: right; } .dijitRtl .wpsTableHeadStart, .dijitRtl .wpsTableHeadMiddle, .dijitRtl .wpsTableHeadEnd { text-align: right; } .dijitRtl H2.help { text-align: right; } #mainSitemContainer .dijitContentPane { width: 50% !important } #mainSitemContainer #dijit_layout_ContentPane_1 { left: 50% !important; right: 50% !important; } #mainSitemContainer .dijitSplitContainerSizerH { left: 49% !important; right: 49% !important; cursor: default; } .lwpMenuItem, a.lwpMenuItem, a.lwpMenuItem:visited, a.lwpMenuItem:hover a.lwpMenuItem:active { color: #000000; text-decoration: none; background-color: #FFFFFF; } .lwpSelectedMenuItem, a.lwpSelectedMenuItem:visited, a.lwpSelectedMenuItem:hover, a.lwpSelectedMenuItem:active { background-color: #284888; color: #FFFFFF !important; text-decoration: none; cursor: pointer; } .lwpMenuItemDisabled, a.lwpMenuItemDisabled, a.lwpMenuItemDisabled:visited, a.lwpMenuItemDisabled:hover, a.lwpMenuItemDisabled:active { color: #888888 !important; text-decoration: none; background-color: #FFFFFF; font-style: italic; } .lwpBorderAll { border-right: 1px solid #DCDCDC; border-left: 1px solid #DCDCDC; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; } .lwpShadowBorder { border-right: 1px solid #888888; border-bottom: 1px solid #888888; } .lwpPpkList { width: 250px; height: 200px; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; border-left: 1px solid black; border-top: 1px solid black; overflow: auto; } .lwpPpkListBorder { width: 250px; height: 200px; border-left: 1px solid #A0A0A0; border-top: 1px solid #A0A0A0; border-bottom: 2px solid #C0C0C0; } .lwpPpkNormalText { background-color: white; color: black; } .lwpPpkSelectedText { background-color: #284888; color: white; } .wpthemeImagesOff .portlet-form-input-field, .wpthemeImagesOff .portlet-menu, .wpthemeImagesOff .wpsButtonText, .wpthemeImagesOff .wpsEditField { border-style: outset; } .weekday_header { font-size: 1em; background-color: #999999; color: #333333; } .other_month_header { background-color: #E4E3E3; color: #7E7001; height: 20px; } .current_month_header { background-color: #CBDBF3; color: #333333; height: 20px; } .other_month_cell { background-color: #F0F0F0; } .current_month_cell { background-color: #FFFFFF; color: Black; } .current_day_header { font-size: 1em; background-color: #92B5E6; color: #333333; height: 20px; } a.current_day_header:link { background-color: transparent; color: #333333; } a.other_month_header:link { background-color: transparent; color: #0000FF; } a.current_month_header:link { background-color: transparent; color: #0050C9; } .lwp-teamSpace-title, .lwp-webConference-title { font-weight: bold; background-color: #5C5C5C; color: #FFFFFF; } .popup-background { background-color: #EEEEEE; } .lwp-middleToolbar { font-size: 1em; color: #737373; background-color: #FFFFFF; border-bottom: 0px solid #D8D8E0; padding: 4px 4px; margin: 0px; } .lwpAdminButton { font-size: 1em; color: #FFFFFF; background-color: #A0A0A0; text-decoration: none; padding: 0px 5px; margin: 0px; } .lwpAdminButtonLink, .lwpAdminButtonLink:hover, .lwpAdminButtonLink:active, .lwpAdminButtonLink:visited { font-size: 1em; font-weight: normal; color: #FFFFFF; background-color: #A0A0A0; margin: 0px; text-decoration: none; } .lwpNavButton { color: #FFFFFF; background-color: #70A8F0; margin: 0px; text-decoration: none; padding: 0px 5px; } .lwpNavButtonLink, .lwpNavButtonLink:hover, .lwpNavButtonLink:active, .lwpNavButtonLink:visited { font-weight: normal; color: #FFFFFF; background-color: #70A8F0; margin: 0px; text-decoration: none; } .button-link, a.button-link, a.button-link:hover, a.button-link:visited { text-decoration: none; color: #000000; } .lwpIconOnly, .lwpIconOnlyDisabled { border: 0px; background-color: white; } .lwpDialogDisabledIconBackground, .lwpDialogIconBackgroundDisabled { text-decoration: none; text-align: center; vertical-align: top; background-color: #DDDDDD; background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/DialogIconTextBackground.gif"); background-repeat: repeat-x; background-position: left center; border: 1px solid #919191; padding: 0px 2px; margin: 0px; overflow: visible; font-weight: normal; color: #888888; } .lwpSeparatorBg { background-color: #999999; height: 1px; } div.lwpSeparatorBg { background-color: #999999; margin: 2px 0 2px 0; } .borderNone { border-width: 0 ! important; } .lwpPortletTitleBorder { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/skin_border.gif"); background-position: bottom; background-repeat: repeat-x; } .lwpSearchBar { margin: 5px 0; background-color: #ECECEC; text-align: right; } .lwpSearchBar table { margin-right: 0; margin-left: auto; } .lwpSearchBar td { padding: 5px 3px 5px 2px; } .lwpSearchBar .portlet-form-field-label { padding-left: 10px; } .lwpInlineHelp td { padding: 5px 10px 5px 1px; vertical-align: top; } .lwpMenuHeader, a.lwpMenuHeader, a.lwpMenuHeader:visited, a.lwpMenuHeader:hover { background-color: #F0F0F0; color: #000000; text-decoration: none; font-weight: normal; cursor: pointer; } .lwpMenuBackground { background-color: #FFFFFF; } .lwpLastReadMark { font-weight: bold; color: #FFFFFF; background-color: #666666; text-align: center; padding: 3px 0; } .lwpDateStampMark { font-weight: bold; color: #666666; background-color: #999999; text-align: center; padding: 3px 0px; } a.lwpCalLinkText { text-decoration: none; } a.lwpCalLinkText:hover { text-decoration: underline; } a.lwpCalDateLinkText, a.lwpCalDateLinkText:visited { text-decoration: none; color: #000000; } a.lwpCalDateLinkText:hover { text-decoration: underline; color: #666699; } a.lwpCalInactiveDateLinkText, a.lwpCalInactiveDateLinkText:visited { text-decoration: none; color: #A0A0A0; } a.lwpCalInactiveDateLinkText:hover { text-decoration: underline; color: #666699; } .lwpCal1WeekCellRow { height: 6em; font-weight: normal; } .lwpCalCellRow { height: 2.2em; font-weight: normal; } .lwpCalLDivider { border-left: solid 1px #AAAAAA; } .lwpCalNoBottom { border-bottom: none; } .lwpCalHeaderImage { padding: 12px 3px 2px 0px; margin-bottom: 5px; } .lwpCalAttendeeHeading { color: #898989; } .lwpCalSectionHeader { font-weight: bold; color: black; padding-top: 12px; padding-bottom: 2px; margin-bottom: 5px; display: block; } .lwpCalInviteeSection { padding-left: 2px; } .lwpCalWeekNumber { color: #808080; } .lwpCalEntryHoverDetail { border: solid 1px #000000; position: absolute; visibility: hidden; width: 400px; overflow: hidden; } .lwpCalEventField { padding: 5px 0px 3px 0px; } .lwpCalEntryHoverPosition { padding-left: 5px; } .lwpCalBgMeeting, .lwpCalBgWebConf { background-color: #C3D3E6; } .lwpCalBgAppointment { background-color: #D8F8D8; } .lwpCalBgAnniversary { background-color: #F8E8D0; } .lwpCalBgReminder { background-color: #F8F8D0; } .lwpCalBgAllDayEvent { background-color: #F8E0E0; } .lwpCalTodayCell { border: solid 1px #000000; } .lwpCalMonthDayCell { border-top: solid 1px #AAAAAA; height: 6.4em; width: 14%; } .lwpCalInactiveDayCell { background-color: #EFEFEF; } .lwpCalInactiveDay { color: #A0A0A0; } .lwpCalSeperator { border-bottom: solid 1px #FFFFFF; } .lwpCalConflict { border-left: solid 2px #000000; } .lwpCalTimeText { text-align: right; } .lwpCalEntryPosition { padding-top: 2px; } .lwpCalBDivider { border-bottom: solid 1px #AAAAAA; } .chat_background { background-color: #FFFFFF; } .chat_partner_presence { border-top: 1px solid #AAAAAA; border-left: 1px solid #AAAAAA; border-color: #AAAAAA; padding: 3px; background-color: #EEEEEE; } .chat_partner_presence_corner { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/chat_presence_corner.gif"); background-repeat: no-repeat; background-position: top; background-color: transparent; background-color: #FFFFFF; } .chat_partner_alert { border-top: 1px solid #AAAAAA; border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA; border-color: #AAAAAA; padding: 3px; background-color: #FFFFFF; color: #666666; } .chat_transcript { border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; border-top: 1px solid #AAAAAA; border-color: #AAAAAA; } .chat_transcript_nway { border-top: 1px solid #456A8B; border-left: 1px solid #456A8B; border-right: 1px solid #456A8B; border-bottom: 1px solid #456A8B; border-color: #456A8B; } .chat_message_input { border-top: 1px solid #AAAAAA; border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; border-color: #AAAAAA; background-color: #FFFFFF; } .chat_statusbar { border-top: 1px solid #AAAAAA; border-color: #AAAAAA; background-color: #EEEEEE; color: #AAAAAA; } .chat_participants { border-bottom: 1px solid #D8D8D8; border-color: #D8D8D8; } .lwp-agendaItemDocument { color: #585858; padding-top: 3px; padding-bottom: 3px; } .lwp-agendaItem-ul { padding-top: 3px; list-style-type: none; margin-left: 0px; margin-right: 20px; padding-bottom: 0px; } .lwp-agendaItem-li { padding-top: 0px; padding-bottom: 0px; } .lwp-agendaItem, .lwp-agendaItem:visited, a.lwp-agendaItem, a.lwp-agendaItem:active, a.lwp-agendaItem:visited, .lwp-agendaItemPage, a.lwp-agendaItemPage, .lwp-agendaItemSlide, .lwp-agendaItemPage:visited, .lwp-agendaItemSlide:visited { background-color: rgb(246, 246, 246); text-decoration: none; color: #7080A8; font-weight: normal; padding-top: 1px; padding-bottom: 1px; } a.lwp-agendaItem:hover, .lwp-agendaItemPage:hover, .lwp-agendaItemSlide:hover { text-decoration: underline; color: #639ACE; font-weight: normal; } .lwp-selectedAgendaItem, a.lwp-selectedAgendaItem { background-color: rgb(49, 106, 197); padding-top: 1px; padding-bottom: 1px; color: #FFFFFF; line-height: 150%; text-decoration: none; font-weight: bold; } .lwp-selectedAgendaItem:visited, a.lwp-selectedAgendaItem:visited { color: #FFFFFF; } a.lwp-selectedAgendaItem:hover { background-color: rgb(49, 106, 197); padding-top: 1px; padding-bottom: 1px; color: #FFFFFF; line-height: 150%; text-decoration: underline; font-weight: bold; } .lwpProjectorHeaderStart { background-color: #70A8F0; border-top: 1px solid #777777; border-right: 0px none #777777; border-bottom: 0px none #777777; border-left: 1px solid #777777; } .lwpProjectorHeaderMiddle { background-color: #70A8F0; border-top: 1px solid #777777; border-right: 0px none #777777; border-bottom: 0px none #777777; border-left: 0px none #777777; color: #343434; font-weight: bold; } .lwpProjectorHeaderEnd { background-image: url("/wps/contenthandler/!ut/p/digest!VjGYHrIWRp0CTDEJTjvIhQ/dav/fs-type1/common-resources/ibm/css/portal/images/projectorTableTopRight.gif"); background-repeat: no-repeat; background-position: right top; background-color: transparent; } .lwpSlideTable { border-width: 1px; border-style: solid; border-color: #000000; } .lwpSlideTableHeadStart, .lwpSlideTableHeadMiddle, .lwpSlideTableHeadEnd { font-weight: bold; color: #989898; text-align: left; background-color: #FFFFFF; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #000000; } .lwpSlideBorder { border-color: #B0B0C0; border-style: solid; border-width: 1px 1px 1px 1px; } .lwpAgendaFrameDiv { position: absolute; width: 100%; visibility: hidden; bottom: 0; border: 1px solid rgb(233, 233, 233); background-color: rgb(246, 246, 246); top: 80px; } .lwpAttendeesFrameDiv { width: 100%; position: absolute; bottom: 0; border: 1px solid rgb(233, 233, 233); background-color: rgb(246, 246, 246); visibility: hidden; overflow: auto; top: 26px; } .lwpDownloadsFrameDiv { width: 100%; position: absolute; bottom: 2px; visibility: hidden; top: 26px; } .lwpHostingStarted { font-size: 1.1667em; font-weight: bold; color: #FFFFFF; } .lwpHostingStartedLarge { font-size: 1.1667em; font-weight: bold; color: #FFFFFF; } .lwp_labelNormalStyle, a.lwp_labelNormalStyle, a.lwp_labelNormalStyle:visited, a.lwp_labelNormalStyle:active { color: #000000; text-decoration: none; } .lwp_labelHighlightStyle, a.lwp_labelHighlightStyle, a.lwp_labelHighlightStyle:active, a.lwp_labelHighlightStyle:visited { font-weight: bold; text-decoration: none; } /* ################################################# Index pages (Index A & Index B) Templates/Markup: templates/pages/index_a.hbs templates/pages/index_b.hbs SCSS/CSS scss/pages/index.scss JavaScript js/pages/index/index.js #################################################### */ /* Functions */ /* Mixins */ /* -- Grid System ---------------------- */ /* -- Sample queries ----------------- */ /*-- Common mixins ----*/ /*-- Themes and stuff --*/ .product-list h2 { font-size: 2.5em; margin-right: 10px; } .product-list .text { margin-top: 10px; } .product-list .text h4 { font-size: 1.2em; } .apply-btn { position: relative; height: 340px; display: block; width: 100%; } .apply-btn a { position: absolute; bottom: 0; left: 22px; } .stage-small-view-content { margin: 20px 0 0 10px; display: none; } @media (max-width: 420px) { .stage-small-view-content { display: block; } } .stage-small-view-content h1 { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.8333em; /*original font 22px */ } .stage-small-view-content .subTitle h2 { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.5em; /*original font 18px */ display: inline-block; } .stage { position: relative; width: 100%; min-height: 500px; background: #DDD; background-size: cover; background-repeat: no-repeat; background-position: center center; } .stage .stageContent { position: absolute; top: auto; left: 2.5%; bottom: 10%; } @media (max-width: 380px) { .stage .stageContent { top: 7%; } } .stage .stageContent h1 { display: block; font-size: 3.66667em; line-height: 1.30em; color: #FFF; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); } @media (max-width: 420px) { .stage .stageContent h1 { display: none; } } .stage .stageContent .subTitle { position: relative; display: inline-block; } .stage .stageContent .subTitle:after { content: ''; display: table; clear: both; } @media (max-width: 420px) { .stage .stageContent .subTitle { display: none; } } .stage .stageContent .subTitle i.mark { width: 18px; height: 18px; font-weight: bold; background: #fff500; border-radius: 100%; } .stage .stageContent .subTitle i.mark p { text-align: center; } .stage .stageContent .subTitle h2 { display: block; float: left; font-size: 1.58333em; color: #FFF; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); } .stage .stageContent .subTitle i { display: block; float: left; width: 19px; height: 19px; margin: 0 0 0 5px; background: url("assets/images/icons/info.png") 0 0 no-repeat; cursor: pointer; } .stage .stageContent .subTitle i:hover { background: url("assets/images/icons/info_yellow.png") 0 0 no-repeat; } .stage .stageContent a { position: relative; display: block; margin: 8px 0 0 0; font-size: 1.5em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; color: #000; } @media (max-width: 959px) { .stage .stageContent a { display: none; } } .stage .stageContent a.cta { bottom: 0; left: 0; } .stage .stageContent a.cta:hover i b { -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } .stage .stageContent a.cta i { display: block; float: right; width: 35px; height: 35px; margin: -10px 15px 0 15px; position: relative; background: #f9fd36; } @media (max-width: 959px) { .stage .stageContent a.cta i { margin-right: 0; } } .stage .stageContent a.cta i b { position: absolute; top: 50%; width: 9px; height: 12px; margin: -3px 0 0 0; content: ''; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; right: 13px; } .stage .tooltipContent { display: none; position: absolute; top: 66%; right: calc(50% - 101px); padding: 15px; background: yellow; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } @media (max-width: 420px) { .stage .tooltipContent { right: 1000px; } } @media (max-width: 959px) { .stage .tooltipContent { top: 80%; } } @media (max-width: 571px) { .stage .tooltipContent { padding: 4px; top: 92%; } } .stage .stageNav { position: absolute; right: 8.9%; bottom: 34px; } @media (max-width: 959px) { .stage .stageNav { display: none; } } .stage .stageNav ul li { display: block; float: left; padding: 0 40px 0 0; } @media (max-width: 390px) { .stage .stageNav ul li { padding: 0 10px 0 0; } } .stage .stageNav ul li:last-child { padding-right: 0; } .stage .stageNav ul li a { position: relative; display: block; min-width: 43px; height: 46px; color: #FFF; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .stage .stageNav ul li a.active:after { content: ''; position: absolute; display: block; top: 100%; left: 50%; margin: 75px 0 0 -8px; border-bottom: 8px solid #f4f8fb; border-left: 8px solid transparent; border-right: 8px solid transparent; } .stage .stageNav ul li a span { display: block; font-size: 1.09em; float: left; padding: 75px 0 0 0; } .stage .stageNav ul li a span:after { content: ''; position: absolute; display: block; top: 0; background-position: 0 0; background-repeat: no-repeat; } .stage .stageNav ul li a.approval span:after { width: 53px; height: 56px; left: 29px; background-image: url("assets/images/pages/advantages/approval.png"); } .stage .stageNav ul li a.flexible span:after { width: 55px; height: 55px; left: 5px; background-image: url("assets/images/pages/advantages/flexible.png"); } .stage .stageNav ul li a.fast span:after { width: 60px; height: 51px; left: 16px; background-image: url("assets/images/pages/advantages/fast.png"); } .stage .stageNav ul li a:hover span { text-shadow: 0 0 10px #fff, 0 0 40px rgba(253, 253, 0, 0.5), 0 0 70px rgba(253, 253, 0, 0.5), 0 0 80px rgba(253, 253, 0, 0.5), 0 0 100px rgba(253, 253, 0, 0.5), 0 0 150px rgba(253, 253, 0, 0.5); } .stage .stageNav ul li a:hover span:after { background-position: 0 100%; } .stage .stageNav ul li a i { display: block; float: left; width: 14px; height: 9px; margin: 79px 0 0 12px; background: url("assets/images/icons/arrow-bottom-yellow.png") 0 0 no-repeat; } .index .subTitle { position: relative; } .index .subTitle i { display: inline-block; width: 19px; height: 19px; margin: 0 0 0 5px; background: url("assets/images/icons/info.png") 0 0 no-repeat; cursor: pointer; vertical-align: sub; } .index .subTitle .tooltipContent { display: none; position: absolute; top: 30px; right: -75px; padding: 15px; background: yellow; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; z-index: 9; } @media (max-width: 420px) { .index .subTitle .tooltipContent { right: calc(50% - 101px); } } @media (max-width: 338px) { .index .subTitle .tooltipContent { top: 50px; } } .index .loanTool { width: 100%; min-height: 500px; background: #DDD; } .index .intro { margin-top: 40px; } .index .intro .sidebar { position: relative; display: inline-block !important; vertical-align: bottom; float: none; } @media (min-width: 959px) { .index .intro .sidebar { width: 24.9%; } } @media (max-width: 959px) { .index .intro .sidebar { margin-bottom: 40px; } } .index .intro .welcome { display: inline-block !important; margin: 0 0 20px 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.33333em; display: block; vertical-align: bottom; float: none; } .index .sidebar { margin-top: 71px; position: relative; margin-left: 0 !important; } .index .sidebar.t03handle { margin-top: 0; } .welcomeWithBreadcrumbs .index .sidebar.t03handle { margin-top: 30px; } .index .sidebar a { color: #BBC0C4; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .index .sidebar a.handle { position: absolute; left: 0; display: block; float: left; width: 40px; height: 76px; margin: 0 12px 0 0; background: yellow url("assets/images/modules/sidebar/handle.png") center center no-repeat; border-bottom: 1px solid yellow; text-indent: -9999px; } @media (max-width: 959px) { .index .sidebar a.handle { display: none; } } .index .sidebar a.handle i { display: block; width: 7px; height: 18px; margin: 26px 0 0 40px; background: url("assets/images/modules/sidebar/tip.png") 0 0 no-repeat; } .index .sidebar .barContent { overflow: hidden; height: 76px; margin: 0 0 -1px 0; padding-left: 50px; background: #454D50; color: #BBC0C4; } @media (max-width: 959px) { .index .sidebar .barContent { display: none; } } .index .sidebar .barContent ul { overflow: hidden; margin: 5px 0 10px 0; } .index .sidebar .barContent ul li { float: left; padding: 0 12px 0 3px; background: url("assets/images/modules/sidebar/arrow.png") center right no-repeat; } .index .sidebar .barContent ul li:first-child { padding-left: 0; } .index .sidebar .barContent ul li:last-child { background: none; } .index .sidebar .barContent span { display: block; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.41667em; line-height: 18px; margin: 20px 0 0; } @media (min-width: 1391px) and (max-width: 1657px) { .index .sidebar .barContent span { font-size: 1.25em; /*original font 15px */ } } @media (min-width: 1122px) and (max-width: 1391px) { .index .sidebar .barContent span { font-size: 1.08333em; /*original font 13px */ } } @media (min-width: 959px) and (max-width: 1122px) { .index .sidebar .barContent span { font-size: 0.98333em; /*original font 11.8px */ } } .index .indexContent .list .cta { bottom: 36px; } @media (max-width: 959px) { .index .indexContent .list .cta { bottom: 4px; } } .index .quickLinks { overflow: hidden; width: 100%; border-top: 1px solid #E7E7E7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .index .quickLinks.newsListingBox.noDownload .linksModule.tools { border-top: none !important; } .index .quickLinks.newsListingBox.noDownload.existingCustomers { margin-left: 0; } .index .quickLinks.newsListingBox .row .imagery { padding: 1px 0 0 0; } .index .quickLinks.newsListingBox .row p { margin: 0; } .index .quickLinks.newsListingBox .linksModule.existingCustomers p { margin-bottom: 25px; } .index .quickLinks.newsListingBox .linksModule.existingCustomers a { padding: 0 0 5px 0; } .index .quickLinks strong { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .index .quickLinks > div, .index .quickLinks .linksModule, .index .quickLinks .tools, .index .quickLinks .lastViewed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 959px) { .index .quickLinks > div, .index .quickLinks .linksModule, .index .quickLinks .tools, .index .quickLinks .lastViewed { float: none; width: 100% !important; padding: 0 30px; } } .index .linksModule { float: left; margin: 30px 0px 54px 0; padding: 20px 0 0 0; font-size: 1.16667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; text-align: right; } @media (max-width: 959px) { .index .linksModule { width: 100%; float: none; } } .index .linksModule h4 { margin-bottom: 20px; } @media (max-width: 959px) { .index .linksModule h4 { margin-bottom: 0; } } @media (max-width: 959px) { .index .linksModule { width: 100%; margin: 30px !important; text-align: left; border: 0 !important; padding-left: 30px; } } .index .linksModule.lastViewed { width: 24.9%; margin-top: 41px; padding-right: 28px; padding-left: 0; padding-top: 9px; } .index .linksModule.lastViewed.underline h4 { font-size: 1.2857em; /*original font 18px */ } .index .linksModule.tools { text-align: left; background: none; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .dropTeaser .dropTeaserContent h1 { padding: 20px 20px 0; margin: 50px 0 4px 0; border: 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.5em; } .dropTeaser .dropTeaserContent select { position: relative; width: 80%; min-width: 200px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.16667em; color: #000; } .dropTeaser .dropTeaserContent .subCopy { margin: 13px 10px 0; font-size: 1em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; color: #cfcfcf; } .index .news .column:first-child span.date, .index .news .column:first-child span.title { font-size: 14px; text-align: right; } .news.grid.x12.y12.z4 { margin-top: 15px; } a.uiLink.v1 { display: block; float: none; clear: both; } a.uiLink.v1 b { position: absolute; top: 50%; width: 9px; height: 12px; margin: -6px 0 0; content: ''; background: url(assets/images/icons/arrow-right-black.png) no-repeat; right: 13px; } .index .news .column h4 { padding-right: 25px; font-size: 16px; color: #000; margin-bottom: 5px; } .index .vertical { margin: 50px 0 30px 0; } .index .intro .sidebar { width: 100%; } strong { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .intro .welcome p a, .introductionModule p a, .introductionModule p a:active, .introductionModule p a:visited, .list p a, .list p a:active, .list p a:visited, .accordion li .content p a, .vertical li .content p a { color: #000; text-decoration: underline; } .intro .welcome p a:hover, .introductionModule p a:hover, .list p a:hover, .accordion li .content p a:hover, .vertical li .content p a:hover { color: #454d50; } .index .accordion .items ul li ul li .item.content { width: 53%; padding: 3% 2% 0 3%; } .index .accordion .items ul li ul li .item.photo, .index .vertical .items ul li ul li .item.photo { width: 41%; max-width: 232px; float: left; } #uprava .portlet-borderless-container { margin-top: 30px; } @media (max-width: 959px) { /* line 727, ../../../scss/pages/index.scss */ .index .linksModule.tools { width: 93% !important; padding: 20px 15px 0 15px !important; margin-left: 15px !important; margin-right: 15px !important; } .dropTeaser .dropTeaserContent select { width: 100%; } .dropTeaser .dropTeaserContent { width: auto; } .dropTeaser .dropTeaserContent .subCopy { margin: 10px 0 20px 10px; } .dropTeaser .dropTeaserContent select { width: 100%; } .index .dropTeaser .linksModule.tools .row .imagery { display: block; padding: 0 5px 4px 0; } .index .linksModule.tools .row .linksContent a { overflow: visible; text-overflow: ellipsis; padding: 0 0 20px 0; } .index .dropTeaser .linksModule.tools .row .title { display: none; } .index .dropTeaser .linksModule.tools .row { margin-bottom: 0; } .index .dropTeaser .linksModule.tools .row .linksContent p { margin-bottom: .5em; } .advantages-adnav-wrap .adNav ul li { width: 33%; text-align: center; padding: 0; } .advantages-adnav-wrap .adNav ul li a { display: block; padding: 18px 0; font-size: 1.2em; width: 100%; text-overflow: ellipsis; min-height: 21px; } #reports-section { width: 100%; } .index .news .column:first-child span.date, .index .news .column:first-child span.title { text-align: left; margin-bottom: .65em; } } .index .linksModule.tools .toolsContent { padding: 0 25px 25px 25px; } @media (max-width: 959px) { .index .linksModule.tools .toolsContent { padding: 0 0 25px; } } .index .linksModule.tools .row { width: 100%; overflow: hidden; padding: 0 20px; } @media (max-width: 959px) { .index .linksModule.tools .row { padding: 0; margin-bottom: 14px; } } .index .linksModule.tools .row .imagery { float: left; width: 15.3%; padding-right: 25px; font-size: 0.83333em; } @media (max-width: 959px) { .index .linksModule.tools .row .imagery { display: none; } } .index .linksModule.tools .row .imagery img { display: block; margin: 0 0 26px 0; } .index .linksModule.tools .row .imagery.right { float: right; padding: 4px 5px 4px 0; } @media (max-width: 959px) { .index .linksModule.tools .row .imagery { padding: 0 5px 4px 0; float: none !important; width: 100%; } } .index .linksModule.tools .row .linksContent { float: left; width: 77%; padding: 0 0 0; } .index .linksModule.tools .row .linksContent h4 { font-size: 1em; margin: 0 0 4px 0; color: black; } .index .linksModule.tools .row .linksContent .header-tools { margin-top: -3px; } .index .linksModule.tools .row .linksContent a { width: auto; color: #000; float: left; clear: both; margin-bottom: 6px; display: inline-block; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; text-overflow: ellipsis; line-height: 1.35em; padding: 0 0 5px 0; overflow: hidden; } .index .linksModule.tools .row .linksContent a:hover { color: #5B5D5A; } .index .linksModule.tools .row .linksContent a:hover i { -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; top: 0px; } .index .linksModule.tools .row .linksContent a i { display: inline-block; width: 9px; height: 12px; margin: -2px 0 0 5px; background: url("assets/images/icons/arrow-right-black.png") center right no-repeat; } @media (max-width: 959px) { .index .linksModule.tools .row .linksContent a i { position: absolute; right: 13px; } } @media (max-width: 959px) { .index .linksModule.tools .row .linksContent { width: 100%; float: none; } .index .linksModule.tools .row .linksContent a { overflow: visible; text-overflow: ellipsis; /*white-space: normal;*/ padding: 0 0 20px 0; } .index .linksModule.tools .row .linksContent p { line-height: 1em; } } .index .linksModule.tools .row .linksContent .personal-calculator { margin-top: -8px; } .index .linksModule.tools .row .linksContent .home-loan-calculator { margin-bottom: 9px; margin-top: 18px; } .index .linksModule.tools .row .linksContent p { width: 95%; } .index .linksModule.tools.noLeftBorder { border-left: none; margin-top: 47px; padding-top: 3px; } .index .linksModule.tools.noLeftBorder .row .linksContent { padding-top: 13px; } .index .linksModule.tools.noLeftBorder .row .linksContent h4 { margin-bottom: 0; } .index .linksModule.tools.noLeftBorder .row .linksContent > p ~ a { display: block; margin-bottom: 12px; } .index .linksModule.tools.noLeftBorder .row .linksContent > p ~ a:last-child { margin-bottom: 0; } .index .linksModule.tools.noLeftBorder .row .imagery { padding-right: 15px; } .index .linksModule.tools.noLeftBorder .row .imagery img { margin-bottom: 16px; } .index .linksModule.tools.noLeftBorder + .linksModule.existingCustomers { margin-top: 46px; } .index .linksModule.tools.noLeftBorder + .linksModule.existingCustomers h4 { margin-bottom: 0; } .index .linksModule.tools.noLeftBorder + .linksModule.existingCustomers a { padding-bottom: 15px; } .index .linksModule.existingCustomers { width: calc(24.9% - 40px); padding-left: 30px; text-align: left; box-sizing: border-box; } @media (max-width: 959px) { .index .linksModule.existingCustomers { width: calc(100% - 45px) !important; box-sizing: border-box; } } @media (min-width: 959px) and (max-width: 1050px) { .index .linksModule.existingCustomers { margin-left: 15px; } } @media (max-width: 959px) { .index .linksModule.existingCustomers { padding-right: 0; padding-left: 0; } } .index .linksModule.existingCustomers h4 { color: black; margin-top: -3px; } @media (max-width: 959px) { .index .linksModule.existingCustomers h4 { margin-bottom: 0; } } .index .linksModule.existingCustomers p { width: 90%; } @media (max-width: 959px) { .index .linksModule.existingCustomers p { line-height: 1.1em; } } .index .linksModule.existingCustomers a { color: #000; position: relative; display: inline-block; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; padding: 0 0 20px 0; float: left; clear: both; } @media (min-width: 960px) { .index .linksModule.existingCustomers a:nth-child(3) { padding-right: 0px; } .rmf-product .accordion .items { width: 100%; } } @media (max-width: 997px) { .index .linksModule.existingCustomers a:nth-child(3) { padding-right: 40px; } } .index .linksModule.existingCustomers a:hover { color: #5B5D5A; } .index .linksModule.existingCustomers a:hover i { margin: 0px 0 0 21px; top: 0px; } .index .linksModule.existingCustomers a:focus { text-decoration: none; } .index .linksModule.existingCustomers a i { position: relative; display: inline-block; top: 26%; width: 9px; height: 12px; margin: -16px 0 0 10px; content: ''; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; right: auto; } @media (max-width: 959px) { .index .linksModule.existingCustomers a i { right: 0; } } .index .linksModule.existingCustomers a:hover i { top: 0px; -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } .index .linksModule.existingCustomers .problem-replaying { margin-top: -5px; } .index .linksModule a { display: block; padding: 0 0 5px 0; color: #000; } .index .linksModule a.first { padding-top: 10px; } .index .linksModule a.arrowed { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; padding: 0 0 7px 0; } .index .linksModule a.arrowed i { display: inline-block; width: 12px; height: 8px; margin: -2px 0 0 5px; background: url("assets/images/icons/arrow-bottom-black.png") center right no-repeat; } .index .linksModule .last-viewed-product { margin-top: -5px; } @media (max-width: 1250px) { .index .accordion, .index .vertical.expanded { padding-bottom: 80px; } } .index .accordion, .index .vertical { position: relative; margin: 0; overflow: hidden; } .index .accordion.type-credits, .index .vertical.type-credits { overflow: visible; } .index .accordion .cta, .index .vertical .cta { bottom: 4px; right: 95px; left: auto; font-size: 1.5em; /* original font 18px */ padding-top: 25px; padding-left: 26px; padding-bottom: 8px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } @media (max-width: 1620px) { .index .accordion .cta, .index .vertical .cta { right: 71px; } } @media (max-width: 1510px) { .index .accordion .cta, .index .vertical .cta { right: 50px; } } @media (max-width: 1425px) { .index .accordion .cta, .index .vertical .cta { right: 30px; } } @media (max-width: 1366px) { .index .accordion .cta, .index .vertical .cta { right: 15px; } } @media (max-width: 1302px) { .index .accordion .cta, .index .vertical .cta { right: 0px; } } @media (max-width: 959px) { .index .accordion .cta, .index .vertical .cta { display: block; left: 0; } } @media (max-width: 640px) { .index .accordion .cta, .index .vertical .cta { display: block; width: 100%; } } .index .accordion .heading, .index .vertical .heading { text-align: end; } @media (max-width: 959px) { .index .accordion .heading, .index .vertical .heading { text-align: left; } } .index .accordion .heading h2, .index .vertical .heading h2 { color: #000; font-size: 2.5em; /*original font 30px */ line-height: 1.34615em; text-align: right; } @media (max-width: 959px) { .index .accordion .heading h2, .index .vertical .heading h2 { text-align: left; } } .index .accordion .heading h2 span, .index .vertical .heading h2 span { display: block; } .index .accordion .heading h2.our-loans, .index .vertical .heading h2.our-loans { padding-right: 10px; margin-top: -3px; line-height: 1.45em; } @media (min-width: 959px) { .index .accordion .items, .index .vertical .items { width: 50%; } } .index .accordion .items ul, .index .vertical .items ul { border-right: 1px solid #E9E9E9; } .index .accordion .items ul.unsorted-list-loans, .index .vertical .items ul.unsorted-list-loans { margin-left: -12px; } .index .accordion .items ul li, .index .vertical .items ul li { height: auto; overflow: hidden; } .index .vertical .items ul li.expanded ul li { border: 1px solid #e9e9e9; } .index .accordion .items ul li:hover > a, .index .vertical .items ul li:hover > a { background: #f9fd36; background: -moz-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9fd36), color-stop(3%, #f7ff1b), color-stop(6%, #f6fe13), color-stop(9%, #f8fd1c), color-stop(12%, #fafd18), color-stop(18%, #f8fd1c), color-stop(21%, #f8fe14), color-stop(24%, #f9fc19), color-stop(44%, #f9fc19), color-stop(91%, #fff61a), color-stop(94%, #fef512), color-stop(97%, #fff718), color-stop(100%, #fff531)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fd36', endColorstr='#fff531', GradientType=0); /* IE6-9 */ } .index .accordion .items ul li.expanded, .index .vertical .items ul li.expanded { -webkit-box-shadow: inset 0 -1px 0px 0px #e9e9e9; -moz-box-shadow: inset 0 -1px 0px 0px #e9e9e9; -ms-box-shadow: inset 0 -1px 0px 0px #e9e9e9; -o-box-shadow: inset 0 -1px 0px 0px #e9e9e9; box-shadow: inset 0 -1px 0px 0px #e9e9e9; } .index .accordion .items ul li.expanded > a, .index .vertical .items ul li.expanded > a { background: #E9EDF0; } .index .accordion .items ul li.expanded > a i, .index .vertical .items ul li.expanded > a i { width: 12px; height: 8px; margin-top: 7px; background: url("assets/images/icons/arrow-bottom-black.png") center center no-repeat; } .index .accordion .items ul li.expanded ul, .index .vertical .items ul li.expanded ul { height: auto; } .index .accordion .items ul li > a, .index .vertical .items ul li > a { display: block; padding: 10px 45px 8px 20px; color: #000; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.33333em; border-left: 1px solid #E9E9E9; } .index .accordion .items ul li > a:hover, .index .accordion .items ul li > a:active, .index .accordion .items ul li > a:focus, .index .vertical .items ul li > a:hover, .index .vertical .items ul li > a:active, .index .vertical .items ul li > a:focus { text-decoration: none; color: #000; } .index .accordion .items ul li > a i, .index .vertical .items ul li > a i { display: block; float: right; width: 9px; height: 12px; margin-top: 3px; background: url("assets/images/icons/arrow-right-black.png") center center no-repeat; } .index .accordion .items ul li > a.list-bundle, .index .vertical .items ul li > a.list-bundle { padding: 11px 45px 8px 20px; } .index .accordion .items ul li ul, .index .vertical .items ul li ul { height: 0; overflow: hidden; border: 0 none; } .index .accordion .items ul li ul li .item, .index .vertical .items ul li ul li .item { float: left; } .index .accordion .items ul li ul li .item.photo, .index .vertical .items ul li ul li .item.photo { width: 41%; max-width: 232px; } .index .vertical .items ul li ul li .item.photo { margin: 0 20px 0 0; padding: 0; } .index .vertical .items ul li ul li .item.content p { overflow: hidden; margin-bottom: 0; } .index .accordion .items ul li ul li .item.content, .index .vertical .items ul li ul li .item.content { width: 85%; padding: 3% 2% 0 20px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.16667em; } .index .vertical .items ul li ul li .item.content { width: auto; float: none; border: 0; padding: 20px; } @media (min-width: 1450px) { .index .accordion .items ul li ul li .item.content, .index .vertical .items ul li ul li .item.content { width: 85%; } } .index .accordion .items ul li ul li .item.content { width: 53%; padding: 3% 2% 0 3%; } @media (max-width: 400px) { .index .accordion .items ul li ul li .item.content, .index .vertical .items ul li ul li .item.content { width: 90%; padding: 3% 2% 0 15px; } } .index .accordion .items ul li ul li .item.content a.more, .index .vertical .items ul li ul li .item.content a.more { position: relative; color: #000; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; padding: 0 0 20px 0; white-space: nowrap; } .index .accordion .items ul li ul li .item.content a.more i, .index .vertical .items ul li ul li .item.content a.more i { position: absolute; margin: 5px 0 0 10px; width: 9px; height: 12px; background: url("assets/images/icons/arrow-right-small.png") center right no-repeat; } .index .accordion .items ul li ul li .item.content a.more:hover, .index .vertical .items ul li ul li .item.content a.more:hover { color: #5B5D5A; } .index .accordion .items ul li ul li .item.contentBox, .index .vertical .items ul li ul li .item.contentBox { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.16667em; } .index .accordion .items ul li ul li .item.contentBox p, .index .vertical .items ul li ul li .item.contentBox p { padding-right: 45px; line-height: 20px; margin-top: 20px; } .index .accordion .items ul li ul li .item.contentBox p img, .index .vertical .items ul li ul li .item.contentBox p img { width: 41%; float: left; max-width: 228px; margin-right: 20px; margin-top: -20px; } .index .accordion .items ul li ul li .item.contentBox a.more, .index .vertical .items ul li ul li .item.contentBox a.more { position: relative; color: #000; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; padding: 0 0 20px 0; white-space: nowrap; } .index .accordion .items ul li ul li .item.contentBox a.more i, .index .vertical .items ul li ul li .item.contentBox a.more i { position: absolute; margin: 5px 0 0 10px; width: 9px; height: 12px; background: url("assets/images/icons/arrow-right-small.png") center right no-repeat; } .index .accordion .items + .gridModule.x3, .index .vertical .items + .gridModule.x3 { position: absolute; display: block; top: 0; bottom: 0; right: 0; margin-left: 0; margin-right: 0; } @media (max-width: 959px) { .index .accordion .items + .gridModule.x3, .index .vertical .items + .gridModule.x3 { display: none; } } .index .accordion .accordionCTA, .index .vertical .accordionCTA { position: absolute; left: -8%; right: 0; bottom: 1px; margin: 0 19px; } .index .accordion .accordionCTA a, .index .vertical .accordionCTA a { overflow: hidden; } .index .accordion .accordionCTA a span, .index .vertical .accordionCTA a span { display: block; float: left; } .index .accordion .accordionCTA a.cta, .index .vertical .accordionCTA a.cta { position: relative; left: auto; bottom: auto; width: 100%; padding: 27px 0 6px 12px; font-size: 1.5em; /* origina font 18px */ color: #000; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; box-shadow: none; -webkit-box-shadow: none; } .index .accordion .accordionCTA a.cta:hover, .index .vertical .accordionCTA a.cta:hover { color: #000; } .index .accordion .accordionCTA a.cta i, .index .vertical .accordionCTA a.cta i { margin: 5px 15px 0 35px; } .index .accordion.expanded .items ul li > a, .index .vertical.expanded .items ul li > a { background: #E9EDF0; } .index .accordion.expanded .items ul li > a.flexi, .index .vertical.expanded .items ul li > a.flexi { padding: 10px 45px 8px 20px; } .index .accordion.expanded .items ul li > a i, .index .vertical.expanded .items ul li > a i { display: none; } .index .accordion.expanded .items ul li ul, .index .vertical.expanded .items ul li ul { display: block; } .index .help { overflow: hidden; margin: 0 0 60px 0; background: #eaedef; } .index .help .helpHalf { position: relative; float: left; width: 49.7%; min-height: 180px; margin: 0 1px 1px 0; border-right: 2px solid #FFF; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.16667em; padding-bottom: 60px; padding-top: 60px; } .index .help .helpHalf:last-of-type { border: 0 none; } @media (max-width: 1360px) { .index .help .helpHalf:first-of-type { width: 616px; } .index .help .helpHalf:last-of-type { width: 320px; } } @media (max-width: 960px) { .index .help .helpHalf:last-of-type, .index .help .helpHalf:first-of-type { width: 100%; } } .index .help .helpHalf .helpTitle { margin: 0; padding: 0; text-align: right; display: inline-block; float: left; width: 49%; } @media (max-width: 1160px) { .index .help .helpHalf .helpTitle { width: 42%; } } @media (max-width: 960px) { .index .help .helpHalf .helpTitle { width: 100%; float: none; } } @media (max-width: 959px) { .index .help .helpHalf .helpTitle { text-align: left; } } .index .help .helpHalf .helpTitle h2 { margin: 0; width: 200px; display: block; font-size: 2em; /* original font 28px */ line-height: 34px; margin-right: 20px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; float: right; color: black; } @media (max-width: 1200px) { .index .help .helpHalf .helpTitle h2 { font-size: 1.5714em; /* original font 22px */ line-height: 32px; margin-bottom: 38px; } } @media (max-width: 960px) { .index .help .helpHalf .helpTitle h2 { width: 100%; text-align: left; float: none; } } .index .help .helpHalf .helpModuleArticle { width: 45%; display: inline-block; margin-left: 20px; } @media (max-width: 1360px) { .index .help .helpHalf .helpModuleArticle { width: 290px; margin-left: 18px; } } @media (max-width: 960px) { .index .help .helpHalf .helpModuleArticle { width: 100%; margin-left: 0; } } @media (min-width: 1451px) { .index .help .helpHalf .helpModuleArticle .content { height: 120px; } } @media (max-width: 1450px) and (min-width: 961px) { .index .help .helpHalf .helpModuleArticle .content { height: 140px; } } .index .help .helpHalf .helpModuleArticle h3, .index .help .helpHalf .helpModuleArticle p { font-size: 1.14286em; /* original font 16px */ } @media (max-width: 1150px) { .index .help .helpHalf .helpModuleArticle h3, .index .help .helpHalf .helpModuleArticle p { font-size: 1.07143em; /* original font 15px */ } } .index .help .helpHalf .helpModuleArticle h3 { margin-bottom: 0; } .index .help .helpHalf .helpModuleArticle .helpModuleCTA { overflow: hidden; text-align: right; padding: 0 0 10px; } .index .help .helpHalf .helpModuleArticle .helpModuleCTA a { display: block; color: #000; font-size: 1.08333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .index .help .helpHalf .helpModuleArticle .helpModuleCTA a:hover i b { -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } .index .help .helpHalf .helpModuleArticle .helpModuleCTA a i { position: relative; display: block; float: right; width: 35px; height: 35px; margin: 0 0 0 10px; background: #f9fd36; background: -moz-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9fd36), color- stop(3%, #f7ff1b), color-stop(6%, #f6fe13), color-stop(9%, #f8fd1c), color-stop(12%, #fafd18), color-stop(18%, #f8fd1c), color-stop(21%, #f8fe14), color-stop(24%, #f9fc19), color-stop(44%, #f9fc19), color-stop(91%, #fff61a), color-stop(94%, #fef512), color-stop(97%, #fff718), color- stop(100%, #fff531)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fd36', endColorstr='#fff531', GradientType=0); /* IE6-9 */ } @media (max-width: 959px) { .index .help .helpHalf .helpModuleArticle .helpModuleCTA a i { margin-right: 0; } } .index .help .helpHalf .helpModuleArticle .helpModuleCTA a i b { position: absolute; top: 50%; width: 9px; height: 12px; margin: -7px 0 0 0; content: ''; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; right: 13px; } .index .help .helpHalf .helpModuleArticle .helpModuleCTA a span { float: right; padding: 6px 0 0; margin-right: 3px; font-size: 1.14286em; /* original font 16px*/ } @media (max-width: 960px) { .index .help .helpHalf { width: 100%; min-height: 0; margin: 0; padding: 30px 17px 20px 17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-right: none; } .index .help .helpHalf:first-child { border-bottom: 2px solid #ffffff; } } .index .helpbox { clear: both; padding: 0 43px 0; margin: 0 0 40px 0; } .index .helpbox h4 { padding: 0 0 0 0; margin-bottom: 0; color: #000; } .index .helpbox ul { list-style: disc; padding: 0 0 0 16px; } .index .helpbox ul li { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.16667em; /* original font 14px */ } .index .helpbox ul li a { color: #000; } .index .helpbox ul li span { display: block; margin: 0 0 0 -4px; } @media (max-width: 959px) { .index .helpbox { padding: 0 15px; } .index .helpbox h4 { line-height: 1.8em; font-size: 1.5em; } .index .helpbox ul { padding: 0 0 0 26px; } .index .helpbox ul li a { font-size: 1.3em; line-height: 1.35em; } } .index a.backCTA { font-size: 1.5em; /*original font 18px*/ font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; color: #000; } .index a.backCTA:hover i b { -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } .index a.backCTA i { position: relative; display: block; float: left; width: 35px; height: 28px; margin: 0 0 0 10px; } .index a.backCTA i b { position: absolute; top: 50%; width: 9px; height: 12px; margin: -7px 0 0 0; content: ''; background: url("assets/images/icons/arrow-left-small.png") 0 0 no-repeat; right: 13px; } .index .news { overflow: hidden; } .index .news h4.black { color: black; font-size: 1.33333em; } .index .news .column { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .index .news .column h4 { padding-right: 25px; font-size: 1.3333em; /* original font 16px*/ color: #000; margin-bottom: 5px; } .index .news .column:first-child { text-align: left; padding: 0 0 10px; } .news.grid.x12.y12.z4:first-child { margin-top: 50px; } .news.grid.x12.y12.z4:last-child { margin-bottom: 50px; } .integratedOverlay { display: none; position: relative; width: 100%; } .integratedOverlay .m50ContentContainer, .m50 a { position: relative; } .integratedOverlay.observable { display: block; } .integratedOverlay .close { position: absolute; right: 20px; top: 0; } .contentOverlay .close a, .integratedOverlay .close a { line-height: 36px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; z-index: 20; color: #000; } .integratedOverlay .close a { display: block; font-size: 18px; cursor: pointer; } .integratedOverlay .close a i { display: block; float: right; width: 18px; height: 18px; margin: 9px 0 0 15px; background: transparent url(assets/images/modules/search/close.png) no-repeat scroll 0 0; } .integratedOverlay .content { padding: 35px 20px 20px; font-size: 1.16667em; } .m50 a { padding: 10px 45px 10px 0; font-size: 1.33333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; color: #000; display: inline-block; cursor: pointer; position: relative; } .m50 b { position: absolute; top: 50%; width: 9px; height: 12px; margin: -8px 0 0; content: ""; background: transparent url(assets/images/icons/arrow-right-black.png) no-repeat scroll 0 0; right: 13px; } .m50 a:hover b { animation: bounce 1.5s infinite; } .m50 a:hover, .integratedOverlay .close a:hover { color: #5b5d5a; } @media (max-width: 959px) { .index .news .column:first-child { text-align: left; } } .index .news .column:first-child span { display: block; padding: 0 16px 0 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; color: #000; } .index .news .column:first-child span.date { font-size: 1.16667em; /* original font 14px */ } .index .news .column:first-child span.title { font-size: 1.16667em; /* original font 14px */ } .index .news .column p { font-size: 1.3333em; /* original font 16px */ font-weight: normal; color: #000; line-height: 24px; } .index .imageModule { position: relative; margin: 0; } .index .imageModule img { width: 100%; } .index .imageModule .heading { padding: 16px 0 0 0; } @media (min-width: 959px) { .index .imageModule .heading { text-align: right; } } @media (max-width: 959px) { .index .imageModule .heading { width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-left: 0 !important; margin-right: 0 !important; padding-left: 20px !important; padding-right: 20px !important; font-size: 0.81em; text-align: left; } } .index .imageModule .slideImage { /* *needs to be 1 px bigger than $size2_breakpoint */ position: relative; } @media (min-width: 960px) { .index .imageModule .slideImage { float: left; width: 66%; } } .index .imageModule .slideImage .overlay { display: block; position: absolute; top: auto; left: 0; bottom: 0; width: 100%; height: 179px; background: url("assets/images/modules/slider/overlay.png") 0 0 repeat-x; } .index .imageModule.mediumSlider .content { width: 100% !important; overflow: hidden; } .index .imageModule.mediumSlider .indicators { position: absolute; right: 38%; top: 350px; } .index .imageModule.mediumSlider .indicators span { display: block; float: left; padding: 0 6px 0 0; color: #FFF; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.08333em; } .index .imageModule.mediumSlider .indicators span.sep { font-family: 'Helvetica Neue', Arial, sans-serif; color: #F7FC00; width: 1px; height: 10px; margin-top: 3px; border-left: 1px solid #F7FC00; font-size: 1em; /* original font 11px */ line-height: 12px; text-indent: -9999px; } .index .imageModule.mediumSlider .indicators span.current { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } @media (max-width: 959px) { .index .imageModule.mediumSlider .indicators { bottom: 25%; left: auto; right: 33px; } .index .imageModule.mediumSlider .indicators span { font-size: 1.16667em; } .index .imageModule.mediumSlider .indicators span.sep { margin-top: 5px; } } .index .imageModule .content { width: 75%; margin-right: 0 !important; background: #EAEDEF; } @media (max-width: 959px) { .index .imageModule .content { width: 100% !important; margin-left: 0 !important; } } .index .imageModule .content .copy { float: left; width: 34%; font-size: 1.16667em; /* original font 14px*/ line-height: 18px; } @media (max-width: 1120px) { .index .imageModule .content .copy { font-size: 0.9166em; line-height: 17.5px; } } @media (max-width: 959px) { .index .imageModule .content .copy { width: 100%; float: none; height: auto; font-size: 1.16667em; } } .index .imageModule .content .copy .copyContent { padding: 23px 20px 6px 22px; } @media (max-width: 959px) { .index .imageModule .content .copy .copyContent { padding: 20px; } } .index .imageModule .content .copy .copyContent p { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; line-height: 18px; margin-bottom: 0; } .index .imageModule .content .copy .copyContent p strong { display: block; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } @media (max-width: 1120px) { .index .imageModule .content .copy .copyContent p { line-height: 17.5px; } } .index .imageModule nav { display: none; } .index .imageModule .nav { position: absolute; top: auto; left: 68.6%; bottom: 37px; width: 75px; height: 30px; } .index .imageModule .nav a { display: block; position: relative; float: left; width: 35px; height: 35px; margin: 0 2px 0 0; background: #FBFB00; opacity: 1; } .index .imageModule .nav a:before, .index .imageModule .nav a:after { display: none; } .index .imageModule .nav a i { display: block; width: 100%; height: 100%; } .index .imageModule .nav a.left i { background: url("assets/images/icons/arrow-left-small.png") center center no-repeat; } .index .imageModule .nav a.right i { background: url("assets/images/icons/arrow-right-small.png") center center no-repeat; } @media (max-width: 959px) { .index .imageModule .nav { top: 0; bottom: auto; left: 0; right: 0; width: auto; height: 537px; } .index .imageModule .nav a { position: absolute; display: block; width: 16px; height: auto; float: none; top: 25%; bottom: 25%; left: 0; margin: 0; background: rgba(223, 226, 228, 0.6); } .index .imageModule .nav a.right { left: auto; right: 0; } .index .imageModule .nav a.left i, .index .imageModule .nav a.right i { position: absolute; top: 50%; left: 4px; width: 8px; height: 15px; margin: -7px 0 0 0; background-image: url("assets/images/icons/lifestage_arrows_mobile.png"); background-position: 0 0; background-repeat: no-repeat; } .index .imageModule .nav a.left i { background-position: 0 0; } .index .imageModule .nav a.right i { background-position: 0 100%; } } @media (max-width: 768px) { .index .imageModule .nav { height: 428px; } } @media (max-width: 480px) { .index .imageModule .nav { height: 260px; } .advantages-adnav-wrap .adNav ul li { width: 50%; } .advantages-adnav-wrap .adNav { width: 100%!important; } } @media (max-width: 320px) { .index .imageModule .nav { height: 170px; } } .index .vertical { margin: 50px 0 30px 0; } .index .vertical.greyBackground { background: #e9edf0; } .index .vertical .verticalModule { position: relative; float: left; padding: 60px 0 110px 0; min-height: 120px; margin: 0 0 1px 0; border-left: 1px solid #ffffff; box-sizing: border-box; font-size: 1.16667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .index .vertical .verticalModule:first-child { border-left: none; } @media (max-width: 959px) { .index .vertical .verticalModule:first-child .verticalModuleWrapper .heading h2 { text-align: left; } } .index .vertical .verticalModule:first-child .verticalModuleWrapper { width: 89%; } @media (min-width: 1350px) { .index .vertical .verticalModule:last-child .helpModuleCTA { right: auto; left: 38px; } } @media (max-width: 959px) { .index .vertical .verticalModule:last-child .helpModuleCTA { left: auto; } } @media (max-width: 1366px) and (min-width: 1280px) { .index .vertical .verticalModule { min-height: 170px; } } @media (max-width: 1280px) and (min-width: 1024px) { .index .vertical .verticalModule { min-height: 220px; } } @media (max-width: 1024px) and (min-width: 960px) { .index .vertical .verticalModule { min-height: 270px; } } .index .vertical .verticalModule .verticalModuleWrapper { position: relative; display: block; padding: 0 10px 0 20px; } @media (max-width: 959px) { .index .vertical .verticalModule .verticalModuleWrapper { position: relative; padding: 30px; } } .index .vertical .verticalModule .verticalModuleWrapper.left .heading { text-align: right; margin-right: 2px; } .index .vertical .verticalModule .verticalModuleWrapper .heading h2 { font-size: 2em; /*original font 28px*/ text-align: right; position: relative; top: -1px; } .index .vertical .verticalModule .verticalModuleWrapper .content { float: left; padding: 0 2px 0 0; } @media (min-width: 1351px) { .index .vertical .verticalModule .verticalModuleWrapper .content { height: 120px; overflow: hidden; } } @media (min-width: 960px) and (max-width: 1350px) { .index .vertical .verticalModule .verticalModuleWrapper .content { height: 140px; overflow: hidden; } } .index .vertical .verticalModule .verticalModuleWrapper .content h3 { margin: 0; font-size: 1.1428em; /*original font 16px*/ padding: 5px 6px 1px 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; color: #000; } .index .vertical .verticalModule .verticalModuleWrapper .content p { font-size: 1.1428em; /*original font 16px*/ line-height: 24px; margin-bottom: 0; overflow: hidden; min-height: 60px; } .index .vertical .verticalModule .helpModuleCTA { position: absolute; right: 10px; bottom: 60px; overflow: hidden; text-align: right; } .index .vertical .verticalModule .helpModuleCTA.right { left: 15px; right: auto; } @media (max-width: 959px) { .index .vertical .verticalModule .helpModuleCTA.right { left: auto; right: 10px; } } .index .vertical .verticalModule .helpModuleCTA a { display: block; color: #000; font-size: 1.5em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; height: 35px; line-height: 35px; } .index .vertical .verticalModule .helpModuleCTA a.number i { opacity: 0; } .index .vertical .verticalModule .helpModuleCTA a:hover i b { -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } .index .vertical .verticalModule .helpModuleCTA a i { position: relative; display: block; float: right; width: 35px; height: 35px; margin: 0 0 0 6px; background: #f9fd36; background: -moz-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9fd36), color-stop(3%, #f7ff1b), color-stop(6%, #f6fe13), color-stop(9%, #f8fd1c), color-stop(12%, #fafd18), color-stop(18%, #f8fd1c), color-stop(21%, #f8fe14), color-stop(24%, #f9fc19), color-stop(44%, #f9fc19), color-stop(91%, #fff61a), color-stop(94%, #fef512), color-stop(97%, #fff718), color-stop(100%, #fff531)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fd36', endColorstr='#fff531', GradientType=0); /* IE6-9 */ } @media (max-width: 959px) { .index .vertical .verticalModule .helpModuleCTA a i { margin-right: 0; } } .index .vertical .verticalModule .helpModuleCTA a i b { position: absolute; top: 50%; width: 9px; height: 12px; margin: -7px 0 0 0; content: ''; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; right: 13px; } .index .vertical .verticalModule .helpModuleCTA a span { float: right; height: 35px; line-height: 35px; padding: 0; font-size: 0.77em; /*original font 16px */ margin: 0; } @media (max-width: 1366px) { .index .vertical .verticalModule .helpModuleCTA a span { font-size: 0.718em; /*original font 15px */ } } .index .vertical .verticalModule .helpModuleCTA.align-left { right: 115px; } @media (max-width: 959px) { .index .vertical .verticalModule { width: 100%; min-height: 0; margin: 0; padding: 35px 18px 17px 18px; border-left: none; border-top: 2px solid #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .index .vertical .verticalModule:first-child { display: none; } .index .vertical .verticalModule:last-child { width: 100%; margin: 0 0 2px 0; } .index .vertical .verticalModule .verticalModuleWrapper { top: auto; padding: 0; } .index .vertical .verticalModule .verticalModuleWrapper .content { float: none; padding: 0; } .index .vertical .verticalModule .verticalModuleWrapper .content h3 { font-size: 1.2857em; /* original font 18px*/ padding: 0 0 8px 0; } .index .vertical .verticalModule .verticalModuleWrapper .content p { font-size: 1em; /* original font 14px */ margin: 0 0 5px 0; } .index .vertical .verticalModule .helpModuleCTA { position: relative; right: auto; bottom: auto; } } .index section#mediumSlider { position: relative; } @media (min-width: 959px) { .index section#mediumSlider { width: 75%; margin: 0; float: left; } } @media (max-width: 959px) { .index section#mediumSlider { width: 100%; } } .index section#mediumSlider .lifeSlide { position: relative; } .index section#mediumSlider .lifeSlide .lifeStageModule { overflow: hidden; } .index section#mediumSlider .lifeSlide .lifeStageModule .copy { position: relative; } .index .accordion, .index .quickLinks, .index .imageModule, .index .list { margin-top: 0; margin-bottom: 0; } @media screen and (max-width: 360px) { .advantages-adnav-wrap .adNav ul li { width: calc(100% - 15px); text-align: left; padding-left: 15px; } } #mainNav ul #new-MDD { position: absolute; right: 0; left:auto; width: 70%; padding-right:0; min-height: 400px; } #mainNav ul #new-MDD .subModuleArticlesWrap{ padding: 0; min-height: 400px } #mainNav ul #new-MDD .subModule .subList .sub-heading { width:72%; } .inverted #mainNav ul li a.heading, .new-MDD-article a span{ color: black; } .new-MDD-article > div{ position: relative; } .new-MDD-article div h2{ display:block; position:absolute; left:10px; bottom: 0; color:white; } .new-MDD-article .article-text{ padding: 20px 60px 40px 10px; background-color: white; } .new-MDD-article .article-text p{ font-size: 15px; } .new-MDD-article .article-text a span{ font-size: 14px; } /*===================== INVERTED HEADER STYLES ==============================*/ header.inverted #topNav{ background-color: #fff; z-index: 918600; } header.inverted #topNav ul a.active, header.inverted #topNav ul a:hover{ color: #000; } header.inverted #topNav .topNavContent .pullRigthWrapper:after { background-color: silver; } .inverted #mainNav { background-color: #34393C; } .inverted #mainNav #logo a { background: url("assets/images/common/logo-white.png") 0 0 no-repeat; background-size: cover; } .inverted #mainNav ul a{ color:white; } body #navigationOverlay{ top:40px; } .form-group { display: inline-block; width: 100%; padding: 0; margin: 0 0 20px 0; } .form-group.yellow { background: #fbf900; padding: 10px; font-weight: 700; } .form-group input, .form-group textarea { margin: 10px 0 0 0; border: 1px solid #d9d9d9; padding: 5px 10px; width: 100%; font-size: 16px; } .form-group input:focus, .form-group input:active, .form-group textarea:focus, .form-group textarea:active { border: 1px solid #000000; box-shadow: 0 1px 10px rgba(0,0,0,.2); } .form-group label { display: block; font-weight: 700; } .form-group textarea { min-height: 200px; max-width: 100%; border: 1px solid #E7E7E7; color: #454545; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; box-shadow: none; } .form-group .form-btn { font-family: 'Amalia', Helvetica, Arial, sans-serif; display: inline-block; margin: 0; width: auto; border: none; cursor: pointer; padding: 15px 30px; font-weight: 700; background: #f9fd36; background: -moz-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9fd36), color-stop(3%, #f7ff1b), color-stop(6%, #f6fe13), color-stop(9%, #f8fd1c), color-stop(12%, #fafd18), color-stop(18%, #f8fd1c), color-stop(21%, #f8fe14), color-stop(24%, #f9fc19), color-stop(44%, #f9fc19), color-stop(91%, #fff61a), color-stop(94%, #fef512), color-stop(97%, #fff718), color-stop(100%, #fff531)); background: -webkit-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); background: -o-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); background: -ms-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); background: linear-gradient(to bottom, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fd36', endColorstr='#fff531', GradientType=0); } @media screen and (max-width: 375px) { .form-group .form-btn { width: 100%; text-align: center; } } /**@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700,300);**/ .sweet-overlay { background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 1000; } .sweet-alert { background-color: white; font-family: 'Open Sans', sans-serif; width: 400px; padding: 30px 20px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -220px; margin-top: -130px; overflow: hidden; display: none; z-index: 2000; } @media all and (max-width: 540px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } } .sweet-alert h2 { color: #575757; font-size: 20px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 0 0 25px 0; padding: 0; line-height: 25px; display: block; } .sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; margin: 0; padding: 0; line-height: normal; } .sweet-alert button { background: -moz-linear-gradient(center top, #fbf315 0px, #fbde01 100%) repeat scroll 0 0 transparent; border: 0 none; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color: #000; cursor: pointer; display: inline-block; font-size: 12px; font-weight: bold; margin-top: 20px; min-width: 20px; overflow: visible; padding: 12px 20px; text-decoration: none; white-space: nowrap; cursor: pointer; } .sweet-alert button:focus { outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .sweet-alert button:hover { background-color: #a1d9f2; } .sweet-alert button:active { background-color: #81ccee; } .sweet-alert button.cancel { background-color: #D0D0D0; } .sweet-alert button.cancel:hover { background-color: #c8c8c8; } .sweet-alert button.cancel:active { background-color: #b6b6b6; } .sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important; } .sweet-alert .icon { width: 80px; height: 80px; border: 4px solid gray; border-radius: 50%; margin: 0 auto 20px auto; padding: 0; position: relative; box-sizing: content-box; } .sweet-alert .icon.error { border-color: #f56954; } .sweet-alert .icon.error .x-mark { position: relative; display: block; } .sweet-alert .icon.error .line { position: absolute; height: 5px; width: 47px; background-color: #f56954; display: block; top: 37px; border-radius: 2px; } .sweet-alert .icon.error .line.left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } .sweet-alert .icon.error .line.right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } .sweet-alert .icon.warning { border-color: #F8BB86; } .sweet-alert .icon.warning .body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; } .sweet-alert .icon.warning .dot { position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86; } .sweet-alert .icon.info { border-color: #C9DAE1; } .sweet-alert .icon.info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #C9DAE1; } .sweet-alert .icon.info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #C9DAE1; } .sweet-alert .icon.success { border-color: #A5DC86; } .sweet-alert .icon.success::before, .sweet-alert .icon.success::after { content: ''; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .icon.success::before { border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .icon.success::after { border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; } .sweet-alert .icon.success .placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .icon.success .fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .icon.success .line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .icon.success .line.tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .icon.success .line.long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .icon.custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; } /* * Animations */ @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-tranform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-moz-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-tranform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-tranform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-moz-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } .showSweetAlert { -webkit-animation: showSweetAlert 0.3s; -moz-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .hideSweetAlert { -webkit-animation: hideSweetAlert 0.2s; -moz-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } @-webkit-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-moz-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-moz-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-webkit-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @-moz-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; -moz-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; -moz-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .icon.success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; -moz-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } @-moz-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; -moz-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @-moz-keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { -webkit-animation: animateXMark 0.5s; -moz-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } @-moz-keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } @keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; -moz-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } @-moz-keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } @keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; -moz-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } /*! * ml-stack-nav - v1.1.3 * Customizable, responsive, accessible, easy-to-use multi-level stack navigation menu with slide effect. * https://github.com/damianwajer/ml-stack-nav * * Author: Damian Wajer * License: MIT * * @preserve */ .ml-stack-nav-toggle { position: relative; display: inline-block; overflow: hidden; padding: 0; width: 26px; height: 22px; border: 0; margin: 18px auto 5px auto; background: none; color: #000000; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .ml-stack-nav-toggle__line { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 4px; border-radius: 9px; background: #000000; opacity: 1; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .ml-stack-nav-toggle__line:nth-child(2) { top: 9px; } .ml-stack-nav-toggle__line:nth-child(3) { top: 18px; } .ml-stack-nav-toggle.is-active .ml-stack-nav-toggle__line:nth-child(1) { top: 9px; left: 50%; width: 0; } .ml-stack-nav-toggle.is-active .ml-stack-nav-toggle__line:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .ml-stack-nav-toggle.is-active .ml-stack-nav-toggle__line:nth-child(3) { top: 9px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ml-stack-nav { position: absolute; right: 0; left: 0; z-index: -1; overflow: hidden; box-sizing: border-box; height: 100%; } .ml-stack-nav *, .ml-stack-nav *:after, .ml-stack-nav *:before { box-sizing: inherit; } .ml-stack-nav__menu { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4001; visibility: hidden; margin: 0; padding: 0; background-color: #fff; list-style-position: inside; -webkit-transition: visibility 0.3s, -webkit-transform 0.3s; transition: visibility 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, visibility 0.3s; transition: transform 0.3s, visibility 0.3s, -webkit-transform 0.3s; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .ml-stack-nav > .ml-stack-nav__menu { left: 0; } .ml-stack-nav--slide-left .ml-stack-nav__menu { right: 20px; left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .ml-stack-nav--slide-left > .ml-stack-nav__menu { right: 0; } .no-js .ml-stack-nav:target { position: static; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .no-js .ml-stack-nav:target .ml-stack-nav__menu { position: static; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .no-js .ml-stack-nav .ml-stack-nav__next, .no-js .ml-stack-nav .ml-stack-nav__back { display: none; } .is-open > .ml-stack-nav__menu { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .is-active > .ml-stack-nav__menu { overflow-x: hidden; overflow-y: auto; } body { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.4; } .kalkulator-wrapper { max-width: 840px; margin: 0 auto; display: block; } .btnYellow, #btnKomentariPitanjaGumb, #btnIzracunMirovine, #btnSaljiMail, #btnIzracunMirovine2, #btnRecalculate { background-color: #f9fd36; color: #000; cursor: pointer; display: block; float: left; font-weight: 700; padding: 12px 20px; border: none; font-family: 'Amalia', Helvetica, Arial, sans-serif; margin: 30px 10px 30px 0; font-size: 16px; } #btnResetGumb { background-color: #929292; border:none; color: #ffffff; cursor: pointer; display: block; float: left; padding: 12px 20px; font-family: 'Amalia', Helvetica, Arial, sans-serif; margin: 30px 0 0 0; font-size: 16px; } #tablicezamail .form-group input { width: 100%; margin: 0; } #tablicezamail .form-group { background: #ffffff; padding: 0; } .rezultatmirovinanapomena, .napomena { margin: 20px 0 30px; font-size: 14px; } .izracun { display: inline-block; width: 500px; } .buttons-wrapper { display: inline-block; width: 100%; } .form-group { margin: 10px 0; background: #e6e8ea; padding: 20px; display: inline-block; width: 100%; position: relative; } .form-group input { width: auto; } .izracun_label { display: inline-block; width: 100%; margin: 0 0 10px 0; font-weight: 700; font-size: 14px; } .izracun .hiddenUntilClick table { font-size: 14px; } .izracun .hiddenUntilClick table tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); } .izracun .hiddenUntilClick table th, .izracun .hiddenUntilClick table td, .izracun .hiddenUntilClick th, .izracun .hiddenUntilClick td { padding: 10px; vertical-align: middle; border-top: 1px solid #dee2e6; } .izracun .hiddenUntilClick table thead tr { background: #f7fd00; font-weight: 700; } .izracun .hiddenUntilClick table td:nth-child(2), .izracun .hiddenUntilClick table td:last-child { text-align: center; } /* .ui-state-default, */ /* .ui-widget-content .ui-state-default, */ /* .ui-widget-header .ui-state-default { */ /* border: 1px solid #a7a7a7!important; */ /* background: #f9fd36!important; */ /* border-radius: 0; */ /* box-shadow: 0 1px 3px rgba(0,0,0,.3); */ /* } */ .form-group .bank, .form-group .bank2 { display: block; float: left; height: 40px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 14px; } .gumb { position:relative; top:-20px; } a { color: #111; text-decoration: underline; } a:active, a:hover { outline: 0; } .tipsy { padding: 5px; font-size: 11px; opacity: 1; color: #000000; } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: #f9fd36; color: #000; max-width: 300px; text-align: left; } .tipsy-north { background-position: top center; } .tipsy-south { background-position: bottom center; } .tipsy-east { background-position: right center; } .tipsy-west { background-position: left center; } .inner_wrapper { padding: 10px 0; } h2, h3 { margin: 0 0 15px 0; font-weight: 700; } h2 { font-size: 28px; } h3 { font-size: 21px; } .twipsy { text-decoration: none; display: inline-block; width: 18px; height: 18px; margin-left: 6px; background: url(https://www.rmf.hr/assets/images/info-ico.svg) no-repeat 50% 50%; background-size: 18px auto; } .izracun .izracun_slide { width: 190px; text-align: center; display: block; float: right; margin: 30px 0 0 0; } .izracun .izracun_slide > .ui-slider { width: 180px; margin: 0 auto; border-radius: 0; } .izracun .slider_red .ui-widget-content { border: 1px solid #f17f7f; background: #fdeded; } .izracun .slider_red .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #f5a7a7; background: #fbdbdb; } .izracun .slider_blue .ui-widget-content { border: 1px solid #77a3dd; background: #ecf2fa; } .izracun .slider_blue .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #a1c0e8; background: #d9e5f5; } .izracun .slider_green .ui-widget-content { border: 1px solid #91c3a1; background: #f0f7f2; } .izracun .slider_green .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #b3d6be; background: #e0eee5; } .graf_legend img { margin: 0 6px 0 30px; } .graf_legend img:first-child { margin-left: 0; } .spanovi{display:none;} div.Print a { display: inline-block; margin-left: 5px; padding-top: 5px; text-decoration: none; } #formKomentariPitanja .input, #PostaniteClanForm .input { border: 0; border: 1px solid #ccc; padding: 5px 20px; margin:5px 0; } #formKomentariPitanja .input, #PostaniteClanForm .input { width: 260px; height: 40px; padding: 10px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } #formKomentariPitanja .textarea { width: 540px; min-height: 200px; margin:5px 0; } .msgOk { background-color:#fbde01; padding:5px 0; margin:5px 0; text-align:center; } .msgErr { background-color:#f00; padding:5px 0; margin:5px 0; text-align:center; color:#fff; } .Required { border:solid 1px #f00!important; } .rezultatmirovina { display: inline-block; width: 100%; } .print { margin: 0 0 30px 0; display: inline-block; width: 100%; } .printajStranicu, .kontaktiraj-me { position: relative; padding: 5px 0 0 30px; margin: 0 20px 0 5px; display: inline-block; text-decoration: none; font-size: 15px; } .printajStranicu:before { content: ''; position: absolute; left: 0; top: 7px; width: 18px; height: 17px; display: block; background: url(https://www.rmf.hr/assets/images/print-ico.svg) 50% 50% no-repeat; background-size: 18px auto; } .kontaktiraj-me:before { content: ''; position: absolute; left: 0; top: 9px; width: 18px; height: 12px; display: block; background: url(https://www.rmf.hr/assets/images/email-ico.svg) 50% 50% no-repeat; background-size: 18px auto; } #formKomentariPitanja .form-group { background: #ffffff; padding: 0; } .only-input input { width: 100%; } .prihvacam-label { cursor: pointer; } #btnIzracunaj, #btnRecalculate{ height: 47px; line-height: 47px; border: 0; font-size: 1em; padding: 0 1em; background: #f7f7f7; text-align: center; box-sizing: border-box; cursor: pointer; background: yellow; font-weight: 700; font-size: 18px; } /* treci kalkulator */ .kalkulator { font-size: 16px; } .kalkulator input { width: auto; margin: 10px 0 0 0; border: 1px solid #d9d9d9; padding: 5px 10px; font-weight: 700; } .kalkulator-row { display: inline-block; width: 100%; margin: 15px 0; } .kalkulator-row .percent { display: inline-block; position: relative; background: #fff500; text-align: center; border-radius: 50%; width: 60px; height: 60px; line-height: 58px; } .kalkulator-row table td { padding: 10px; /* border: 1px solid #ccc; */ } .kalkulator-row tr:nth-child(odd) { background: #e9edf0; } .kalkulator-row td:nth-child(even) { text-align: right; } #kalkutlatorSamostalniHolder { font-size: 13px; } @media screen and (max-width: 600px) { .izracun { display: inline-block; width: 100%; } .form-group { width: 90%; } } @media screen and (max-width: 479px) { .bank, .bank2, .izracun .izracun_slide, .izracun .izracun_slide > .ui-slider { width: 100%; } .form-group .bank, .form-group .bank2 { width: 95%; } } @media screen and (max-width: 375px) { .izracun { width: 95%; } .btnYellow, #btnResetGumb, #btnKomentariPitanjaGumb, #btnIzracunMirovine, #btnSaljiMail, #btnIzracunMirovine2 { width: 100%; } #btnKomentariPitanjaGumb, #btnIzracunMirovine, #btnSaljiMail, #btnIzracunMirovine2 { margin: 30px 0 20px 0; } #btnResetGumb { margin: 0 0 30px 0; } .form-group .bank, .form-group .bank2 { width: 93%; } } /* ---- RBR Typography --------*/ /* ############# RBR Typography ############ */ @font-face { font-family: 'Amalia', Helvetica, Arial, sans-serif; src: url("assets/typo/raiffeisen_ro-bold-webfont.eot"); src: url("assets/typo/raiffeisen_ro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("assets/typo/raiffeisen_ro-bold-webfont.woff") format("woff"), url("assets/typo/raiffeisen_ro-bold-webfont.ttf") format("truetype"), url("..assets/typo/raiffeisen_ro-bold-webfont.svg#raiffeisen_ro-bold") format("svg"); font-weight: 700; font-style: normal; unicode-range: U+0020-1F16B; } @font-face { font-family: 'Amalia', Helvetica, Arial, sans-serif; src: url("assets/typo/raiffeisen_ro-regular-webfont.eot"); src: url("assets/typo/raiffeisen_ro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("assets/typo/raiffeisen_ro-regular-webfont.woff") format("woff"), url("assets/typo/raiffeisen_ro-regular-webfont.ttf") format("truetype"), url("assets/typo/raiffeisen_ro-regular-webfont.svg#raiffeisen_ro_regular") format("svg"); font-weight: 400; font-style: normal; unicode-range: U+0020-1F16B; } @font-face { font-family: 'Futura'; src: url("assets/typo/FuturaStd-Light.otf"); src: url("assets/typo/FuturaStd-Light.woff") format("woff"); font-weight: 300; font-style: normal; unicode-range: U+0020-1F16B; } @font-face { font-family: 'Shadows Into Light Two'; src: url('assets/typo//ShadowsIntoLightTwo-Regular.eot'); src: url('assets/typo/ShadowsIntoLightTwo-Regular.eot?#iefix') format('embedded-opentype'), url('assets/typo/ShadowsIntoLightTwo-Regular.woff2') format('woff2'), url('assets/typo/ShadowsIntoLightTwo-Regular.woff') format('woff'), url('assets/typo/ShadowsIntoLightTwo-Regular.ttf') format('truetype'), url('assets/typo/ShadowsIntoLightTwo-Regular.svg#ShadowsIntoLightTwo-Regular') format('svg'); font-weight: 400; font-style: italic; font-stretch: normal; unicode-range: U+0020-1F16B; } .short-text, .short-text p{ font-family: 'Amalia', Helvetica, Arial, sans-serif; font-size:15px; padding-bottom:10px; } /* ---- Settings --------*/ /* Functions */ /* Mixins */ /* -- Grid System ---------------------- */ /* -- Sample queries ----------------- */ /* ############# Grid System ############# */ /**@import url(http://fonts.googleapis.com/css?family=Nunito:300);**/ /* line 3, ../../scss/basics/_gridSystem.scss */ .gridSystem { /* ############# Grid system size 1 ( base behavior ) ############# */ /* ------------- grid level 1 */ /* ############# Grid system size 2 (behavior above 480px and beneath 768px) ############# */ /* ############# Gridsystem size3(behavior beneath 480px) ############# */ } .gridSystem:after { content: ""; display: table; clear: both; } /* line 11, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid { float: left; } /* line 15, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.floatr { float: right; } /* line 21, ../../scss/basics/_gridSystem.scss */ .gridSystem .gridModule { float: left; } /* line 25, ../../scss/basics/_gridSystem.scss */ .gridSystem .gridModule.floatr { float: right; } /* line 41, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x1 { width: 8.33333%; display: block; /* ------------- module at grid level 1 */ } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x1 .gridModule.x0 { display: none; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x1 .gridModule.x1 { width: 75%; margin-right: 12.5%; padding-right: 0%; margin-left: 12.5%; padding-left: 0%; display: block; } /* line 41, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x2 { width: 16.66667%; display: block; /* ------------- module at grid level 1 */ } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x2 .gridModule.x0 { display: none; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x2 .gridModule.x1 { width: 37.5%; margin-right: 6.25%; padding-right: 0%; margin-left: 6.25%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x2 .gridModule.x2 { width: 87.5%; margin-right: 6.25%; padding-right: 0%; margin-left: 6.25%; padding-left: 0%; display: block; } /* line 41, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x3 { width: 25%; display: block; /* ------------- module at grid level 1 */ } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x3 .gridModule.x0 { display: none; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x3 .gridModule.x1 { width: 25%; margin-right: 4.16667%; padding-right: 0%; margin-left: 4.16667%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x3 .gridModule.x2 { width: 58.33333%; margin-right: 4.16667%; padding-right: 0%; margin-left: 4.16667%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x3 .gridModule.x3 { width: 91.66667%; margin-right: 4.16667%; padding-right: 0%; margin-left: 4.16667%; padding-left: 0%; display: block; } /* line 41, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x4 { width: 33.33333%; display: block; /* ------------- module at grid level 1 */ } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x4 .gridModule.x0 { display: none; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x4 .gridModule.x1 { width: 18.75%; margin-right: 3.125%; padding-right: 0%; margin-left: 3.125%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x4 .gridModule.x2 { width: 43.75%; margin-right: 3.125%; padding-right: 0%; margin-left: 3.125%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x4 .gridModule.x3 { width: 68.75%; margin-right: 3.125%; padding-right: 0%; margin-left: 3.125%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x4 .gridModule.x4 { width: 93.75%; margin-right: 3.125%; padding-right: 0%; margin-left: 3.125%; padding-left: 0%; display: block; } /* line 41, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x5 { width: 41.66667%; display: block; /* ------------- module at grid level 1 */ } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x5 .gridModule.x0 { display: none; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x5 .gridModule.x1 { width: 15%; margin-right: 2.5%; padding-right: 0%; margin-left: 2.5%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x5 .gridModule.x2 { width: 35%; margin-right: 2.5%; padding-right: 0%; margin-left: 2.5%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x5 .gridModule.x3 { width: 55%; margin-right: 2.5%; padding-right: 0%; margin-left: 2.5%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x5 .gridModule.x4 { width: 75%; margin-right: 2.5%; padding-right: 0%; margin-left: 2.5%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x5 .gridModule.x5 { width: 95%; margin-right: 2.5%; padding-right: 0%; margin-left: 2.5%; padding-left: 0%; display: block; } /* line 41, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x6 { width: 50%; display: block; /* ------------- module at grid level 1 */ } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x6 .gridModule.x0 { display: none; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x6 .gridModule.x1 { width: 12.5%; margin-right: 2.08333%; padding-right: 0%; margin-left: 2.08333%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x6 .gridModule.x2 { width: 29.16667%; margin-right: 2.08333%; padding-right: 0%; margin-left: 2.08333%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x6 .gridModule.x3 { width: 45.83333%; margin-right: 2.08333%; padding-right: 0%; margin-left: 2.08333%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x6 .gridModule.x4 { width: 62.5%; margin-right: 2.08333%; padding-right: 0%; margin-left: 2.08333%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x6 .gridModule.x5 { width: 79.16667%; margin-right: 2.08333%; padding-right: 0%; margin-left: 2.08333%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x6 .gridModule.x6 { width: 95.83333%; margin-right: 2.08333%; padding-right: 0%; margin-left: 2.08333%; padding-left: 0%; display: block; } /* line 41, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x7 { width: 58.33333%; display: block; /* ------------- module at grid level 1 */ } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x7 .gridModule.x0 { display: none; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x7 .gridModule.x1 { width: 10.71429%; margin-right: 1.78571%; padding-right: 0%; margin-left: 1.78571%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x7 .gridModule.x2 { width: 25%; margin-right: 1.78571%; padding-right: 0%; margin-left: 1.78571%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x7 .gridModule.x3 { width: 39.28571%; margin-right: 1.78571%; padding-right: 0%; margin-left: 1.78571%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x7 .gridModule.x4 { width: 53.57143%; margin-right: 1.78571%; padding-right: 0%; margin-left: 1.78571%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x7 .gridModule.x5 { width: 67.85714%; margin-right: 1.78571%; padding-right: 0%; margin-left: 1.78571%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x7 .gridModule.x6 { width: 82.14286%; margin-right: 1.78571%; padding-right: 0%; margin-left: 1.78571%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x7 .gridModule.x7 { width: 96.42857%; margin-right: 1.78571%; padding-right: 0%; margin-left: 1.78571%; padding-left: 0%; display: block; } /* line 41, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x8 { width: 66.66667%; display: block; /* ------------- module at grid level 1 */ } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x8 .gridModule.x0 { display: none; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x8 .gridModule.x1 { width: 9.375%; margin-right: 1.5625%; padding-right: 0%; margin-left: 1.5625%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x8 .gridModule.x2 { width: 21.875%; margin-right: 1.5625%; padding-right: 0%; margin-left: 1.5625%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x8 .gridModule.x3 { width: 34.375%; margin-right: 1.5625%; padding-right: 0%; margin-left: 1.5625%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x8 .gridModule.x4 { width: 46.875%; margin-right: 1.5625%; padding-right: 0%; margin-left: 1.5625%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x8 .gridModule.x5 { width: 59.375%; margin-right: 1.5625%; padding-right: 0%; margin-left: 1.5625%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x8 .gridModule.x6 { width: 71.875%; margin-right: 1.5625%; padding-right: 0%; margin-left: 1.5625%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x8 .gridModule.x7 { width: 84.375%; margin-right: 1.5625%; padding-right: 0%; margin-left: 1.5625%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x8 .gridModule.x8 { width: 96.875%; margin-right: 1.5625%; padding-right: 0%; margin-left: 1.5625%; padding-left: 0%; display: block; } /* line 41, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x9 { width: 75%; display: block; /* ------------- module at grid level 1 */ } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x9 .gridModule.x0 { display: none; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x9 .gridModule.x1 { width: 8.33333%; margin-right: 1.38889%; padding-right: 0%; margin-left: 1.38889%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x9 .gridModule.x2 { width: 19.44444%; margin-right: 1.38889%; padding-right: 0%; margin-left: 1.38889%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x9 .gridModule.x3 { width: 30.55556%; margin-right: 1.38889%; padding-right: 0%; margin-left: 1.38889%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x9 .gridModule.x4 { width: 41.66667%; margin-right: 1.38889%; padding-right: 0%; margin-left: 1.38889%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x9 .gridModule.x5 { width: 52.77778%; margin-right: 1.38889%; padding-right: 0%; margin-left: 1.38889%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x9 .gridModule.x6 { width: 63.88889%; margin-right: 1.38889%; padding-right: 0%; margin-left: 1.38889%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x9 .gridModule.x7 { width: 75%; margin-right: 1.38889%; padding-right: 0%; margin-left: 1.38889%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x9 .gridModule.x8 { width: 86.11111%; margin-right: 1.38889%; padding-right: 0%; margin-left: 1.38889%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x9 .gridModule.x9 { width: 97.22222%; margin-right: 1.38889%; padding-right: 0%; margin-left: 1.38889%; padding-left: 0%; display: block; } /* line 41, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x10 { width: 83.33333%; display: block; /* ------------- module at grid level 1 */ } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x10 .gridModule.x0 { display: none; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x10 .gridModule.x1 { width: 7.5%; margin-right: 1.25%; padding-right: 0%; margin-left: 1.25%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x10 .gridModule.x2 { width: 17.5%; margin-right: 1.25%; padding-right: 0%; margin-left: 1.25%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x10 .gridModule.x3 { width: 27.5%; margin-right: 1.25%; padding-right: 0%; margin-left: 1.25%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x10 .gridModule.x4 { width: 37.5%; margin-right: 1.25%; padding-right: 0%; margin-left: 1.25%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x10 .gridModule.x5 { width: 47.5%; margin-right: 1.25%; padding-right: 0%; margin-left: 1.25%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x10 .gridModule.x6 { width: 57.5%; margin-right: 1.25%; padding-right: 0%; margin-left: 1.25%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x10 .gridModule.x7 { width: 67.5%; margin-right: 1.25%; padding-right: 0%; margin-left: 1.25%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x10 .gridModule.x8 { width: 77.5%; margin-right: 1.25%; padding-right: 0%; margin-left: 1.25%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x10 .gridModule.x9 { width: 87.5%; margin-right: 1.25%; padding-right: 0%; margin-left: 1.25%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x10 .gridModule.x10 { width: 97.5%; margin-right: 1.25%; padding-right: 0%; margin-left: 1.25%; padding-left: 0%; display: block; } /* line 41, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x11 { width: 91.66667%; display: block; /* ------------- module at grid level 1 */ } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x11 .gridModule.x0 { display: none; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x11 .gridModule.x1 { width: 6.81818%; margin-right: 1.13636%; padding-right: 0%; margin-left: 1.13636%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x11 .gridModule.x2 { width: 15.90909%; margin-right: 1.13636%; padding-right: 0%; margin-left: 1.13636%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x11 .gridModule.x3 { width: 25%; margin-right: 1.13636%; padding-right: 0%; margin-left: 1.13636%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x11 .gridModule.x4 { width: 34.09091%; margin-right: 1.13636%; padding-right: 0%; margin-left: 1.13636%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x11 .gridModule.x5 { width: 43.18182%; margin-right: 1.13636%; padding-right: 0%; margin-left: 1.13636%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x11 .gridModule.x6 { width: 52.27273%; margin-right: 1.13636%; padding-right: 0%; margin-left: 1.13636%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x11 .gridModule.x7 { width: 61.36364%; margin-right: 1.13636%; padding-right: 0%; margin-left: 1.13636%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x11 .gridModule.x8 { width: 70.45455%; margin-right: 1.13636%; padding-right: 0%; margin-left: 1.13636%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x11 .gridModule.x9 { width: 79.54545%; margin-right: 1.13636%; padding-right: 0%; margin-left: 1.13636%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x11 .gridModule.x10 { width: 88.63636%; margin-right: 1.13636%; padding-right: 0%; margin-left: 1.13636%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x11 .gridModule.x11 { width: 97.72727%; margin-right: 1.13636%; padding-right: 0%; margin-left: 1.13636%; padding-left: 0%; display: block; } /* line 41, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x12 { width: 100%; display: block; /* ------------- module at grid level 1 */ } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x12 .gridModule.x0 { display: none; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x12 .gridModule.x1 { width: 6.25%; margin-right: 1.04167%; padding-right: 0%; margin-left: 1.04167%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x12 .gridModule.x2 { width: 14.58333%; margin-right: 1.04167%; padding-right: 0%; margin-left: 1.04167%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x12 .gridModule.x3 { width: 22.91667%; margin-right: 1.04167%; padding-right: 0%; margin-left: 1.04167%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x12 .gridModule.x4 { width: 31.25%; margin-right: 1.04167%; padding-right: 0%; margin-left: 1.04167%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x12 .gridModule.x5 { width: 39.58333%; margin-right: 1.04167%; padding-right: 0%; margin-left: 1.04167%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x12 .gridModule.x6 { width: 47.91667%; margin-right: 1.04167%; padding-right: 0%; margin-left: 1.04167%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x12 .gridModule.x7 { width: 56.25%; margin-right: 1.04167%; padding-right: 0%; margin-left: 1.04167%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x12 .gridModule.x8 { width: 64.58333%; margin-right: 1.04167%; padding-right: 0%; margin-left: 1.04167%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x12 .gridModule.x9 { width: 72.91667%; margin-right: 1.04167%; padding-right: 0%; margin-left: 1.04167%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x12 .gridModule.x10 { width: 81.25%; margin-right: 1.04167%; padding-right: 0%; margin-left: 1.04167%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x12 .gridModule.x11 { width: 89.58333%; margin-right: 1.04167%; padding-right: 0%; margin-left: 1.04167%; padding-left: 0%; display: block; } /* line 63, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.x12 .gridModule.x12 { width: 97.91667%; margin-right: 1.04167%; padding-right: 0%; margin-left: 1.04167%; padding-left: 10px; display: block; } /*///////////////////////////////////////////////////////////*/ /*nova cookie traka*/ /*///////////////////////////////////////////////////////////*/ .cd-module-settings { display: block; background-color: #fff; max-width: 950px; position: fixed; top: 0; left: 0; right: 0; bottom: 0; max-height: 100vh; overflow-y: auto; z-index: 99999 } .cd-module-settings__inner { padding: 40px 25px } .cd-module-settings__logo { display: block; max-height: 50px; margin-bottom: 40px } .cd-module-settings__heading { margin-bottom: 20px; font-size: 28px; } .cd-module-settings__text { font-size: 14px; padding-bottom: 20px } .cd-module-settings__button,.cd-module-main__button { width: 100%; border: 0; cursor: pointer; padding: 15px; background: linear-gradient(to bottom,#f9fd36 0,#f7ff1b 3%,#f6fe13 6%,#f8fd1c 9%,#fafd18 12%,#f8fd1c 18%,#f8fe14 21%,#f9fc19 24%,#f9fc19 44%,#fff61a 91%,#fef512 94%,#fff718 97%,#fff531 100%); box-shadow: inset 0 0 2px #e9e000; font-size: 18px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .cd-module-settings__desc { font-size: 13px; margin-bottom: 0 } .cd-module-settings__c-desc { font-size: 12px; margin-bottom: 15px } .cd-module-settings__c-desc p { margin-bottom: 8px } .cd-module-settings__container label { font-size: 20px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; margin-bottom: 10px; display: inline-flex; align-items: center } .cd-module-settings__header { margin-bottom: 10px } .cd-module-settings__header h2 { margin-bottom: 10px } .cd-module-settings__label { cursor: pointer } .cd-module-settings__hCheck { display: none } .cd-module-settings__check { content: ""; display: inline-block; width: 20px; height: 20px; border: 1px solid #676767; margin-right: 10px; position: relative } .cd-module-settings__check::before { display: block; content: ""; border: 1px solid #000; border-top: 0; border-right: 0; width: 14px; height: 5px; position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg); display: none } .cd-module-settings__hCheck:checked+.cd-module-settings__check::before { display: block } .cd-module-settings__necessary { opacity: .6; cursor: default } .cd-module-settings__buttons { display: flex; flex-direction: column; margin-top: 20px } .cd-module-settings__button.accept-all { margin-bottom: 10px } .cd-module-main { position: fixed; bottom: 0; width: 100%; background-color: #fff; z-index: 999999; box-shadow: 1px 1px 5px #ddd } .cd-module-main__container { padding: 15px 10px } .cd-module-main__heading { font-size: 18px } .cd-module-main__buttons { margin-top: 10px; padding: 0 5px; text-align: center } .cd-module-main__buttons .cd-module__button { width: 100%; max-width: none } .cd-module-main__link { display: inline-block; margin-top: 10px; font-size: 15px } .cd-module-settings__button.accept-all { order: 1 } .cd-module-settings__button.accept-all ~ .cd-module-settings__button { background: #fff; box-shadow: none } .cd-overlay { display: block; height: 100%; width: 100%; background-color: rgba(0,0,0,0.3); position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 99999; } .customButton{ min-width:220px; display:inline-block; padding:20px 30px; background-color:#fff200; color:#000; font-weight:bold; } .arhiva{ float:right !important; } .kalk-landing, .kontakt-zona, .kalkulatori-mirovine { font-family: Amalia, Helvetica, Arial, sans-serif !important; } .kalk-landing h2, .kontakt-zona h2, .input-holder h2{ margin:30px 0px 20px 0px; } .kalk-landing .info-list-home { margin-bottom:15px; position:relative; } .kalk-landing .info-list-home li{ line-height:22px; font-size:16px; padding: 7px 0px 0px 45px; position:relative; } .kalk-landing .info-list-home li::before{ content:" "; width:25px; height:25px; background-color:#fff200; position:absolute; left:0; border-radius:50px; top:3px !important; } ul li::before { background: linear-gradient(to bottom,#f9fd36 0%,#f7ff1b 3%,#f6fe13 6%,#f8fd1c 9%,#fafd18 12%,#f8fd1c 18%,#f8fe14 21%,#f9fc19 24%,#f9fc19 44%,#fff61a 91%,#fef512 94%,#fff718 97%,#fff531 100%)!important; border-radius: 50%; width: 20px; height: 20px; top: 9px !important; } .nh-items { display: block; text-align: center; text-decoration: none; line-height: 1.4; margin: 0; padding: 15px; list-style-type: none; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-size: 16px; clear: both; background: #fff500; /* Old browsers */ background: -moz-linear-gradient(top, #fff500 0%, #f5ff00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff500), color-stop(100%, #f5ff00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff500 0%, #f5ff00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff500 0%, #f5ff00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff500 0%, #f5ff00 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff500 0%, #f5ff00 100%); } .nh-items > li { display: block; text-decoration: none; } .nh-items > li + li { margin-top: 5px; } @media (min-width: 580px) { .cd-module-main__container { max-width: 1200px; margin: 0 auto; } .cd-module-main__flex { display: flex; align-items: flex-start; } .cd-module-main__content { flex-basis: 200px; flex-grow: 1; } .cd-module-main__buttons { margin-top: 0; padding: 0 5px; } .cd-module-settings__button, .cd-module-main__button { max-width: 250px; } .cd-module-settings__buttons { flex-direction: row; justify-content: flex-end; } } @media (min-width: 950px) { .cd-module-settings { top: 50%; left: 50%; bottom: auto; right: auto; transform: translate(-50%,-50%); width: 100%; } } /*///////////////////////////////////////////////////////////*/ /*END-OF nova cookie traka*/ /*///////////////////////////////////////////////////////////*/ @media screen and (min-width: 481px) and (max-width: 959px), screen and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) and (max-device-width: 1279px) { /* line 3, ../../scss/basics/_gridSystem.scss */ .gridSystem { /* ------------- grid level 1 */ } /* line 97, ../../scss/basics/_gridSystem.scss */ .gridSystem .grid.y0 { display: none; /* ------------- module at grid level 1 */ } .gridSystem .grid.y0 .gridModule.y0 { display: none; } .gridSystem .grid.y1 { width: 8.33333%; display: block; } .gridSystem .grid.y1 .gridModule.y0 { display: none; } .gridSystem .grid.y1 .gridModule.y1 { width: 74.97393%; margin-right: 12.51303%; padding-right: 0%; margin-left: 12.51303%; padding-left: 0%; display: block; } .gridSystem .grid.y2 { width: 16.66667%; display: block; } .gridSystem .grid.y2 .gridModule.y0 { display: none; } .gridSystem .grid.y2 .gridModule.y1 { width: 37.48697%; margin-right: 6.25652%; padding-right: 0%; margin-left: 6.25652%; padding-left: 0%; display: block; } .gridSystem .grid.y2 .gridModule.y2 { width: 87.48697%; margin-right: 6.25652%; padding-right: 0%; margin-left: 6.25652%; padding-left: 0%; display: block; } .gridSystem .grid.y3 { width: 25%; display: block; } .gridSystem .grid.y3 .gridModule.y0 { display: none; } .gridSystem .grid.y3 .gridModule.y1 { width: 24.99131%; margin-right: 4.17101%; padding-right: 0%; margin-left: 4.17101%; padding-left: 0%; display: block; } .gridSystem .grid.y3 .gridModule.y2 { width: 58.32464%; margin-right: 4.17101%; padding-right: 0%; margin-left: 4.17101%; padding-left: 0%; display: block; } .gridSystem .grid.y3 .gridModule.y3 { width: 91.65798%; margin-right: 4.17101%; padding-right: 0%; margin-left: 4.17101%; padding-left: 0%; display: block; } .gridSystem .grid.y4 { width: 33.33333%; display: block; } .gridSystem .grid.y4 .gridModule.y0 { display: none; } .gridSystem .grid.y4 .gridModule.y1 { width: 18.74348%; margin-right: 3.12826%; padding-right: 0%; margin-left: 3.12826%; padding-left: 0%; display: block; } .gridSystem .grid.y4 .gridModule.y2 { width: 43.74348%; margin-right: 3.12826%; padding-right: 0%; margin-left: 3.12826%; padding-left: 0%; display: block; } .gridSystem .grid.y4 .gridModule.y3 { width: 68.74348%; margin-right: 3.12826%; padding-right: 0%; margin-left: 3.12826%; padding-left: 0%; display: block; } .gridSystem .grid.y4 .gridModule.y4 { width: 93.74348%; margin-right: 3.12826%; padding-right: 0%; margin-left: 3.12826%; padding-left: 0%; display: block; } .gridSystem .grid.y5 { width: 41.66667%; display: block; } .gridSystem .grid.y5 .gridModule.y0 { display: none; } .gridSystem .grid.y5 .gridModule.y1 { width: 14.99479%; margin-right: 2.50261%; padding-right: 0%; margin-left: 2.50261%; padding-left: 0%; display: block; } .gridSystem .grid.y5 .gridModule.y2 { width: 34.99479%; margin-right: 2.50261%; padding-right: 0%; margin-left: 2.50261%; padding-left: 0%; display: block; } .gridSystem .grid.y5 .gridModule.y3 { width: 54.99479%; margin-right: 2.50261%; padding-right: 0%; margin-left: 2.50261%; padding-left: 0%; display: block; } .gridSystem .grid.y5 .gridModule.y4 { width: 74.99479%; margin-right: 2.50261%; padding-right: 0%; margin-left: 2.50261%; padding-left: 0%; display: block; } .gridSystem .grid.y5 .gridModule.y5 { width: 94.99479%; margin-right: 2.50261%; padding-right: 0%; margin-left: 2.50261%; padding-left: 0%; display: block; } .gridSystem .grid.y6 { width: 50%; display: block; } .gridSystem .grid.y6 .gridModule.y0 { display: none; } .gridSystem .grid.y6 .gridModule.y1 { width: 12.49566%; margin-right: 2.08551%; padding-right: 0%; margin-left: 2.08551%; padding-left: 0%; display: block; } .gridSystem .grid.y6 .gridModule.y2 { width: 29.16232%; margin-right: 2.08551%; padding-right: 0%; margin-left: 2.08551%; padding-left: 0%; display: block; } .gridSystem .grid.y6 .gridModule.y3 { width: 45.82899%; margin-right: 2.08551%; padding-right: 0%; margin-left: 2.08551%; padding-left: 0%; display: block; } .gridSystem .grid.y6 .gridModule.y4 { width: 62.49566%; margin-right: 2.08551%; padding-right: 0%; margin-left: 2.08551%; padding-left: 0%; display: block; } .gridSystem .grid.y6 .gridModule.y5 { width: 79.16232%; margin-right: 2.08551%; padding-right: 0%; margin-left: 2.08551%; padding-left: 0%; display: block; } .gridSystem .grid.y6 .gridModule.y6 { width: 95.82899%; margin-right: 2.08551%; padding-right: 0%; margin-left: 2.08551%; padding-left: 0%; display: block; } .gridSystem .grid.y7 { width: 58.33333%; display: block; } .gridSystem .grid.y7 .gridModule.y0 { display: none; } .gridSystem .grid.y7 .gridModule.y1 { width: 10.71056%; margin-right: 1.78758%; padding-right: 0%; margin-left: 1.78758%; padding-left: 0%; display: block; } .gridSystem .grid.y7 .gridModule.y2 { width: 24.99628%; margin-right: 1.78758%; padding-right: 0%; margin-left: 1.78758%; padding-left: 0%; display: block; } .gridSystem .grid.y7 .gridModule.y3 { width: 39.28199%; margin-right: 1.78758%; padding-right: 0%; margin-left: 1.78758%; padding-left: 0%; display: block; } .gridSystem .grid.y7 .gridModule.y4 { width: 53.5677%; margin-right: 1.78758%; padding-right: 0%; margin-left: 1.78758%; padding-left: 0%; display: block; } .gridSystem .grid.y7 .gridModule.y5 { width: 67.85342%; margin-right: 1.78758%; padding-right: 0%; margin-left: 1.78758%; padding-left: 0%; display: block; } .gridSystem .grid.y7 .gridModule.y6 { width: 82.13913%; margin-right: 1.78758%; padding-right: 0%; margin-left: 1.78758%; padding-left: 0%; display: block; } .gridSystem .grid.y7 .gridModule.y7 { width: 96.42485%; margin-right: 1.78758%; padding-right: 0%; margin-left: 1.78758%; padding-left: 0%; display: block; } .gridSystem .grid.y8 { width: 66.66667%; display: block; } .gridSystem .grid.y8 .gridModule.y0 { display: none; } .gridSystem .grid.y8 .gridModule.y1 { width: 9.37174%; margin-right: 1.56413%; padding-right: 0%; margin-left: 1.56413%; padding-left: 0%; display: block; } .gridSystem .grid.y8 .gridModule.y2 { width: 21.87174%; margin-right: 1.56413%; padding-right: 0%; margin-left: 1.56413%; padding-left: 0%; display: block; } .gridSystem .grid.y8 .gridModule.y3 { width: 34.37174%; margin-right: 1.56413%; padding-right: 0%; margin-left: 1.56413%; padding-left: 0%; display: block; } .gridSystem .grid.y8 .gridModule.y4 { width: 46.87174%; margin-right: 1.56413%; padding-right: 0%; margin-left: 1.56413%; padding-left: 0%; display: block; } .gridSystem .grid.y8 .gridModule.y5 { width: 59.37174%; margin-right: 1.56413%; padding-right: 0%; margin-left: 1.56413%; padding-left: 0%; display: block; } .gridSystem .grid.y8 .gridModule.y6 { width: 71.87174%; margin-right: 1.56413%; padding-right: 0%; margin-left: 1.56413%; padding-left: 0%; display: block; } .gridSystem .grid.y8 .gridModule.y7 { width: 84.37174%; margin-right: 1.56413%; padding-right: 0%; margin-left: 1.56413%; padding-left: 0%; display: block; } .gridSystem .grid.y8 .gridModule.y8 { width: 96.87174%; margin-right: 1.56413%; padding-right: 0%; margin-left: 1.56413%; padding-left: 0%; display: block; } .gridSystem .grid.y9 { width: 75%; display: block; } .gridSystem .grid.y9 .gridModule.y0 { display: none; } .gridSystem .grid.y9 .gridModule.y1 { width: 8.33044%; margin-right: 1.39034%; padding-right: 0%; margin-left: 1.39034%; padding-left: 0%; display: block; } .gridSystem .grid.y9 .gridModule.y2 { width: 19.44155%; margin-right: 1.39034%; padding-right: 0%; margin-left: 1.39034%; padding-left: 0%; display: block; } .gridSystem .grid.y9 .gridModule.y3 { width: 30.55266%; margin-right: 1.39034%; padding-right: 0%; margin-left: 1.39034%; padding-left: 0%; display: block; } .gridSystem .grid.y9 .gridModule.y4 { width: 41.66377%; margin-right: 1.39034%; padding-right: 0%; margin-left: 1.39034%; padding-left: 0%; display: block; } .gridSystem .grid.y9 .gridModule.y5 { width: 52.77488%; margin-right: 1.39034%; padding-right: 0%; margin-left: 1.39034%; padding-left: 0%; display: block; } .gridSystem .grid.y9 .gridModule.y6 { width: 63.88599%; margin-right: 1.39034%; padding-right: 0%; margin-left: 1.39034%; padding-left: 0%; display: block; } .gridSystem .grid.y9 .gridModule.y7 { width: 74.9971%; margin-right: 1.39034%; padding-right: 0%; margin-left: 1.39034%; padding-left: 0%; display: block; } .gridSystem .grid.y9 .gridModule.y8 { width: 86.10821%; margin-right: 1.39034%; padding-right: 0%; margin-left: 1.39034%; padding-left: 0%; display: block; } .gridSystem .grid.y9 .gridModule.y9 { width: 97.21933%; margin-right: 1.39034%; padding-right: 0%; margin-left: 1.39034%; padding-left: 0%; display: block; } .gridSystem .grid.y10 { width: 83.33333%; display: block; } .gridSystem .grid.y10 .gridModule.y0 { display: none; } .gridSystem .grid.y10 .gridModule.y1 { width: 7.49739%; margin-right: 1.2513%; padding-right: 0%; margin-left: 1.2513%; padding-left: 0%; display: block; } .gridSystem .grid.y10 .gridModule.y2 { width: 17.49739%; margin-right: 1.2513%; padding-right: 0%; margin-left: 1.2513%; padding-left: 0%; display: block; } .gridSystem .grid.y10 .gridModule.y3 { width: 27.49739%; margin-right: 1.2513%; padding-right: 0%; margin-left: 1.2513%; padding-left: 0%; display: block; } .gridSystem .grid.y10 .gridModule.y4 { width: 37.49739%; margin-right: 1.2513%; padding-right: 0%; margin-left: 1.2513%; padding-left: 0%; display: block; } .gridSystem .grid.y10 .gridModule.y5 { width: 47.49739%; margin-right: 1.2513%; padding-right: 0%; margin-left: 1.2513%; padding-left: 0%; display: block; } .gridSystem .grid.y10 .gridModule.y6 { width: 57.49739%; margin-right: 1.2513%; padding-right: 0%; margin-left: 1.2513%; padding-left: 0%; display: block; } .gridSystem .grid.y10 .gridModule.y7 { width: 67.49739%; margin-right: 1.2513%; padding-right: 0%; margin-left: 1.2513%; padding-left: 0%; display: block; } .gridSystem .grid.y10 .gridModule.y8 { width: 77.49739%; margin-right: 1.2513%; padding-right: 0%; margin-left: 1.2513%; padding-left: 0%; display: block; } .gridSystem .grid.y10 .gridModule.y9 { width: 87.49739%; margin-right: 1.2513%; padding-right: 0%; margin-left: 1.2513%; padding-left: 0%; display: block; } .gridSystem .grid.y10 .gridModule.y10 { width: 97.49739%; margin-right: 1.2513%; padding-right: 0%; margin-left: 1.2513%; padding-left: 0%; display: block; } .gridSystem .grid.y11 { width: 91.66667%; display: block; } .gridSystem .grid.y11 .gridModule.y0 { display: none; } .gridSystem .grid.y11 .gridModule.y1 { width: 6.81581%; margin-right: 1.13755%; padding-right: 0%; margin-left: 1.13755%; padding-left: 0%; display: block; } .gridSystem .grid.y11 .gridModule.y2 { width: 15.90672%; margin-right: 1.13755%; padding-right: 0%; margin-left: 1.13755%; padding-left: 0%; display: block; } .gridSystem .grid.y11 .gridModule.y3 { width: 24.99763%; margin-right: 1.13755%; padding-right: 0%; margin-left: 1.13755%; padding-left: 0%; display: block; } .gridSystem .grid.y11 .gridModule.y4 { width: 34.08854%; margin-right: 1.13755%; padding-right: 0%; margin-left: 1.13755%; padding-left: 0%; display: block; } .gridSystem .grid.y11 .gridModule.y5 { width: 43.17945%; margin-right: 1.13755%; padding-right: 0%; margin-left: 1.13755%; padding-left: 0%; display: block; } .gridSystem .grid.y11 .gridModule.y6 { width: 52.27036%; margin-right: 1.13755%; padding-right: 0%; margin-left: 1.13755%; padding-left: 0%; display: block; } .gridSystem .grid.y11 .gridModule.y7 { width: 61.36127%; margin-right: 1.13755%; padding-right: 0%; margin-left: 1.13755%; padding-left: 0%; display: block; } .gridSystem .grid.y11 .gridModule.y8 { width: 70.45218%; margin-right: 1.13755%; padding-right: 0%; margin-left: 1.13755%; padding-left: 0%; display: block; } .gridSystem .grid.y11 .gridModule.y9 { width: 79.54308%; margin-right: 1.13755%; padding-right: 0%; margin-left: 1.13755%; padding-left: 0%; display: block; } .gridSystem .grid.y11 .gridModule.y10 { width: 88.63399%; margin-right: 1.13755%; padding-right: 0%; margin-left: 1.13755%; padding-left: 0%; display: block; } .gridSystem .grid.y11 .gridModule.y11 { width: 97.7249%; margin-right: 1.13755%; padding-right: 0%; margin-left: 1.13755%; padding-left: 0%; display: block; } .gridSystem .grid.y12 { width: 100%; display: block; } .gridSystem .grid.y12 .gridModule.y0 { display: none; } .gridSystem .grid.y12 .gridModule.y1 { width: 6.24783%; margin-right: 1.04275%; padding-right: 0%; margin-left: 1.04275%; padding-left: 0%; display: block; } .gridSystem .grid.y12 .gridModule.y2 { width: 14.58116%; margin-right: 1.04275%; padding-right: 0%; margin-left: 1.04275%; padding-left: 0%; display: block; } .gridSystem .grid.y12 .gridModule.y3 { width: 22.91449%; margin-right: 1.04275%; padding-right: 0%; margin-left: 1.04275%; padding-left: 0%; display: block; } .gridSystem .grid.y12 .gridModule.y4 { width: 31.24783%; margin-right: 1.04275%; padding-right: 0%; margin-left: 1.04275%; padding-left: 0%; display: block; } .gridSystem .grid.y12 .gridModule.y5 { width: 39.58116%; margin-right: 1.04275%; padding-right: 0%; margin-left: 1.04275%; padding-left: 0%; display: block; } .gridSystem .grid.y12 .gridModule.y6 { width: 47.91449%; margin-right: 1.04275%; padding-right: 0%; margin-left: 1.04275%; padding-left: 0%; display: block; } .gridSystem .grid.y12 .gridModule.y7 { width: 56.24783%; margin-right: 1.04275%; padding-right: 0%; margin-left: 1.04275%; padding-left: 0%; display: block; } .gridSystem .grid.y12 .gridModule.y8 { width: 64.58116%; margin-right: 1.04275%; padding-right: 0%; margin-left: 1.04275%; padding-left: 0%; display: block; } .gridSystem .grid.y12 .gridModule.y9 { width: 72.91449%; margin-right: 1.04275%; padding-right: 0%; margin-left: 1.04275%; padding-left: 0%; display: block; } .gridSystem .grid.y12 .gridModule.y10 { width: 81.24783%; margin-right: 1.04275%; padding-right: 0%; margin-left: 1.04275%; padding-left: 0%; display: block; } .gridSystem .grid.y12 .gridModule.y11 { width: 89.58116%; margin-right: 1.04275%; padding-right: 0%; margin-left: 1.04275%; padding-left: 0%; display: block; } .gridSystem .grid.y12 .gridModule.y12 { width: 97.91449%; margin-right: 1.04275%; padding-right: 0%; margin-left: 1.04275%; padding-left: 0%; display: block; } } @media screen and (max-width: 480px) { .gridSystem .grid.z0 { display: none; } .gridSystem .grid.z0 .gridModule.z0 { display: none; } .gridSystem .grid.z1 { width: 25%; display: block; } .gridSystem .grid.z1 .gridModule.z0 { display: none; } .gridSystem .grid.z1 .gridModule.z1 { width: 83.33333%; margin-right: 8.33333%; padding-right: 0%; margin-left: 8.33333%; padding-left: 0%; display: block; } .gridSystem .grid.z2 { width: 50%; display: block; } .gridSystem .grid.z2 .gridModule.z0 { display: none; } .gridSystem .grid.z2 .gridModule.z1 { width: 41.66667%; margin-right: 4.16667%; padding-right: 0%; margin-left: 4.16667%; padding-left: 0%; display: block; } .gridSystem .grid.z2 .gridModule.z2 { width: 91.66667%; margin-right: 4.16667%; padding-right: 0%; margin-left: 4.16667%; padding-left: 0%; display: block; } .gridSystem .grid.z3 { width: 75%; display: block; } .gridSystem .grid.z3 .gridModule.z0 { display: none; } .gridSystem .grid.z3 .gridModule.z1 { width: 27.77778%; margin-right: 2.77778%; padding-right: 0%; margin-left: 2.77778%; padding-left: 0%; display: block; } .gridSystem .grid.z3 .gridModule.z2 { width: 61.11111%; margin-right: 2.77778%; padding-right: 0%; margin-left: 2.77778%; padding-left: 0%; display: block; } .gridSystem .grid.z3 .gridModule.z3 { width: 94.44444%; margin-right: 2.77778%; padding-right: 0%; margin-left: 2.77778%; padding-left: 0%; display: block; } .gridSystem .grid.z4 { width: 100%; display: block; } .gridSystem .grid.z4 .gridModule.z0 { display: none; } .gridSystem .grid.z4 .gridModule.z1 { width: 20.83333%; margin-right: 2.08333%; padding-right: 0%; margin-left: 2.08333%; padding-left: 0%; display: block; } .gridSystem .grid.z4 .gridModule.z2 { width: 45.83333%; margin-right: 2.08333%; padding-right: 0%; margin-left: 2.08333%; padding-left: 0%; display: block; } .gridSystem .grid.z4 .gridModule.z3 { width: 70.83333%; margin-right: 2.08333%; padding-right: 0%; margin-left: 2.08333%; padding-left: 0%; display: block; } .gridSystem .grid.z4 .gridModule.z4 { width: 95.83333%; margin-right: 2.08333%; padding-right: 0%; margin-left: 2.08333%; padding-left: 0%; display: block; } } @media (min-width: 481px) and (max-width: 959px) { body:after { content: 'medium'; display: none; } } @media screen and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) and (min-device-width: 800px) and (max-device-width: 1280px) { body:after { content: 'medium'; display: none; } } 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, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: 'Amalia', Helvetica, Arial, sans-serif; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*-- Common mixins ----*/ /*-- Themes and stuff --*/ * { -webkit-tap-highlight-color: transparent; } body { color: #2E2E2E; font-size: 0.75em; line-height: 1.3334em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; overflow-x: hidden; z-index: 0; } body.locked { overflow-y: hidden; } body#content { background: #e6e8ea; } body.home a.saveTag { display: none !important; } .wrapper { max-width: 960px; min-width: 303px; overflow: hidden; margin: 0 auto; width: 100%; } #main { overflow: hidden; width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #main.openSubNav, .openSubNav #main { -webkit-transform: translate(300px, 0); -moz-transform: translate(300px, 0); -ms-transform: translate(300px, 0); -o-transform: translate(300px, 0); transform: translate(300px, 0); } .mask { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 3000; display: none; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mask.openSubNav, .openSubNav .mask { display: block; opacity: 1; } .hidden { opacity: 0; } ::selection { background: #e6e8ea; } ::-moz-selection { background: #e6e8ea; } :focus { outline-color: transparent; outline-style: none; } ::-webkit-input-placeholder { color: #e9ebec; opacity: 1 !important; } :-moz-placeholder { color: #e9ebec; opacity: 1 !important; } ::-moz-placeholder { color: #e9ebec; opacity: 1 !important; } :-ms-input-placeholder { color: #e9ebec; opacity: 1 !important; } img { max-width: 100%; max-height: 100%; display: block; } p { line-height: 1.66667em; margin-bottom: 15px; color: #1d1d1b; } a { color: #999; text-decoration: none; } a:hover { text-decoration: none; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; color: #000; text-decoration: none; margin-top: 0px; } h1, .h1 { font-size: 2.3em; line-height: 1.11765em; margin-bottom: 10px; } h2, .h2 { font-size: 2em; line-height: 1.07143em; margin-bottom: 10px; } h3, .h3 { font-size: 1.4em; line-height: 1.2em; margin-bottom: 10px; } h4, .h4 { font-size: 1.16667em; line-height: 1.28571em; margin-bottom: 10px; } sup, sub { font-size: 0.75em; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } strong { font-weight: 700; } .items{ padding-left:30px; } /* ############# Constants ############# */ .bx-pager-item { float: left; margin: 0 8px 0 0; } .bx-pager-item:first-child { margin: 0; } .bx-pager-item a { display: block; margin-left: 2px; width: auto; height: 7px; text-indent: -9999px; background: #EBEBEB; } .bx-pager-item a.active { background: #F7FF00; } .bx-has-controls-direction .bx-prev, .bx-has-controls-direction .bx-next { position: absolute; min-height: 77px; top: 50%; margin: -38px 0 0 0; width: 15px; background: rgba(255, 255, 255, 0.5); font-size: 0; } .bx-has-controls-direction .bx-prev:before, .bx-has-controls-direction .bx-next:before { content: ''; position: absolute; top: 50%; margin-top: -6px; width: 10px; height: 10px; border-top: 1px solid gray; border-right: 1px solid gray; } .bx-has-controls-direction .bx-prev { left: 0; } .bx-has-controls-direction .bx-prev:before { left: 4px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .bx-has-controls-direction .bx-next { right: 0; } .bx-has-controls-direction .bx-next:before { right: 4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .custom-row { overflow: hidden; position: relative; } .clearfix { clear: both; float: none; } .clear-floats { position: relative; display: block; overflow: hidden; } /** * Fix for 'google map not working' */ .gm-style img { max-width: none !important; max-height: none !important; } /*-- Common mixins ----*/ /*-- Themes and stuff --*/ /* ---- Commons --------*/ /* ################################################# Header module Templates/Markup: templates/common/header.hbs SCSS/CSS scss/basics/_header.scss JavaScript Class js/modules/Navigation/Navigation.js #################################################### */ /* ############# Header module commons ############ */ /* ############# Top navigation bar ############# */ /* line 27, ../../scss/basics/_header.scss */ header { width: 100%; margin-bottom: -7px !important; } header #topNav { width: 100%; height: 37px; background: #34393C; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-size: 1.08333em; font-weight: 700; z-index: 3000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header #topNav.openSubNav, .openSubNav header #topNav { -webkit-transform: translate(300px, 0); -moz-transform: translate(300px, 0); -ms-transform: translate(300px, 0); -o-transform: translate(300px, 0); transform: translate(300px, 0); } header #topNav.sticky, .sticky header #topNav { padding-bottom: 0; } header #topNav .topNavContent { /* overflow: hidden; */ padding: 9px 0 0; } header #topNav .topNavContent .pullRigthWrapper { float: right; position: relative; margin: 0 10px; } header #topNav .topNavContent .pullRigthWrapper:after { content: ''; display: table; clear: both; } header #topNav .topNavContent .pullRigthWrapper.topNavSeparator { margin: -12px 0 0 0; float: left; } header #topNav .topNavContent .pullRigthWrapper:after { content: ''; width: 1px; height: 40px; position: absolute; top: -12px; left: 0; background: #636B6E; } header #topNav .topNavSeparator { float: right; margin: -12px 0 0 10px; width: 30px; height: 40px; } header #topNav ul { display: block; float: right; } header #topNav ul li { display: inline-block; padding: 0 20px 0 0; float: left; } header #topNav ul li.has-submenu li { float: none !important; } header #topNav ul a { color: #999; } header #topNav ul .lijevi-a { display: block; text-decoration: none; } header #topNav ul a.active { color: #FFF; border-bottom: 5px solid #F7FF00; padding: 0 0 6px 0; } header #topNav ul a:hover { color: #FFF; border-bottom: 5px solid #F7FF00; } /* header #topNav ul li.has-submenu a:hover { padding: 0 20px 6px 0; } */ header #topNav ul.topNavContact li a:hover { border: 0; } header #topNav ul.topNavLanguages { margin: 0 20px 0 0; } header #topNav ul.topNavLanguages li { padding: 0 0 0 5px; } header #topNav ul.topNavLanguages li:first-child { padding-left: 0; } header #topNav ul.topNavLanguages li a:hover, header #topNav ul.topNavLanguages li a.active { border: 0 none; } .dark #topNav { background-color: #fff; } .dark #topNav ul a { color: #8c9093; } .dark #topNav ul a.active, .dark #topNav ul a:hover { color: #363c3c; } .dark #topNav .topNavContent .pullRigthWrapper:after { background-color: #8c9093; } .dark #mainNav { background-color: #34393c; } .dark #mainNav #logo a { background: url(assets/images/common/logo-white.png) 0 0 no-repeat; background-size: contain; } .dark #mainNav ul { display: none; } body#content { padding-top: 0; } body#content.sticky { padding-top: 37px; } /* ############# Main navigation bar ############# */ #mainNav { position: relative; background: #FFF; z-index: 3000; width: 100%; } #mainNav.openSubNav, .openSubNav #mainNav { -webkit-transform: translate(300px, 0); -moz-transform: translate(300px, 0); -ms-transform: translate(300px, 0); -o-transform: translate(300px, 0); transform: translate(300px, 0); } #mainNav.hide-me { -webkit-transform: translate(0, -70px); -moz-transform: translate(0, -70px); -ms-transform: translate(0, -70px); -o-transform: translate(0, -70px); transform: translate(0, -70px); } #mainNav.sticky, .sticky #mainNav { position: fixed; top: 0; left: 0; width: 100%; } #mainNav.sticky .mainNavContent, .sticky #mainNav .mainNavContent { min-height: 57px; padding: 0; border-bottom: 1px solid #f3f2f1; box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5); } #mainNav.sticky .saveTag, .sticky #mainNav .saveTag { display: block; position: absolute; width: 38px; height: 48px; background: url("assets/images/icons/save-icon.png") 0 0 no-repeat; bottom: -41px; left: 200px; z-index: 8500; } #mainNav.sticky .saveTag:hover, .sticky #mainNav .saveTag:hover { border: none; padding: 0; } #mainNav.sticky .saveTag.inverted, .sticky #mainNav .saveTag.inverted { left: 275px; } #mainNav .saveTag { display: none; } #mainNav .menuCancel { display: none; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 70px; background: #454D50; z-index: 5000; } #mainNav .menuCancel a { display: block; float: right; padding: 0px 30px 0px; font-size: 1.16667em; color: #FFF !important; line-height: 70px; } #mainNav .mainNavContent { padding: 9px 20px 0 20px; min-height: 75px; border-bottom: 1px solid #f3f2f1; box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5); } #mainNav .mainNavContent:after { content: ''; display: table; clear: both; } #mainNav #logo { float: left; margin-top: 9px; } #mainNav #logo h1 { margin: 0; padding: 0; } #mainNav #logo.sticky, .sticky #mainNav #logo { margin: 10px; } #mainNav #logo a { display: block; width: 250px; height: 40px; text-indent: -9999px; background: url("https://www.rmf.hr/UserDocsImages/logo/logo.png") 0 0 no-repeat; background-size: 250px auto; } #mainNav #logo a.sticky, .sticky #mainNav #logo a { width: 180px; height: 36px; background-size: 180px auto; } #mainNav .home { margin: 0; padding: 0 10px 0 0; } #mainNav .home a { display: block; width: 17px; height: 15px; padding: 0; background: url("assets/images/modules/navigation/home.png") 0 0 no-repeat; text-indent: -9999px; } #mainNav ul { display: block; float: right; margin: 20px 302px 0 0; } #mainNav ul.sticky, .sticky #mainNav ul { min-height: 0; } #mainNav ul.sticky a:hover, .sticky #mainNav ul a:hover { padding-bottom: 0; } #mainNav ul.sticky a:hover:after, .sticky #mainNav ul a:hover:after { bottom: 0; } #mainNav ul li { display: inline-block; padding: 0 31px 0 0; } /* #mainNav ul li:hover .sub { display: block; opacity: 1; } */ #mainNav ul a { color: #000; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.41667em; letter-spacing: -0.5px; position: relative; padding-bottom: 10px; display: block; text-decoration: none; border: none; } #mainNav ul a.sticky, .sticky #mainNav ul a { padding: 0; height: 33px; } #mainNav ul a:hover:after { width: 100%; } #mainNav ul .sub { opacity: 1; display: none; position: absolute; top: 84px; left: 0; width: 100%; min-height: 519px; padding: 0 339px 0 0; background: #f1f3f3; z-index: 8500; box-sizing: border-box; -webkit-box-shadow: 0 8px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 8px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 8px 10px 0px rgba(0, 0, 0, 0.2); } #mainNav ul .sub.subModuleArticlesNoBanners { padding-right: 0; } #mainNav ul .sub.subModuleArticlesNoBanners .gridModule.x4 { width: 22.91667%; margin-right: 1.04167%; margin-left: 1.04167%; } #mainNav ul .sub.sticky, .sticky #mainNav ul .sub { top: 54px; } #mainNav ul .sub .introModule { position: absolute; top: 0; bottom: 0; left: 0; width: 33%; background: #FFF; z-index: 7000; } #mainNav ul .sub .introModule .introContent { position: relative; font-family: 'Amalia', Helvetica, Arial, sans-serif; } #mainNav ul .sub .introModule .introContent .thumbHeading { position: relative; margin: 0 0 14px 0; } #mainNav ul .sub .introModule .introContent .thumbHeading a { height: auto; } #mainNav ul .sub .introModule .introContent .thumbHeading h1 { position: absolute; left: 23px; bottom: 23px; margin-bottom: 0; font-size: 2.66667em; color: #FFF; } @media (max-width: 1300px) { #mainNav ul .sub .introModule .introContent .thumbHeading h1 { font-size: 2.2em; } } #mainNav ul .sub .introModule .introContent .thumbHeading img { width: 100%; max-width: auto; } #mainNav ul .sub .introModule .introContent p { font-size: 1.16667em; margin-left: 20px; width: 80%; } #mainNav ul .sub .introModule .introContent a { position: relative; margin-left: 20px; height: 20px; color: #000; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; padding: 0; } @media (min-width: 959px) { #mainNav ul .sub .introModule .introContent a:hover i { margin: 0px 0 0 23px; position: relative; } div.home div.homeModule div.homeModuleContent.full .homeModuleRow { position: relative; display: block; height: 170px; overflow: hidden; padding: 0 15px 0 195px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-left: 2px solid #fff; border-right: 2px solid #fff; } div.home div.homeModule div.homeModuleContent.full .homeModuleRow .homeModuleColumn:first-child { position: absolute; display: block; top: 0; bottom: 0; left: 0; width: 170px; } #firsthomeModuleRow{ height:300px !important; } } #mainNav ul .sub .introModule .introContent a:focus { text-decoration: none; } #mainNav ul .sub .introModule .introContent a i { position: relative; display: inline-block; top: 1px; width: 9px; height: 12px; margin: -16px 0 0 10px; content: ''; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; right: auto; } #mainNav ul .sub .introModule .introContent a:hover i { -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } #mainNav ul .sub .subModuleArticlesWrap { position: relative; display: block; padding: 0 0 0 33%; min-height: 519px; background: #f1f3f3; } #mainNav ul .sub .subModuleArticlesWrap .row { position: relative; display: block; overflow: hidden; } #mainNav ul .sub .subModule { /* Not sure what is the desired responsive behaviour for the navigation on wider resolutions. ----- Currently we've built two variants: 1) Navigation spans right 2) Navigation stays fixed on the left ----- Uncomment the maximum width property for proof of reference. */ } #mainNav ul .sub .subModule .subList { margin: 35px 0 0 15px; } #mainNav ul .sub .subModule .subList a.heading { height: auto; padding-bottom: 3px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.33333em; } #mainNav ul .sub .subModule .subList .sub-heading { display: block; padding: 0 0 20px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.16667em; color: #999999; } #mainNav ul .sub .subModule .subList ul { float: left; margin: 7px 0 0 0; } #mainNav ul .sub .subModule .subList ul li { display: block; padding: 0 0 3px 0; } #mainNav ul .sub .subModule .subList ul a { color: #000; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.16667em; font-weight: normal; position: relative; padding-bottom: 0; height: auto; } #mainNav ul .sub .subModule .subList ul a .uiLinkBar { height: 4px; } #mainNav ul .sub .subThumbs { position: absolute; top: 0; bottom: 0; right: 0; width: 339px; z-index: 6000; } #mainNav ul .sub .subThumbs .subThumbsContent { display: block; } #mainNav ul .sub .subThumbs .subThumbItem { /* Not sure what is the desired responsive behaviour for the navigation on wider resolutions. ----- Currently we've built two variants: 1) Navigation spans right 2) Navigation stays fixed on the left ----- Uncomment the width properties for proof of reference. */ position: relative; display: block; height: 173px; background-size: cover; background-position: center; background-repeat: no-repeat; } #mainNav ul .sub .subThumbs .subThumbItem .thumbContent { position: absolute; width: 100%; height: 100%; overflow: hidden; bottom: 0; text-align: right; } #mainNav ul .sub .subThumbs .subThumbItem .thumbContent:hover .subThumbOverlay { display: block; } #mainNav ul .sub .subThumbs .subThumbItem .thumbContent a.uiAnimatedArrow i { margin: -35px 16px 0 0; } #mainNav ul .sub .subThumbs .subThumbItem .thumbContent img { max-width: none; max-height: none; } #mainNav ul .sub .subThumbs .subThumbItem .thumbContent .subThumbOverlay { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0.5; z-index: 10; } #mainNav ul .sub .subThumbs .subThumbItem .thumbContent span { display: block; position: relative; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } #mainNav ul .sub .subThumbs .subThumbItem .thumbContent a { top: 125px; padding: 0; margin: 0; color: #FFF; font-size: 1.33333em; font-weight: normal; z-index: 11; } #mainNav ul .sub .subThumbs .subThumbItem .thumbContent a:hover { border: 0 none; padding: 0; } #mainNav .mainNavCTA { position: absolute; top: 0; right: 0; width: 339px; height: 84px; background: #fff500; /* Old browsers */ background: -moz-linear-gradient(top, #fff500 0%, #f5ff00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff500), color-stop(100%, #f5ff00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff500 0%, #f5ff00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff500 0%, #f5ff00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff500 0%, #f5ff00 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff500 0%, #f5ff00 100%); } #mainNav .mainNavCTA.sticky, .sticky #mainNav .mainNavCTA { height: 57px; } #mainNav .mainNavCTA.sticky a, .sticky #mainNav .mainNavCTA a { padding: 20px 0 0 30px; } #mainNav #prijava h3 { padding: 15px 30px; margin: 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-size: 1.33333em; font-weight: 400; color: #666; display: block; background: #ced0d2; display: none; } #mainNav .mainNavCTA a { display: block; padding: 28px 10px 0 30px; color: #000; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-size: 1.41667em; font-weight: 700; } #mainNav .mainNavCTA a span { display: block; } #mainNav .mainNavCTA a span.copyMobile { display: none; padding: 5px 0 0 0; } #mainNav .mainNavCTA a i { display: block; } #mainNav .mainNavCTA a i.key { float: left; width: 18px; height: 26px; margin: -1px 10px 0 0; background: url("assets/images/icons/key.png") 0 0 no-repeat; } #mainNav #mainNavCTA a i.close { position: absolute; width: 18px; height: 28px; left: 30px; opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #mainNav #mainNavCTA a i.close:before { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); } #mainNav #mainNavCTA a i.close:after { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } #mainNav #mainNavCTA a i.close:before, #mainNav #mainNavCTA a i.close:after { position: absolute; left: 7px; content: ''; height: 22px; width: 3px; background-color: #000; top: 4px; } #mainNav .mainNavCTA a i.arrow-right { float: right; width: 9px; height: 12px; margin: 7px 10px 0 0; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; -webkit-transform: rotate(90deg); transform: rotate(90deg); } #mainNav .mobileMenu { display: none; float: right; width: 82px; height: 70px; margin: -10px -10px -10px 0; text-align: center; } #mainNav .mobileMenu a.toggle { display: block; padding: 46px 0 0 0; color: #000; } #mainNav .mobileMenu a bdi { position: absolute; width: 22px; height: 3px; background: #000; top: 28px; right: 30px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainNav .mobileMenu a bdi:before, #mainNav .mobileMenu a bdi:after { content: ''; position: absolute; width: 22px; height: 3px; background: #000; right: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainNav .mobileMenu a bdi:before { top: -5px; } #mainNav .mobileMenu a bdi:after { top: 5px; } #mainNav .mobileMenu a span { display: block; } #mainNav .mobileMenu a span[data-control] { display: none; } #mainNav .mobileMenu a span[data-control="open"] { display: block; } #mainNav .mobileMenu .mobileMenuWrapper { display: none; position: absolute; top: 70px; left: 100%; width: 100%; height: 100%; background: #FFF; text-align: left; } #mainNav .mobileMenu .mobileMenuWrapper a { color: #000; } #mainNav .mobileMenu .mobileMenuWrapper .menuTop { position: relative; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; } #mainNav .mobileMenu .mobileMenuWrapper .menuTop.active { background: #E9EDF0; } #mainNav .mobileMenu .mobileMenuWrapper .menuTop .menuTopContent { padding: 15px 15px; overflow: hidden; } #mainNav .mobileMenu .mobileMenuWrapper .menuTop .menuTopContent.active { background: #E9EDF0; } #mainNav .mobileMenu .mobileMenuWrapper .menuTop .menuTopContent.active a.toggleSearch { display: none; } #mainNav .mobileMenu .mobileMenuWrapper .menuTop .menuTopContent .unit { overflow: hidden; /*-- Third level, expanded menu (unit select) ----*/ } #mainNav .mobileMenu .mobileMenuWrapper .menuTop .menuTopContent .unit .unitTop .unitOption { float: left; } #mainNav .mobileMenu .mobileMenuWrapper .menuTop .menuTopContent .unit .unitTop .unitOption i { display: block; float: left; width: 20px; height: 20px; } #mainNav .mobileMenu .mobileMenuWrapper .menuTop .menuTopContent .unit .unitTop .unitOption i.personal { background: url("assets/images/modules/navigation/unitPersonal.png") 0 0 no-repeat; } #mainNav .mobileMenu .mobileMenuWrapper .menuTop .menuTopContent .unit .unitTop .unitOption span { display: block; margin: 4px 0 0 33px; } #mainNav .mobileMenu .mobileMenuWrapper .menuTop .menuTopContent .unit .unitTop .unitOptionSelected { float: left; margin: 0 0 0 6px; } #mainNav .mobileMenu .mobileMenuWrapper .menuTop .menuTopContent .unit .unitTop .unitOptionSelected i { display: block; float: right; width: 14px; height: 9px; margin: 4px 0 0 16px; background: url("assets/images/modules/navigation/arrow-down.png") 0 0 no-repeat; } #mainNav .mobileMenu .mobileMenuWrapper .menuTop .menuTopContent .unit .unitTop .unitOptionSelected span { display: block; margin: 3px 0 0; } #mainNav .mobileMenu .mobileMenuWrapper .menuTop .menuTopContent .unit .unitTop .unitOptionSelected span strong { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.08333em; } #mainNav .mobileMenu .mobileMenuWrapper .menuTop .menuTopContent .unit .unitMenu { display: none; position: absolute; top: 52px; left: 0; width: 100%; height: 400px; overflow: hidden; background: #E9EDF0; z-index: 5000; } #mainNav .mobileMenu .mobileMenuWrapper .menuTop .menuTopContent .unit .unitMenu ul { display: block; position: absolute; top: 0; left: 0; width: 100%; margin: 0; } #mainNav .mobileMenu .mobileMenuWrapper .menuTop .menuTopContent .unit .unitMenu ul li { display: block; width: 100%; } #mainNav .mobileMenu .mobileMenuWrapper .menuTop .menuTopContent .unit .unitMenu ul li:hover { background: #FAFD00; } #mainNav .mobileMenu .mobileMenuWrapper .menuTop .menuTopContent .unit .unitMenu ul li a { display: block; padding: 17px 15px 3px; font-size: 1.41667em; } #mainNav .mobileMenu .mobileMenuWrapper .menuTop .menuTopContent .unit .unitMenu ul li a:hover { border: 0 none; } .menuSearchWrapper .menuSearch { float: right; width: 82px; height: 100%; } .menuSearchWrapper .menuSearch a.toggleSearch { position: absolute; top: 0; right: 0; display: block; width: 82px; height: 100%; overflow: hidden; text-indent: -9999px; background: #F1F3F2 url("assets/images/modules/navigation/search.png") center center no-repeat; z-index: 4000; } .menuSearchWrapper .menuSearch a.toggleSearch.active { background: yellow url("assets/images/modules/navigation/search.png") center center no-repeat; } .menuSearchWrapper .menuSearch .menuSearchContent { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F8F8F8; z-index: 3000; } .menuSearchWrapper .menuSearch .menuSearchContent form { display: block; position: relative; } .menuSearchWrapper .menuSearch .menuSearchContent form input { height: 52px; padding: 18px 25px; border: 0 none; background: #E9EDF0; font-size: 1.41667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .menuSearchWrapper .menuSearch .menuSearchContent form span { display: block; position: absolute; top: 15px; left: 20px; color: #A8A9AB; font-size: 1.41667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .menuSearchWrapper .menuSearch .menuSearchContent form span.hidden { display: none; } .menuSearchWrapper .menuSearch .menuSearchContent .searchResults.hidden { display: none; } .menuSearchWrapper .menuSearch .menuSearchContent .searchResults .entries { margin: 0 0 13px 0; padding: 21px 0 0 0; } .menuSearchWrapper .menuSearch .menuSearchContent .searchResults .entries h2 { padding: 0 0 12px 17px; font-size: 1.5em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; color: #86878B; } .menuSearchWrapper .menuSearch .menuSearchContent .searchResults .entries a { display: block; padding: 0 0 8px 17px; font-size: 1.25em; color: #000; } .menuSearchWrapper .menuSearch .menuSearchContent .searchResults .entries .entry a { padding: 16px 0 3px 17px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .menuSearchWrapper .menuSearch .menuSearchContent .searchResults .entries .entry a:hover { background: yellow; } .menuSearchWrapper .menuSearch .menuSearchContent .searchResults .entries .entry a p { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .menuSearchWrapper .menuSearch .menuSearchContent .searchResults .entries.recommended h2 { padding-bottom: 0; } .menuSearchWrapper .mobileMenuHeading { display: none; position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background: #F1F3F2; color: #000; text-align: center; z-index: 5000; } .menuSearchWrapper .mobileMenuHeading span { display: block; float: right; margin: 17px 18px 0 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.25em; text-transform: unset; } .menuSearchWrapper .mobileMenuHeading a { white-space: nowrap; display: block; position: absolute; left: 0; top: 0; text-overflow: ellipsis; width: auto; height: 19px; max-width: 120px; overflow: hidden; margin: 18px 0 0 15px; padding: 0 0 0 23px; background: url("assets/images/icons/arrow-left-black.png") 0 0 no-repeat; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .menuSearchWrapper .mobileMenuContent { overflow: hidden; position: relative; width: 100%; height: 100%; } .menuSearchWrapper .mobileMenuContent .mainLevel { display: none; overflow: hidden; } .menuSearchWrapper .mobileMenuContent .mainLevel.active { display: block; } .menuSearchWrapper .mobileMenuContent ul { display: block; width: 100%; height: 100%; margin: 0; } .menuSearchWrapper .mobileMenuContent ul li { display: block; padding: 10px 15px 10px 15px; } .menuSearchWrapper .mobileMenuContent ul li:active { background-color: #FAFD00; } .menuSearchWrapper .mobileMenuContent ul li a { display: block; position: relative; font-size: 1.41667em; } .menuSearchWrapper .mobileMenuContent ul li a:hover { border: 0 none; } .menuSearchWrapper .mobileMenuContent ul li a span { display: block; margin: 1px 0 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 0.75em; } .menuSearchWrapper .mobileMenuContent ul li a i { display: block; position: absolute; top: 10px; right: 19px; width: 9px; height: 12px; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; } .menuSearchWrapper .mobileMenuContent ul li .subMenu { display: none; position: absolute; top: 0; left: 100%; width: 100%; height: 100%; min-height: 350px; background: #FFF; z-index: 4000; } .menuSearchWrapper .mobileMenuContent ul li .subMenu ul { width: 100%; } .menuSearchWrapper .mobileMenuContent .mobileMenuLanguage { margin: 20px 0 0; } .menuSearchWrapper .mobileMenuContent .mobileMenuLanguage ul li { padding: 18px 15px 10px; } .menuSearchWrapper .mobileMenuContent .mobileMenuLanguage h3 { display: block; margin: 0; padding: 3px 15px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.08333em; font-weight: normal; } #navigationOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 2000; } #navigationOverlay.visible { display: block; } /* ############ Inverted navigation - specific ############# */ body.inverted #mainNav .mainNavContent { border: 0 none; box-shadow: none; } body.inverted #mainNav .mobileMenu a.toggle { color: #FFF; } body.inverted #mainNav .mobileMenu a.toggle bdi { background: #FFF; } body.inverted #mainNav .mobileMenu a.toggle bdi.inverted { background: #34393C; } body.inverted #mainNav .mobileMenu a.toggle bdi:before, body.inverted #mainNav .mobileMenu a.toggle bdi:after { background: #FFF; } #mainNav .mainNavCTA #prijava { width: 339px; position: absolute; z-index: 99999; background: #f1f3f3; top: 84px; visibility: hidden; border-top: 1px solid #fff500; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.15); -webkit-transition-delay: .15s; transition-delay: .15s; } #mainNav .mainNavCTA:hover #prijava { visibility: visible; } #mainNav .mainNavCTA #prijava h4 { margin: 20px 0 10px 30px; font-size: 16px; } #mainNav #prijava ul { padding: 0; margin: 0 0 0 30px; font-size: 14px; float: none; } #mainNav .mainNavCTA #prijava ul li { display: block; float: none; padding: 0 0 3px 0; } .sticky #mainNav #prijava ul li a, #mainNav #prijava ul li a { display: inline-block; padding: 0; color: #000; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; font-weight: normal; letter-spacing: 0; } .sticky #mainNav #prijava { top: 58px; } #mainNav .mainNavCTA #prijava ul:last-of-type { margin-bottom: 20px; } #mainNav #prijava ul li a .uiLinkBar { height: 4px; } /* ################################################# Footer module Templates/Markup: templates/common/footer.hbs SCSS/CSS scss/basics/_footer.scss #################################################### */ /* ############# Footer module commons ############ */ /* ############# Footer ############# */ footer { position: relative; overflow: hidden; width: 100%; min-height: 411px; background: #34393C; color: #C7C9CB; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-size: 1.08333em; font-weight: 400; } footer .separator { display: none; float: left; width: 100%; border-bottom: 1px solid #4F575A; } footer a.top { display: none; position: absolute; right: 0; bottom: 110px; width: 50px; height: 50px; background: #F7FF00; text-align: center; color: #000; font-size: 1.25em; font-weight: 600; -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3); } footer a.top i { display: block; width: 12px; height: 9px; margin: 9px auto; background: url("assets/images/icons/arrow-top-black.png") 0 0 no-repeat; } footer h3 { margin: 30px 0 10px 0; color: #8C9093; font-size: 1em; } footer ul { display: block; margin: 0 0 30px; } footer ul li { padding: 0 0 7px 0; line-height: 20px; } footer ul li a { color: #8A8F92; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } footer ul li a:hover { color: #FFF; } footer .socialSharing { margin: 0 0 25px 0; } footer .socialSharing div { float: left; } footer .socialSharing .facebook { margin: 0 10px 10px 0; } footer .mobileApp { position: relative; height: 97px; margin: 5px 0 37px 0; background: #2F3032; width: 32.25% !important; margin-right: 0 !important; } footer .mobileApp a.mobileAppPhone { position: absolute; top: -20px; left: -14px; display: block; width: 90px; height: 150px; z-index: 200; } footer .mobileApp .mobileAppCopy { padding: 0 0 0 75px; } footer .mobileApp .mobileAppCopy h3 { margin: 15px 0 5px; font-size: 1.16667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } footer .mobileApp .mobileAppCopy a { font-weight: 600; color: #C7C9CB; font-size: 0.91667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } footer .mobileApp .mobileAppCopy a i { display: inline-block; width: 8px; height: 11px; background: url("assets/images/icons/arrow-right-yellow.png") 0 0 no-repeat; padding: 0 5px 0 0; } footer .bottomFooter { border-top: 1px solid #565759; } footer .bottomFooter ul { display: block; margin: 10px 0 0; text-align: center; } footer .bottomFooter ul li { display: inline-block; padding: 0 15px 0; } /* ---- Common modules --------*/ /* ################################################# Timeline module Templates/Markup: templates/modules/timeline/timeline.hbs SCSS/CSS scss/modules/timeline/_timeline.scss JavaScript Class js/modules/timeline/Timeline.js ##################################################### */ .history-slider { display: block; margin-left: 95px; } #timeline { margin: 100px 0; } #timeline .history-header { font-size: 2.33333em; color: #000; margin-top: 23px; margin-right: 4px; } #timeline .heading { position: absolute; top: -60px; left: -80px; } #timeline .timeLineHolder { position: relative; width: 60%; margin: 0 auto; } #timeline .timeLineHolder .stage { display: none; min-height: 0; margin: 0 0 5px 0; overflow: hidden; background: transparent; } #timeline .timeLineHolder .stage.visible { display: block; } #timeline .timeLineHolder .stage .timeLineModule { float: left; width: 300px; min-height: 230px; } #timeline .timeLineHolder .stage .timeLineModule > img { margin-right: 3px; float: right; } #timeline .timeLineHolder .stage .timeLineModule:first-child { width: 445px; } #timeline .timeLineHolder .stage .timeLineModule .timeLineModuleContent { padding: 0 25px 25px 27px; } #timeline .timeLineHolder .stage .timeLineModule .timeLineModuleContent h2 { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; margin: 0 0 15px 0; font-size: 2.33333em; color: #000; } #timeline .timeLineHolder .stage .timeLineModule .timeLineModuleContent h4 { margin: 0 0 0px 0; color: #000; } #timeline .timeLineHolder .stage .timeLineModule .timeLineModuleContent p { line-height: 18px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.16667em; } #timeline .verticalScroller { display: none; padding: 0 15px; } #timeline .verticalScroller .heading { position: relative; display: block; top: auto; left: auto; } #timeline .progress { width: 100%; padding: 21px 0 0 0; display: table; } #timeline .progress span { position: relative; display: block; min-width: 42px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.33333em; text-align: left; display: table-cell; } #timeline .progress span.active { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } #timeline .progress span.active i { display: none; } #timeline .progress span i { display: block; position: absolute; top: -31px; left: 10px; width: 1px; height: 10px; background: #D0D3D5; z-index: 700; } #timeline .noUi-target.noUi-connect { border: none; border-radius: 5px; box-shadow: none; } #timeline .dijitSliderImageHandle, #timeline .noUi-handle { border: 0 none; background: #F5FF00; width: 35px; height: 35px; margin: -8px 0 0; border-radius: 200px; z-index: 8000; box-shadow: none; cursor: pointer; } #timeline .noUi-handle:before, #timeline .noUi-handle:after { display: none; } #timeline .noUi-horizontal { height: 10px; margin-top: 22px; background: #FBFB00; } #timeline .noUi-horizontal:before { left: -10px; background-color: #FBFB00 !important; } #timeline .noUi-vertical { width: 10px; background: #FBFB00; } #timeline .noUi-vertical .noUi-handle { margin: 0 0 0 -8px; } #timeline .dijitSliderBar, #timeline .noUi-background { margin-right: -1px; border: 0 none; border-radius: 0 0 0 0; background: #EBEEEE; } #timeline .dijitSliderLeftBumper, #timeline .noUi-horizontal { border-radius: 5px 0 0 5px; } #timeline .dijitSliderRightBumper { border-radius: 0 5px 5px 0; } #timeline .noUi-background { border-radius: 5px; } #timeline .dijitSliderProgressBar { border-radius: 0 5px 5px 0; } #timeline .dijitSliderButtonContainer * { display: none; } #timeline #calcSliderLoanAmount { margin-top: 70px; } #timeline .dijitSliderBarV, #timeline .dijitSliderBumperV { width: 10px; } /* ################################################# Lifestage module Templates/Markup: templates/modules/lifestage/lifestage.hbs SCSS/CSS scss/modules/lifestage/lifestage.scss JavaScript Class js/modules/Lifestage/Lifestage.js #################################################### */ #lifestage .lifeSlide { box-sizing: border-box; } #lifestage .lifeSlide .lifeStageModule { position: relative; width: 100%; min-height: 215px; background: #DDD; background-size: cover; background-repeat: no-repeat; background-position: 55%; } #lifestage .lifeSlide .lifeStageModule a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #lifestage .lifeSlide .lifeStageModule a:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background: -moz-linear-gradient(270deg, rgba(0,0,0,0) 31%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.3) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(31%, rgba(0,0,0,0)), color-stop(40%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.3))); /* safari4+,chrome */ background: -webkit-linear-gradient(270deg, rgba(0,0,0,0) 31%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.3) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(270deg, rgba(0,0,0,0) 31%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.3) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(270deg, rgba(0,0,0,0) 31%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.3) 100%); /* ie10+ */ background: linear-gradient(180deg, rgba(0,0,0,0) 31%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.3) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* ie6-9 */ } #lifestage .lifeSlide.active + .lifeSlide + .lifeSlide .lifeStageModule, #lifestage .lifeSlide.active + .lifeSlide + .lifeSlide .lifeSliderOverlay { width: 100.2%; } #lifestage .lifeSlide.active { border-left: 0px; } @media (min-width: 415px) { #lifestage .lifeSlide:hover .lifeSliderOverlay { display: block; } } #lifestage .lifeSlide a.uiAnimatedArrow span { font-size: 1.45em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; z-index: 2; } #lifestage .lifeSlide .lifeSliderOverlay { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 30px 50px; background-color: #fbf900; color: #000; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } #lifestage .lifeSlide .lifeSliderOverlay p { font-size: 1.125em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.333333em; } #lifestage .lifeSlide .lifeSliderOverlay a.uiAnimatedArrow span { color: #000; } #lifestage .lifeSlide:hover { position: relative; } #lifestage .pagination { display: none; } #lifestage .pagination .items a { position: relative; display: block; float: left; width: 30px; height: 7px; margin: 0 1px 0 0; text-indent: -9999px; background-color: #EBEBEB; } #lifestage .pagination .items a:after { content: ''; position: absolute; width: 0%; height: 100%; top: 0; right: 0; } #lifestage .pagination .items a.active:after { width: 100%; background: #F7FF00; } #lifestage .pagination .items a:last-child { margin-right: 0; } #lifestage .pagination .items a.active { background: #F7FF00; } #lifestage .pagination a { display: none; } .slideview, .slideview * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .slideview { position: relative; } .slideview .inner { position: relative; } .slideview ul, .slideview li { margin: 0; padding: 0; } .offscreen { display: none; position: relative; overflow: hidden; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -ms-transition: -ms-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: -webkit-transform 0.35s ease-in-out; -moz-transition: -moz-transform 0.35s ease-in-out; -ms-transition: -ms-transform 0.35s ease-in-out; -o-transition: -o-transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; } .lifeSlide { display: block; float: left; height: 100%; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; border-top: 2px solid #ffffff; } .lifeSlide.active + .lifeSlide { border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; } .lifeSlide.next-slide { padding: 0 0 0 1px; } .slideview { overflow: hidden; width: 100%; } .lifeSlide { background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -webkit-transition: opacity .9s; -moz-transition: opacity .9s; -ms-transition: opacity .9s; -o-transition: opacity .9s; transition: opacity .9s; } .lifeSlide.active { opacity: 1; z-index: 10; -webkit-transition: opacity .6s; -moz-transition: opacity .6s; -ms-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s; } .next-slide { z-index: 5; } .slide-to-first .slide, .slide-to-last .slide { opacity: 1; } .lifeSlide img { display: block; width: 100%; height: auto; } .nav a { position: absolute; top: 50%; display: inline-block; width: 15px; height: 77px; margin-top: -39px; z-index: 1000; } .nav a.left { background: url("assets/images/modules/lifestage/left.png") 0 0 no-repeat; } .nav a.right { right: 0; background: url("assets/images/modules/lifestage/right.png") 0 0 no-repeat; } /* ################################################# Tools widget module Templates/Markup: templates/modules/tools/tools.hbs SCSS/CSS scss/modules/tools/tools.scss #################################################### */ /* ############# Tools module commons ############# */ #tools { position: fixed; top: 165px; right: 0; opacity: 1; width: 60px; background: #fff500; background: -moz-linear-gradient(top, #fff500 0%, #f5ff00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff500), color-stop(100%, #f5ff00)); background: -webkit-linear-gradient(top, #fff500 0%, #f5ff00 100%); background: -o-linear-gradient(top, #fff500 0%, #f5ff00 100%); background: -ms-linear-gradient(top, #fff500 0%, #f5ff00 100%); background: linear-gradient(to bottom, #fff500 0%, #f5ff00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff500', endColorstr='#f5ff00',GradientType=0 ); z-index: 10000; -webkit-box-shadow: -1px 3px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -1px 3px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: -1px 3px 8px 0px rgba(0, 0, 0, 0.2); } #tools.fold { z-index: -1; } #tools ul { display: block; } #tools ul li { display: block; border-bottom: 1px solid #E8EB00; } #tools ul li:last-child { border: 0 none; } #tools ul li:hover, #tools ul li.active { background: #FFF !important; border-bottom: 1px solid #FFF; } #tools ul li a { display: block; padding: 8px 0 7px 0; text-align: center; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-size: 0.83333em; font-weight: 400; color: #000; min-height: 40px; text-decoration: none; } #tools ul li a i { display: block; width: 26px; height: 22px; margin: 0 auto; background: url("assets/images/modules/tools/tools.png") 0 0 no-repeat; } #tools ul li a i.find { background: url("assets/images/modules/tools/tools.png") 0 0 no-repeat; background-position: 0 0; } #tools ul li a i.calc { height: 34px; background: url("assets/images/modules/tools/tools.png") 0 0 no-repeat; background-position: 0 -22px; } #tools ul li a i.call { background-position: 0 -57px; } #tools ul li a i.chat { height: 20px; background-position: 0 -78px; } #tools ul li a i.findUs { height: 23px; background-position: 0 -98px; } #tools ul li a i.notes { background-position: 0 -122px; } #tools ul li a i.share_price { background-position: 0 -145px; } a#toolsHandle { display: block; position: fixed; top: 165px; right: -35px; width: 35px; height: 34px; padding: 8px 0 7px 0; background: #F7FF00 url("assets/images/modules/tools/handle.png") center center no-repeat; text-indent: -9999px; z-index: 4500; -webkit-box-shadow: -1px 3px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -1px 3px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: -1px 3px 8px 0px rgba(0, 0, 0, 0.2); } /* ################################################# Welcome overlay module Templates/Markup: templates/modules/welcome/welcome.hbs SCSS/CSS scss/modules/welcome/welcome.scss JavaScript Class js/modules/welcome/Welcome.js #################################################### */ /* ############# Welcome module commons ########### */ #welcome { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); z-index: 9999; } #welcome .welcomeOverlay { width: 100%; height: 100%; overflow: hidden; } #welcome .welcomeContainer { position: absolute; width: 976px; height: 507px; background: url("asstes/images/modules/welcome/welcome.jpg") top center no-repeat; box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.2); } #welcome .welcomeContainer .welcomeLogo { float: left; margin: 20px 0 0 20px; } #welcome .welcomeContainer .welcomeLogo h1 { margin: 0; } #welcome .welcomeContainer .welcomeLogo a { display: block; width: 167px; height: 48px; text-indent: -9999px; background: url("UserDocsImages/logo/logo.png") 0 0 no-repeat; } #welcome .welcomeContainer .welcomeLanguages { overflow: hidden; margin: 0 20px 0 0; } #welcome .welcomeContainer .welcomeLanguages ul { float: right; } #welcome .welcomeContainer .welcomeLanguages ul li { position: relative; display: inline-block; padding: 20px 16px 0 0; } #welcome .welcomeContainer .welcomeLanguages ul li:last-child { padding-right: 0; } #welcome .welcomeContainer .welcomeLanguages ul li:last-child:before { content: ''; position: absolute; top: 0; left: -10px; display: block; width: 1px; height: 89%; background: #978f79; box-shadow: 1px 1px 0 rgba(193, 181, 164, 0.6); } #welcome .welcomeContainer .welcomeLanguages ul li a { color: #FFF; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.5em; text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2); } #welcome .welcomeContainer .welcomeLanguages ul li a:hover { color: #FFFF00; } #welcome .welcomeContainer .welcomeLanguages ul li a.active { color: #FFFF00; } #welcome .welcomeContainer .welcomeContent { padding: 230px 0 0 0; } #welcome .welcomeContainer .welcomeContent.hidden { opacity: 1; display: none; } #welcome .welcomeContainer .welcomeContent .welcomeGreeting { margin: 0 auto; text-align: center; } #welcome .welcomeContainer .welcomeContent .welcomeGreeting h1 { color: #FFF; font-size: 2.25em; line-height: 1.60em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4); } #welcome .welcomeContainer .welcomeContent .welcomeGreeting h1.mobile { display: none; } #welcome .welcomeContainer .welcomeContent .welcomeNavigation { margin: 77px auto 0; text-align: center; } #welcome .welcomeContainer .welcomeContent .welcomeNavigation ul { display: block; } #welcome .welcomeContainer .welcomeContent .welcomeNavigation ul li { display: inline-block; height: 67px; border-right: 1px solid #4B4843; box-shadow: 1px 0px 0px #706d68; width: 24%; } #welcome .welcomeContainer .welcomeContent .welcomeNavigation ul li a { display: block; padding: 10px 11px 0 27px; color: #FFF; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.33333em; overflow: hidden; } #welcome .welcomeContainer .welcomeContent .welcomeNavigation ul li a:hover { color: #FFFF00; } #welcome .welcomeContainer .welcomeContent .welcomeNavigation ul li a span { display: block; float: right; padding: 0 20px 0 0; line-height: 35px; } #welcome .welcomeContainer .welcomeContent .welcomeNavigation ul li a i { display: block; float: right; width: 35px; height: 35px; background: url("assets/images/icons/arrow-right-boxed.jpg") 0 0 no-repeat; } /* .blurred { filter: blur(4px); -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: url("assets/images/modules/welcome/blur.svg#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4'); } */ .overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #FFF; z-index: 10001; } .overlay a.close { display: block; position: absolute; top: 20px; right: 20px; font-size: 1.5em; line-height: 36px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; color: #000; z-index: 20; } .overlay a.close i { display: block; float: right; width: 18px; height: 18px; margin: 9px 0 0 15px; background: url("assets/images/modules/search/close.png") 0 0 no-repeat; } /* ################################################# Search module Templates/Markup: templates/modules/search/search.hbs [x] SCSS/CSS scss/modules/search/_search.scss JavaScript Class js/modules/Search/Search.js [x] === this file ##################################################### */ #search { position: relative; top: -9px; right: 0; float: right; width: 339px; height: 37px; background: #E9EDF0; z-index: 2999; } #search .searchContent { width: 100%; padding: 3px 0 0 4px; overflow: hidden; } #search .searchContent form { display: block; width: 100%; overflow: hidden; /* -- Second level, search results ---------------------------------------------------------------------- */ } #search .searchContent form i { display: block; float: left; width: 19px; height: 19px; margin: 6px 19px 0 19px; background: url("assets/images/modules/search/search.jpg") 0 0 no-repeat; } #search .searchContent form i::-webkit-input-placeholder { color: #e9ebec; } #search .searchContent form i:-moz-placeholder { /* Firefox 18- */ color: #e9ebec; } #search .searchContent form i::-moz-placeholder { /* Firefox 19+ */ color: #e9ebec; } #search .searchContent form i:-ms-input-placeholder { color: #e9ebec; } #search .searchContent form input { float: left; width: 70%; height: auto; margin: 5px 0 0 0; padding: 0; border: 0 none; border-bottom: 1px solid #000; color: #000; font-size: 1.15385em; background: transparent; } #search .searchContent form ::-webkit-input-placeholder { color: #000; } #search .searchContent form a { display: block; } #search .searchContent form a.clear { float: left; width: 11px; height: 11px; margin: 0 0 0 15px; text-indent: -9999px; background: url("assets/images/modules/search/clear.jpg") 0 0 no-repeat; } #search .searchContent form .results { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #F7F7F7; } #search .searchContent form .results.visible { display: block; } #search .searchContent form .results .block { margin: 0 0 41px 0; padding: 17px 19px; } #search .searchContent form .results .block h3 { display: block; margin: 0 0 22px 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-size: 1.33333em; font-weight: 400; color: #878A8E; } #search .searchContent form .results .block a { margin: 0 0 8px 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.16667em; color: #000; } #search .searchContent form .results .block a:last-child { margin: 0; } #search .searchContent form .results .block.recommended { padding: 0; margin: 0; } #search .searchContent form .results .block.recommended h3 { padding: 0 19px; } #search .searchContent form .results .block.recommended a { padding: 19px; } #search .searchContent form .results .block.recommended a:hover { background: #F9FC00; } #search .searchContent form .results .block.recommended a h2 { margin: 0 0 8px 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-size: 1em; font-weight: 700; color: #000; } #search .searchContent form .results .block.recommended a span { display: block; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 0.83333em; } /* ################################################# Branch finder module Templates/Markup: templates/modules/branchfinder/branchfinder.hbs SCSS/CSS scss/modules/branchfinder/branchfinder.scss JavaScript Class js/modules/branchfinder/Branchfinder.js ##################################################### */ #branchfinder { display: block; overflow: auto; } #branchfinder .wrapper { position: absolute; top: 54%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #branchfinder.hidden { visibility: hidden; opacity: 0; } #branchfinder.branchfinder-detail-view .closeBranchFinderDetailView { position: absolute; display: block; top: 20px; left: 50%; margin: 0 0 0 -470px; font-size: 1.5em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; color: #000; } #branchfinder.branchfinder-detail-view .branchfinderContent .gridModule:first-child { display: none; } #branchfinder.branchfinder-detail-view .branchfinderContent .gridModule:first-child + .gridModule { width: 50%; margin: 0 0 0 -180px; } #branchfinder.branchfinder-detail-view .branchfinderContent .gridModule:first-child + .gridModule:after { content: ''; position: absolute; display: block; width: 1px; top: 0; bottom: 0; left: 0; background: #B8B8B8; } #branchfinder.branchfinder-detail-view .branchfinderContent .branchStats.gridModule { display: block; width: 40%; margin: 0 0 0 5%; } #branchfinder .branchStats.gridModule, #branchfinder .closeBranchFinderDetailView { display: none; } #branchfinder .branchfinderContent .autocomplete-suggestions { position: absolute; display: block; top: 50px; left: 0; right: 0; overflow-y: auto; padding: 0 13px; background: #ffffff; border: 1px solid #C1C6C9; border-top: none; z-index: 500; max-height: 300px; } #branchfinder .branchfinderContent .autocomplete-suggestions.hidden { display: none; } #branchfinder .branchfinderContent .autocomplete-suggestions .suggestion-item { display: block; padding: 5px 0 0 0; font-size: 1.33333em; color: #454545; } #branchfinder .branchfinderContent .branchStats { font-weight: 700; } #branchfinder .branchfinderContent .branchStats td { width: 50%; padding-bottom: 10px; } #branchfinder .branchfinderContent .branchStats p { font-size: 1.16667em; margin-bottom: 0; } #branchfinder .branchfinderContent .branchStats h1, #branchfinder .branchfinderContent .branchStats h2 { text-align: left; margin-bottom: 15px; } #branchfinder .branchfinderContent h1 { font-size: 2.08333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; color: #000; } #branchfinder .branchfinderContent h2 { margin: 0 0 20px 0; font-size: 1.58333em; color: #000; } #branchfinder .branchfinderContent p { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } #branchfinder .branchfinderContent .branchfinderOptions { margin: 0 0 40px 0; } #branchfinder .branchfinderContent .branchfinderOptions ::-webkit-input-placeholder { color: #454545; } #branchfinder .branchfinderContent .branchfinderOptions :-moz-placeholder { color: #454545; } #branchfinder .branchfinderContent .branchfinderOptions ::-moz-placeholder { color: #454545; } #branchfinder .branchfinderContent .branchfinderOptions :-ms-input-placeholder { color: #454545; } #branchfinder .branchfinderContent .branchfinderOptions form { position: relative; } #branchfinder .branchfinderContent .branchfinderOptions form input, #branchfinder .branchfinderContent .branchfinderOptions form select { width: 100%; margin: 0 0 20px 0; padding: 0 0 0 13px; border: 1px solid #C1C6C9; font-size: 1.33333em; color: #454545; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; } #branchfinder .branchfinderContent .branchfinderOptions form input[type="text"], #branchfinder .branchfinderContent .branchfinderOptions form select[type="text"] { height: 50px; } #branchfinder .branchfinderContent .branchfinderOptions form button { display: block; position: absolute; top: 1px; right: 1px; width: 45px; height: 48px; border: 0 none; text-indent: -9999px; background: yellow url("assets/images/modules/branchfinder/search.png") center center no-repeat; cursor: pointer; } #branchfinder .branchfinderContent .branchfinderOptions form select { width: 300px; font-size: 1em; } #branchfinder .branchfinderContent .branchfinderOptions form .rbr-select { position: relative; } #branchfinder .branchfinderContent .branchfinderOptions form .rbr-select span.ico { display: none; position: absolute; top: 1px; right: 1px; width: 45px; height: 45.2px; z-index: 9000; border-bottom: 1px solid #C1C6C9; background: yellow; } #branchfinder .branchfinderContent .branchfinderOptions form .rbr-select span.ico i { display: block; width: 100%; height: 100%; background: url("assets/images/icons/arrow-bottom-black.png") center center no-repeat; } #branchfinder .branchfinderContent .branchfinderOptions form .rbr-select _:-moz-tree-row(hover), #branchfinder .branchfinderContent .branchfinderOptions form .rbr-select span.ico { display: block; } #branchfinder .branchfinderContent .branchfinderOptions form div { cursor: pointer; } #branchfinder .branchfinderContent .branchfinderOptions form div[data-tool-element="radio"] { margin: 0 0 19px 0; } #branchfinder .branchfinderContent .branchfinderOptions form div label { display: inline-block; padding: 0 0 0 10px; } #branchfinder .branch-finder-map { width: 100%; height: 540px; border: 1px solid #B8B8B8; } /** Custom radios and checkboxes **/ :root .rbr-radios label, :root .rbr-radios input[type="radio"] + span, :root .rbr-radios input[type="radio"] + span::before, :root .rbr-checkboxes label, :root .rbr-checkboxes input[type="checkbox"] + span, :root .rbr-checkboxes input[type="checkbox"] + span::before { display: inline-block; vertical-align: middle; color: #000; } :root .rbr-radios, :root .rbr-checkboxes { position: relative; } :root .rbr-radios label *, :root .rbr-checkboxes label * { cursor: pointer; } :root .rbr-radios input[type="radio"], :root .rbr-checkboxes input[type="checkbox"] { opacity: 0; position: absolute; } :root .rbr-radios input[type="radio"] + span, :root .rbr-checkboxes input[type="checkbox"] + span { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.33333em; cursor: pointer; } :root .rbr-radios label:hover span::before, :root .rbr-checkboxes label:hover span::before { box-shadow: 0 0 2px #ccc; } :root .rbr-radios label:hover span, :root .rbr-checkboxes label:hover span { color: #000; } :root .rbr-radios input[type="radio"] + span::before, :root .rbr-checkboxes input[type="checkbox"] + span::before { content: ''; width: 17px; height: 17px; margin: 0 4px 0 0; border: solid 1px #676767; line-height: 14px; text-align: center; border-radius: 100%; background: #FFF; background: radial-gradient(#ffffff, #ffffff); } :root .rbr-radios input[type="radio"]:checked + span::before, :root .rbr-checkboxes input[type="checkbox"]:checked + span::before { background: yellow; } :root .rbr-radios input[type="radio"]:disabled + span, :root .rbr-checkboxes input[type="checkbox"]:disabled + span { cursor: default; opacity: .4; } :root .rbr-radios input[type="radio"]:checked + span::before { content: ''; font-size: 2em; } :root .rbr-checkboxes input[type="checkbox"]:checked + span::before { content: ''; font-size: 1em; } .rbr-radios li, .rbr-checkboxes li { padding: 0 0 20px 0; } /* ################################################# Contact module Templates/Markup: templates/modules/contact/contact.hbs SCSS/CSS scss/modules/contact/contact.scss JavaScript Class js/modules/Contact/Contact.js ##################################################### */ #contact .wrapper { position: relative; top: 40%; transform: translateY(-50%); height: 50%; overflow: visible; } #contact .wrapper .content { position: relative; padding: 0 40px; } #contact .wrapper .content .heading { border-bottom: 1px solid #E7E7E7; } #contact .wrapper .content .heading span { display: block; float: left; margin: 0 15px 0 0; } #contact .wrapper .content .heading h1 { font-size: 2.66667em; padding: 10px 0 0 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } #contact .wrapper .content .intro { margin: 43px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #E7E7E7; } #contact .wrapper .content .intro h2 { margin: 0; font-size: 1.33333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } #contact .wrapper .content .intro p { margin: 5px 0 0 0; font-size: 1.33333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } #contact .wrapper .content .options ul li { padding: 14px 0 11px 0; border-bottom: 1px solid #E7E7E7; } #contact .wrapper .content .options ul li a { display: block; font-size: 1.66667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; color: #000; } #contact .wrapper .content .options ul li a span { display: block; float: right; margin: 10px 0 0 0; width: 8px; height: 12px; background: transparent url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; } #contact .wrapper .content .options ul li .sub { display: none; position: absolute; top: 95px; left: 50%; width: 92%; height: 100%; margin-left: -46%; background: #FFF; } #contact .wrapper .content .options ul li .sub.illuminated { display: block; } #contact .wrapper .content .options ul li .sub a.back { position: absolute; top: -75px; right: 0; display: block; font-size: 1.66667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; color: #000; } #contact .wrapper .content .options ul li .sub a.back span { display: block; float: left; margin: 9px 11px 0 0; width: 8px; height: 12px; background: transparent url("assets/images/icons/arrow-left-small.png") 0 0 no-repeat; } #contact .wrapper .content .options ul li .sub .intro { border: 0 none; } #contact .wrapper .content .options ul li .sub .information { padding: 10px 0 30px 0; border-bottom: 1px solid #E7E7E7; } #contact .wrapper .content .options ul li .sub .information p { font-size: 1.33333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } #contact .wrapper .content .options ul li .sub a.cta { position: relative; left: auto; bottom: auto; margin: 10px 0 0 0; } /* ################################################# Notes module Templates/Markup: templates/modules/notes/notes.hbs SCSS/CSS scss/modules/notes/notes.scss JavaScript Class js/modules/notes/notes.js ##################################################### */ #notesTool > .wrapper { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #notesTool .mobileTabs { display: none; } #notesTool .notesContent { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; padding-top: 12px; } #notesTool .notesContent h2 { position: relative; border-bottom: 1px solid #e7e7e7; margin-bottom: 30px; padding-bottom: 8px; } #notesTool .notesContent h2 .icon { margin-right: 15px; } #notesTool .notesContent h2 .icon.lastViewed { position: relative; top: 4px; } #notesTool .notesContent h2.lastViewed { margin-top: -15px; } #notesTool .notesContent .moduleDesc { font-size: 1.2em; line-height: 1.55em; } #notesTool .notesContent .headerMobile { display: none; } .pagesList .pageItem { display: block; position: relative; height: 50px; padding: 1px; text-decoration: none; } .pagesList .pageItem .itemThumb { float: left; width: 52px; height: 52px; margin-right: 15px; background: #e6e7e9 url(assets/images/modules/notes/thumbs/page_thumb_placeholder.jpg) 50% 50% no-repeat; } .pagesList .pageItem .pageName, .pagesList .pageItem .pageDesc { font-size: 1.2em; line-height: 1.4em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pagesList .pageItem .pageName { margin: 5px 0 0; } .pagesList .pageItem .pageDesc { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .pagesList .removeItem { display: none; width: 21px; height: 21px; position: absolute; top: 0; right: 1px; background: #F7FF00 url(assets/images/modules/notes/close_item.png) 50% 50% no-repeat; } .pagesList li { position: relative; margin: 5px 0; padding-right: 60px; } .pagesList li.remove { display: none; } .pagesList li:hover { background-color: #f8f8f8; } .pagesList li:hover .removeItem { display: block; } .scrollBox { position: relative; height: 284px; margin-top: 35px; } .scrollBox .viewport { position: relative; height: 284px; overflow: hidden; margin-right: 10px; } .scrollBox .overview { list-style: none; position: absolute; left: 0; top: 0; right: 0; padding: 0; margin: 0; } .scrollBox .scrollbar { position: absolute; top: 0; right: 0; width: 9px; height: 100%; background: #f7f7f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .scrollBox .scrollbar.disable { display: none; } .scrollBox .track { position: relative; height: 100%; background: #f7f7f7; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .scrollBox .thumb { position: absolute; top: 0; left: 0; height: 20px; width: 100%; cursor: pointer; overflow: hidden; background: #e6e7e9; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .scrollBox .thumb .end { display: none; background: #e6e7e9; overflow: hidden; } .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .icon { display: inline-block; } .icon.flagged { width: 30px; height: 30px; background: url(assets/images/modules/notes/flagged_pages.png) 0 0 no-repeat; } .icon.lastViewed { width: 40px; height: 45px; background: url(assets/images/modules/notes/last_viewed.png) 0 0 no-repeat; } #main { background: white; } .subNavigation { width: 300px; background: #343a3c; position: fixed; top: 0; left: 0; height: 100%; z-index: 3000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(-300px, 0); -moz-transform: translate(-300px, 0); -ms-transform: translate(-300px, 0); -o-transform: translate(-300px, 0); transform: translate(-300px, 0); } .subNavigation.openSubNav, .openSubNav .subNavigation { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .subNavigation .container { padding: 20px 40px 40px 40px; height: 100%; overflow-y: auto; } .subNavigation .closeHandle { display: block; width: 40px; height: 76px; text-indent: -9999px; background: #FF0; position: absolute; bottom: 0px; right: -40px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(-40px, 0); -moz-transform: translate(-40px, 0); -ms-transform: translate(-40px, 0); -o-transform: translate(-40px, 0); transform: translate(-40px, 0); } .subNavigation .closeHandle.openSubNav, .openSubNav .subNavigation .closeHandle { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .subNavigation .closeHandle:before { content: ''; position: absolute; width: 22px; height: 3px; background: #000; top: 30px; right: 7px; -webkit-transform: rotate(45deg) translateY(5px) translateX(2px); -moz-transform: rotate(45deg) translateY(5px) translateX(2px); -ms-transform: rotate(45deg) translateY(5px) translateX(2px); -o-transform: rotate(45deg) translateY(5px) translateX(2px); transform: rotate(45deg) translateY(5px) translateX(2px); } .subNavigation .closeHandle:after { content: ''; position: absolute; width: 22px; height: 3px; background: #000; top: 40px; right: 7px; -webkit-transform: rotate(-45deg) translateY(-5px) translateX(2px); -moz-transform: rotate(-45deg) translateY(-5px) translateX(2px); -ms-transform: rotate(-45deg) translateY(-5px) translateX(2px); -o-transform: rotate(-45deg) translateY(-5px) translateX(2px); transform: rotate(-45deg) translateY(-5px) translateX(2px); } .subNavigation .closeHandle i { position: absolute; width: 0; height: 0; border-style: solid; border-width: 7px 7px 7px 0; border-color: transparent #F7FF00 transparent transparent; left: -7px; bottom: 17px; } .advantages-adnav-wrap { position: relative; display: block; overflow: hidden; background: #E9EDF0; -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.2); } .advantages-adnav-wrap:before { content: ''; position: absolute; display: block; width: 5px; right: 0; top: 0; bottom: 0; background: #E9EDF0; } .advantages-adnav-wrap .sidebar { position: relative; width: 25.2%; margin-left: 0 !important; } .advantages-adnav-wrap .sidebar a { color: #BBC0C4; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .advantages-adnav-wrap .sidebar a.handle { position: absolute; left: 0; display: block; float: left; width: 40px; height: 76px; margin: 0 12px 0 0; background: yellow url("assets/images/modules/sidebar/handle.png") center center no-repeat; border-bottom: 1px solid yellow; text-indent: -9999px; } .advantages-adnav-wrap .sidebar a.handle i { display: block; width: 7px; height: 18px; margin: 26px 0 0 40px; background: url("assets/images/modules/sidebar/tip.png") 0 0 no-repeat; } .advantages-adnav-wrap .sidebar .barContent { overflow: hidden; height: 76px; margin: 0 0 -1px 0; padding-left: 50px; background: #454D50; color: #BBC0C4; } .advantages-adnav-wrap .sidebar .barContent .white { position: absolute; left: 0; bottom: -5px; width: 100%; height: 5px; background: #FFF; z-index: 9999; } .advantages-adnav-wrap .sidebar .barContent ul { overflow: hidden; margin: 12px 0 10px 0; } .advantages-adnav-wrap .sidebar .barContent ul li { float: left; padding: 0 12px 0 3px; background: url("assets/images/modules/sidebar/arrow.png") center right no-repeat; font-size: 0.83333em; } .advantages-adnav-wrap .sidebar .barContent ul li:first-child { padding-left: 0; } .advantages-adnav-wrap .sidebar .barContent ul li:last-child { background: none; } .advantages-adnav-wrap .sidebar .barContent span { display: block; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 14px; } .advantages-adnav-wrap .sidebar.gridModule { margin-right: 0; } .advantages-adnav-wrap .adNav { background: #E9EDF0; width: 72.7% !important; margin-right: 0; } .advantages-adnav-wrap .adNav ul li { display: block; float: left; padding: 26px 60px 26px 50px; } .advantages-adnav-wrap .adNav ul li.active, .advantages-adnav-wrap .adNav ul li:hover { background: #FFF; } .advantages-adnav-wrap .adNav ul li a { color: #000; font-size: 1.33333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .advantages-adnav-wrap .adNav.gridModule { margin-left: 0; } /* ################################################# Content Navigation module Templates/Markup: templates/modules/contentnav/contentnav.hbs SCSS/CSS scss/modules/contentnav/_contentnav.scss JavaScript Class js/modules/contentnav/contentnav.js ##################################################### */ .contentNavWrapper { height: 76px; } #contentNav { height: 74px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; background-color: #fff; } #contentNav:after { content: ''; display: table; clear: both; } #contentNav, #contentNav a { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; color: #000; } #contentNav:hover, #contentNav a:hover { text-decoration: none; } #contentNav .top { height: 100%; } #contentNav .top a:before { content: ""; display: inline-block; position: relative; top: -2px; width: 12px; height: 9px; margin-right: 12px; background: url(assets/images/icons/arrow-top-black.png) 0 0 no-repeat; } #contentNav #goTop { position: relative; top: 30px; font-size: 1.84em; line-height: 0.82em; text-decoration: none; } #contentNav .navItems { list-style-type: none; counter-reset: nav-items; margin-left: 0px; } #contentNav .navItems:after { content: ''; display: table; clear: both; } #contentNav .navItems li { position: relative; float: left; height: 74px; border-left: 1px solid #e7e7e7; box-sizing: border-box; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #contentNav .navItems li.active { background-color: #f7fd00; } #contentNav .navItems li a { width: 64%; height: 48px; line-height: 16px; position: absolute; text-decoration: none; padding: 28px 8% 0 28%; overflow: hidden; } #contentNav .navItems li a:before { content: counter(nav-items); counter-increment: nav-items; position: absolute; left: 15px; top: 30px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 2.33333em; line-height: 22px; margin-right: 10px; } #contentNav .navItems li a i { display: none; } .sticky-spy #contentNav { position: fixed; top: 58px; z-index: 1000; } .loan-title h1 { display: none; margin: 0; padding: 0 0 15px 0; text-align: center; font-size: 2.08333em; color: #000; } .loan-title h1 { display: none; margin: 0; padding: 0 0 15px 0; text-align: center; font-size: 2.08333em; color: #000; } #results { padding: 40px; } #results .content, #results .resultList .resultNode { position: relative; width: 665px; margin: 0 auto; } #results .resultList .resultNode h1 { margin: .25em 0; } #results .resultList .resultNode h1 { margin: 0; font-size: 1.58333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .resultList .content { margin-bottom: 30px !important; } .resultNode h1 a {color: #000;} /* div#results div.search { margin: 40px auto 0; } */ #results .search form { position: relative; } #results .search form input[type="text"] { height: 61px; padding: 8px 0 0 13px; font-size: 2.41667em; } #results select { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 18px; margin: 15px 15px 0 0; width: 100%; } #results .search form input { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } #results .search form input[type="text"] { height: 61px; padding: 8px 0 0 13px; font-size: 2.41667em; } #results select#searchKeywordsType { margin-right: 0; } #results .search form input[type="submit"] { display: block; position: absolute; top: 1px; right: 1px; width: 60px; height: 59px; padding: 3px 0 0 5px; border: 0; font-size: 1.58333em; background: #f7fe00; cursor: pointer; } #results .search form input[type="submit"] { width: auto; padding: 3px 10px 0 10px; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } #results .resultList { padding: 36px 0 0 0; } #results .resultNode { padding: 0 0 33px; } #results .resultList .resultNode p { font-size: 14px; } #results .pagination { overflow: hidden; text-align: center; } #results .pagination .controls { width: 665px; } #results .pagination .controls span { display: block; float: left; height: 35px; margin: 0 0 10px 0; } #results .pagination .controls a.control.prev { margin: 0 24px 0 0; background: yellow url(assets/images/icons/arrow-left-small.png) center center no-repeat; } #results .pagination .controls a.control.next { background: yellow url(assets/images/icons/arrow-right-small.png) center center no-repeat; } #results .pagination .controls a.control { text-indent: -9999px; width: 35px; height: 35px; margin: 0; padding: 0; } #results .pagination .controls a { display: inline-block; margin: 10px 18px 0 0; font-size: 1.83333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; color: #AAA; } #results .pagination .controls a { line-height: 1em; margin-top: 7px; } #results .pagination .controls a:hover, #results .pagination .controls a.active { color: #000; border-bottom: 3px solid yellow; } #results .resultList { padding: 36px 0 0 0; } .homeModuleColumn ul { font-size: 1.33333em; } .yellow-btn { background: #fdf800; padding: 20px 25px 20px 60px; text-decoration: none!important; font-weight: 700; position: relative; margin: 20px 20px 0 0; display: inline-block; } .yellow-btn.kalk:before { content: ''; position: absolute; left: 20px; top: 0; width: 26px; height: 100%; display: block; background: url(assets/images/calculator.svg) 50% 50% no-repeat; background-size: 26px auto; } .yellow-btn.kontakt:before { content: ''; position: absolute; left: 20px; top: 0; width: 26px; height: 100%; display: block; background: url(assets/images/phone-call.svg) 50% 50% no-repeat; background-size: 26px auto; } .loan-title p { display: none; margin: 0; padding: 0; text-align: center; font-size: 1.08333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; color: #000; } .accordion-section-title { background: #ffff00; padding: 10px 15px; margin: 20px 0 0 0; } .accordion-section-title h3 { margin-bottom: 0; } .info-list-home li { margin: 10px 0; } .info-list-home a { position: relative; padding: 7px 0 0 50px; } .info-list-home a:before { content: ''; position: absolute; left: 0; top: 0; width: 35px; height: 35px; display: block; } .info-list-home .osobni-podaci:before { background: url(assets/images/osobni-podaci.svg) 50% 50% no-repeat; background-size: 35px auto; } .info-list-home .gdpr:before { background: url(assets/images/gdpr.svg) 50% 50% no-repeat; background-size: 35px auto; } .info-list-home .sporovi:before { background: url(assets/images/sporovi.svg) 50% 50% no-repeat; background-size: 35px auto; } .info-list-home .info-ulaganja:before { background: url(assets/images/info-ulaganja.svg) 50% 50% no-repeat; background-size: 35px auto; } .info-list-home .objave:before { background: url(assets/images/objave.svg) 50% 50% no-repeat; background-size: 35px auto; } .content table, .simple-table { width: 100%; font-size: 14px; } .content table tbody tr:nth-of-type(odd), .simple-table tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); } .content table th, .simple-table th, #tablica_obvezniFondovi th, #tablica_obvezniFondovi td[colspan]:first-child { font-weight: 700; } .content table th, .content table td, .simple-table th, .simple-table td { padding: 10px; vertical-align: middle; border-top: 1px solid #dee2e6; } .simple-table.centered td, .simple-table.centered th { text-align: center; border: none; } .content table thead tr, .simple-table.yellow-header thead tr { background: #f7fd00; } .content table, .simple-table.yellow-header { margin: 20px 0 0 0; } .vrijednostObrJedParagraf { margin: 40px 0 0 0; } #tablica_obvezniFondovi td, #tablica_obvezniFondovi th { vertical-align: middle; border: 1px solid #dcd9d5; padding: 10px; text-align: center; } #tablica_obvezniFondovi .yellow { background: #f7fd00; font-weight: 700; } #tablica_obvezniFondovi img { margin: 0 auto; } .prinosi-wrapper { margin: 40px 0 0 0; } .prinosi-wrapper h3 { margin: 30px 0 10px 0; } .prinosi-wrapper .simple-table.yellow-header { margin: 0; } .prinosi-note { margin: 20px 0 0 0; } /**Custom nase**/ .liAsAnchor { display: block; position: relative; top: -180px; visibility: hidden; } div.overlayUntilLoaded { opacity: 1; background: grey; width: 100%; height: 100%; z-index: 9999999; top: 0; left: 0; position: fixed; } a:hover { cursor:pointer; } .showMeOnClick{height:auto !important;display:block;} .index .sidebar .barContent {padding-left: 60px !important;} .index .sidebar .barContent ul li {display: none;} .index .sidebar .barContent ul li:first-child {display: block;} .index .sidebar .barContent span {margin-top: 10px !important;} .ui-datepicker select { height: 25px; } .loan-title p { display: none; margin: 0; padding: 0; text-align: center; font-size: 1.08333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; color: #000; } .loan { margin: 60px 0 60px 0; overflow: hidden; background: url("assets/images/modules/loan/background.png") center center no-repeat; background-size: cover; font-size: 1.16667em; } .loan .introLoan { margin: 36px 0 0 0; padding: 0; text-align: right; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; color: #FFF; float: left; width: 25%; } .loan .introLoan .introContent { padding: 0 20px 0 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .loan .introLoan .introContent h1 { margin: 0; padding: 0 0 15px 0; font-size: 2.08333em; color: #FFF; } .loan .introLoan .introContent p { margin: 0; padding: 0 0 0 101px; font-size: 0.9286em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; color: #FFF; } .loan .tool { position: relative; float: left; text-align: center; cursor: pointer; width: 75%; } .loan .tool .wrapper { overflow: hidden; max-width: none; width: 100%; } .loan .tool .wrapper a.handle { width: 346px; display: block; padding: 61px 0 51px 0; color: #000; font-size: 1.14286em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; background: yellow; } .loan .tool .wrapper a.handle span { display: inline-block; } .loan .tool .wrapper a.handle i { display: inline-block; width: 12px; height: 10px; margin: 0 0 0 18px; background: url("assets/images/icons/arrow-bottom-black.png") 0 0 no-repeat; } .loan .tool .wrapper .step, .loan .tool .wrapper .recommend { display: none; float: left; width: 10%; height: 464px; padding: 21px 0 0; box-shadow: inset 1px 0 0 0 #A09E9D; overflow: hidden; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; color: #000; cursor: default; } .loan .tool .wrapper .step:last-child, .loan .tool .wrapper .recommend:last-child { border-right: 0 none; } .loan .tool .wrapper .step.visible, .loan .tool .wrapper .recommend.visible { display: block; } .loan .tool .wrapper .step.closed, .loan .tool .wrapper .recommend.closed { cursor: pointer; } .loan .tool .wrapper .step.closed:hover, .loan .tool .wrapper .recommend.closed:hover { background: rgba(255, 255, 255, 0.1); } .loan .tool .wrapper .step[data-selected], .loan .tool .wrapper .recommend[data-selected] { cursor: pointer; } .loan .tool .wrapper .step[data-selected].expanded:hover, .loan .tool .wrapper .recommend[data-selected].expanded:hover { background: yellow; } .loan .tool .wrapper .step[data-selected]:hover, .loan .tool .wrapper .recommend[data-selected]:hover { background: rgba(235, 237, 237, 0.1); } .loan .tool .wrapper .step.expanded, .loan .tool .wrapper .recommend.expanded { width: 346px; background: yellow; border: 0 none; } .loan .tool .wrapper .step.expanded.recommend.expanded, .loan .tool .wrapper .recommend.expanded.recommend.expanded { display: table; width: 40%; text-align: center; } .loan .tool .wrapper .step.expanded.recommend.expanded .content, .loan .tool .wrapper .recommend.expanded.recommend.expanded .content { display: table-cell; padding: 0 20px; vertical-align: middle; } .loan .tool .wrapper .step.expanded.recommend.expanded .content .heading, .loan .tool .wrapper .recommend.expanded.recommend.expanded .content .heading { padding: 0; } .loan .tool .wrapper .step.expanded.recommend.expanded .content .heading h3, .loan .tool .wrapper .recommend.expanded.recommend.expanded .content .heading h3 { margin: 0; padding: 0; font-size: 1em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .loan .tool .wrapper .step.expanded.recommend.expanded .content .heading a, .loan .tool .wrapper .recommend.expanded.recommend.expanded .content .heading a { font-size: 1.5em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; color: #000; } .loan .tool .wrapper .step.expanded.recommend.expanded .content .heading a i, .loan .tool .wrapper .recommend.expanded.recommend.expanded .content .heading a i { display: block; float: right; width: 9px; height: 12px; margin: 10px 4px 0 0; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; } .loan .tool .wrapper .step.expanded .content, .loan .tool .wrapper .recommend.expanded .content { padding: 0 45px 25px 45px; text-align: left; } .loan .tool .wrapper .step.expanded .content .heading span, .loan .tool .wrapper .recommend.expanded .content .heading span { float: left; margin: 0 10px 0 0; color: #000; } .loan .tool .wrapper .step.expanded .content .heading h3, .loan .tool .wrapper .recommend.expanded .content .heading h3 { padding: 3px 0 0 0; font-size: 1.5em; color: #000; } .loan .tool .wrapper .step.expanded .content .additional, .loan .tool .wrapper .recommend.expanded .content .additional { display: block; } .loan .tool .wrapper .step .content, .loan .tool .wrapper .recommend .content { padding: 0; text-align: center; } .loan .tool .wrapper .step .content .heading, .loan .tool .wrapper .recommend .content .heading { overflow: hidden; padding: 21px 0 65px 0; } .loan .tool .wrapper .step .content .heading span, .loan .tool .wrapper .recommend .content .heading span { display: block; padding: 0 0 15px 0; font-size: 1.5em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; color: #FFF; } .loan .tool .wrapper .step .content .heading h3, .loan .tool .wrapper .recommend .content .heading h3 { display: block; padding: 0 10px; font-size: 1.16667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; color: #FFF; } .loan .tool .wrapper .step .content .additional, .loan .tool .wrapper .recommend .content .additional { display: none; } .loan .tool .wrapper .step .content .additional ul, .loan .tool .wrapper .recommend .content .additional ul { display: block; margin: 0 0 53px 0; font-size: 1.16667em; } .loan .tool .wrapper .step .content .additional ul li, .loan .tool .wrapper .recommend .content .additional ul li { display: block; margin: 0 0 19px 0; } .loan .tool .wrapper .step .content .additional ul li:hover span, .loan .tool .wrapper .step .content .additional ul li.active span, .loan .tool .wrapper .recommend .content .additional ul li:hover span, .loan .tool .wrapper .recommend .content .additional ul li.active span { background: #000; } .loan .tool .wrapper .step .content .additional ul li span, .loan .tool .wrapper .recommend .content .additional ul li span { display: block; float: left; width: 18px; height: 18px; margin: 1px 15px 0 0; border-radius: 200px; border: 1px solid #000; } .loan .tool .wrapper .step .content .additional ul li a, .loan .tool .wrapper .recommend .content .additional ul li a { color: #000; } .loan .tool .wrapper .step .content .additional .bottom, .loan .tool .wrapper .recommend .content .additional .bottom { font-size: 0.83333em; } .loan .tool .wrapper .step .content .additional .option, .loan .tool .wrapper .recommend .content .additional .option { margin: 0 0 19px 0; cursor: pointer; } .loan .tool .wrapper .step .content .additional .option:hover input + label span, .loan .tool .wrapper .recommend .content .additional .option:hover input + label span { background: #000; } .loan .tool .wrapper .step .content .additional .option input, .loan .tool .wrapper .recommend .content .additional .option input { display: none; } .loan .tool .wrapper .step .content .additional .option input + label span, .loan .tool .wrapper .recommend .content .additional .option input + label span { display: inline-block; float: left; width: 18px; height: 18px; margin: 1px 15px 0 0; border-radius: 200px; border: 1px solid #000; } .loan .tool .wrapper .step .content .additional .option label, .loan .tool .wrapper .recommend .content .additional .option label { font-size: 1.16667em; cursor: pointer; } .loan .tool .wrapper .step .content .description, .loan .tool .wrapper .recommend .content .description { margin: 55px 0 0px 0; font-size: 0.83333em; } .loan .tool .wrapper .step .recommend, .loan .tool .wrapper .recommend .recommend { display: none; } .loan .tool div[data-template] { display: none; } #recommend .heading { width: 194px; } /* ################################################# Comparison module Templates/Markup: templates/modules/comparison/comparison.hbs SCSS/CSS scss/modules/comparison/comparison.scss JavaScript Class js/modules/Comparison/Comparison.js ##################################################### */ .comparison { margin: 60px 0; } .comparison.editable .row .compModule .compModuleHeading a.remove { display: block; } .comparison .row { border-top: 1px solid #f1f1f1; } .comparison .row.sub { width: 54.47%; float: left; overflow: hidden; border: 0; } .comparison .row.sub.bordered .compModule { border-bottom: 1px solid #f1f1f1; padding: 4px 0px; } .comparison .row.sub.cost-bordered .compModule { border-bottom: 0px; padding: 4px 0px; } .comparison .row.sub .compModule { width: 15.52%; border-bottom: 0 none; } .comparison .row.sub .compModule .compModuleContent { border-bottom: 0 none !important; } .comparison .row.sub .compModule .compModuleContent p { overflow: hidden; } .comparison .row.sub.check .compModuleContent { min-height: 40px; } .comparison .row.sub.subCTA .compModule { border-color: #f1f1f1; } .ui-tabs .ui-tabs-nav li.ui-tabs-active{ background-color: #fff200 !important; } @media (max-width: 1141px) { .comparison .row.sub.subCTA .compModule { height: 57px !important; } } .comparison .row.sub.subCTA .compModule:first-child { border-left: 1px solid #f1f1f1 !important; } .comparison .row:first-child .compModule { min-height: 217px; } .comparison .row .compModule { position: relative; float: left; width: 8.45%; border-right: 1px solid #f1f1f1; text-align: center; overflow: hidden; } .comparison .row .compModule.heading { width: 25%; text-align: right; } .comparison .row .compModule.heading.sub { padding: 6px 0 0 0; } .comparison .row .compModule.heading.sub.compModule { margin: 0 0 0 1px; padding: 0; border: 0 none; } .comparison .row .compModule.heading.sub .compModuleContent { padding: 0; } .comparison .row .compModule.heading.sub h2 { float: right; color: #1d1d1b; } .comparison .row .compModule.heading.sub .cost-header { padding-right: 24px; font-size: 1.43333em; } .comparison .row .compModule.heading.sub .carts-header { margin-right: -20px; padding: 14px 0px 0 0; } .comparison .row .compModule.heading.sub .carts-item { padding: 14px 1px 0px 30px; } .comparison .row .compModule.heading.sub .ways-to-bank-header { padding: 14px 0px 0 0; } .comparison .row .compModule.heading.sub .way-to-bank-item { padding: 14px 14px 0px 14px; } .comparison .row .compModule.heading h1 { padding: 0 7px 0 0; font-size: 2.58333em; color: #000; } .comparison .row .compModule.heading .compare-bundles { line-height: 1.14em; } .comparison .row .compModule.heading h2 { display: block; padding: 14px 24px 0 0; margin: 0px 0 0 0; font-size: 1.43333em; } @media (max-width: 1011px) { .comparison .row .compModule.heading h2 { padding: 14px 14px 0 0; } } .comparison .row .compModule.heading h3 { display: block; padding: 18px 14px 4px 0px; margin: 0; color: #000; font-size: 1.18em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .comparison .row .compModule.heading h3.bordered { display: block; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; } .comparison .row .compModule.heading h3.bordered.bottom { border-bottom: 0 none; } .comparison .row .compModule.heading .rowHeadings { max-width: 45%; float: right; text-align: center; } .comparison .row .compModule .compModuleHeading { padding: 28px 0 16px 0; border-bottom: 1px solid #f1f1f1; } .comparison .row .compModule .compModuleHeading a { display: none; position: absolute; top: 5px; right: 5px; width: 9px; height: 8px; background: url("assets/images/generic/remove.jpg") 0 0 no-repeat; text-indent: -9999px; } .comparison .row .compModule .compModuleContent { overflow: hidden; padding: 21px 15px 9px 15px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; color: #989898; } .comparison .row .compModule .compModuleContent.bordered { border-bottom: 1px solid #CECECE; } .comparison .row .compModule .compModuleContent strong { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; color: #000; } .comparison .row .compModule .compModuleContent img { display: block; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px; } .comparison .row .compModule .costs-row { padding: 16px 15px 9px 15px !important; } .comparison .row .compModule a.compModuleCTA { display: block; padding: 11px; background: #FFFF00; color: #1d1d1b; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; position: absolute; width: 100%; bottom: 0; box-sizing: border-box; } .comparison .row .wrapper-apply { width: 15.48% !important; } .comparison h2 { font-size: 1.33333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; color: #1d1d1b; } .comparison .category-desc { color: #b3b2b2; line-height: 1.2em; margin-top: -1px; padding-bottom: 23px; } .gridSystem .grid.y12.comparison { margin: 60px 0; } /* ################################################# Calculator module Templates/Markup: templates/modules/calculator/calculator.hbs SCSS/CSS scss/modules/calculator/_calculator.scss JavaScript Class js/modules/Calculator/Calculator.js ##################################################### */ /* --- Calculator commons -------------------------- */ .calculator { margin: 100px 0; padding: 0 0 35px 0; min-height: 300px !important; margin: 0 0; background-color: #f8f8f8; padding-bottom: 10px; } .calculator.no-padding { padding-bottom: 0 !important; } @media (min-width: 461px) { .calculator #pannel-to-hide .clean.row:nth-child(2), .calculator #pannel-to-hide-2 .clean.row:nth-child(2) { height: 160px; } } .calculator .row.full .column span { font-size: 0.875em; margin-left: 0; position: relative; top: -8px; } .calculator .monthly button { margin-top: 5px; padding: 0; width: 50px; height: 45px; } .calculator .monthly input { margin-top: 5px; padding-right: 57px; /*---- Style fixes for iOS ----*/ -webkit-appearance: none; box-shadow: none !important; } .calculator a.slider-btn { display: none; width: 294px; margin-left: 93px; padding: 27px 0 6px 12px; color: #000; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.125em; background: #f9fd36; background: -moz-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9fd36), color-stop(3%, #f7ff1b), color-stop(6%, #f6fe13), color-stop(9%, #f8fd1c), color-stop(12%, #fafd18), color-stop(18%, #f8fd1c), color-stop(21%, #f8fe14), color-stop(24%, #f9fc19), color-stop(44%, #f9fc19), color-stop(91%, #fff61a), color-stop(94%, #fef512), color-stop(97%, #fff718), color-stop(100%, #fff531)); background: -webkit-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); background: -o-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); background: -ms-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); background: linear-gradient(to bottom, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); } .calculator a.slider-btn.second-tab { top: auto; bottom: -90px; } @media (min-width: 400px) { .calculator a.slider-btn.second-tab { position: static !important; } } @media (min-width: 1366px) { .calculator a.slider-btn { display: none !important; } } @media (max-width: 715px) { .calculator a.slider-btn { margin: 20px auto; width: 294px; float: none; clear: both; } } @media (min-width: 716px) { .calculator a.slider-btn { margin-right: 45px !important; } } @media (max-width: 620px) { .calculator a.slider-btn { margin: 10px auto; } } .calculator .slider-btn:hover { color: black; } .calculator .slider-btn i { display: block; float: right; width: 35px; height: 35px; margin: -8px 0px 0 15px; position: relative; background: #F9FD00; } .calculator .slider-btn i b { position: absolute; top: 50%; width: 9px; height: 12px; margin: -3px 0 0 0; content: ''; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; right: 13px; } .calculator a.slider-btn.first-tab, .calculator a.slider-btn.first-tab { position: static; left: 0; right: 0; margin-left: auto; } @media screen and (max-width: 620px) { .calculator a.slider-btn.first-tab, .calculator a.slider-btn.first-tab { left: 0; } } .calculator a.slider-btn.first-tab { top: auto; bottom: -90px; } .calculator .calcNavigation .row:hover, .calculator .calcNavigation .row.active { background: yellow; cursor: pointer; } .calculator .calcStep { display: none; position: relative; float: left; width: 74.8%; } .calculator .calcStep .calcColumn .row:after { content: ''; display: table; clear: both; } .calculator .calcStep .calcColumn .row .drop select { border: none; background-color: #F8F8F8; font-weight: 700; font-size: 1em; padding-right: 50px; text-transform: uppercase; } @media screen and (max-width: 438px) { .calculator .calcStep .calcColumn .row .drop select { font-size: 0.75em !important; direction: rtl; padding-right: 55px; } } .calculator .calcStep .calcColumn .row .drop select option { text-transform: uppercase; } .calculator .calcStep.active { display: block; } .calculator .calcStep[data-step="amount"] .calcColumn .row.amount { padding-bottom: 21px; } .calculator .calcStep[data-step="amount"] .calcColumn .row .column { min-height: 87px; } .calculator .calcColumn { float: left; margin: 0 !important; width: 49.9% !important; padding: 7px 0 0 0; } @media (min-width: 1366px) { .calculator .calcColumn { display: block !important; } } .calculator .calcColumn:last-child, .calculator .calcColumn.bordered { border-left: 1px solid #E7E7E7; } .calculator .calcColumn.calcNavigation { width: 25% !important; padding: 0; border-right: 1px solid #E7E7E7; min-height: 390px; text-align: right; } .calculator .calcColumn.calcNavigation .row { margin: 0; padding: 20px 10px 15px 10px; } @media (max-width: 438px) { .calculator .calcColumn.calcNavigation .row { height: 73px; box-sizing: border-box; vertical-align: top; padding: 25px 7px 22px 7px; } } .calculator .calcColumn.calcNavigation .row a:active, .calculator .calcColumn.calcNavigation .row a:focus { text-decoration: none; } @media (max-width: 380px) { .calculator .calcColumn.calcNavigation .row:nth-child(3) a { padding-left: 16px; } } .calculator .calcColumn h1 { display: block; margin: 0; padding: 0 24px 30px 0; border-bottom: 1px solid #E7E7E7; font-size: 2.08333em; } .calculator .calcColumn h4 { margin: 6px 0 0; padding: 0 0 15px 0; font-size: 1.38462em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } @media (max-width: 438px) { .calculator .calcColumn h4 { margin: 10px auto; } } .calculator .calcColumn h2 { position: absolute; bottom: 0; margin: 0; padding: 15px 0 0; font-size: 2.25em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .calculator .calcColumn h2 strong { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .calculator .calcColumn h2 i { display: block; float: left; padding: 2px 10px 0 0; font-size: 0.58333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .calculator .calcColumn h5 { float: left; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.16667em; } .calculator .calcColumn h5 strong { display: block; float: left; margin: 0 8px 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .calculator .calcColumn h6 { float: left; padding: 4px 0 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 0.9375em; } .calculator .calcColumn .row { border-bottom: 1px solid #E7E7E7; margin: 0 15px; } .calculator .calcColumn .row.active a i { background: url("assets/images/icons/arrow-bottom-black.png") center center no-repeat; } .calculator .calcColumn .row:after { content: ''; display: block; clear: both; } .calculator .calcColumn .row:last-child, .calculator .calcColumn .row.clean { border: none; } .calculator .calcColumn .row.clean { padding-top: 17px; } .calculator .calcColumn .row.amount { position: relative; padding-top: 0; padding-bottom: 19px; } .calculator .calcColumn .row.amount i.tooltip { margin-top: 5px; margin-left: 8px; } .calculator .calcColumn .row.full { margin-right: 0; padding-right: 15px; } @media (max-width: 460px) { .calculator .calcColumn .row.full .column span { line-height: 1em; top: -3px; } } .calculator .calcColumn .row.period { overflow: visible; } @media (max-width: 460px) { .calculator .calcColumn .row.period:first-of-type { margin-top: 20px; } .calculator .calcColumn .row.period:nth-of-type(2) { border-top: 1px solid #e7e7e7; } .calculator .calcColumn .row.period:nth-of-type(2).clean:last-of-type { padding-bottom: 40px; } } .calculator .calcColumn .row.period h1 { border: 0 none; } .calculator .calcColumn .row.interest { border-top: 1px solid #e7e7e7; } .calculator .calcColumn .row.interest .interestHeading { padding-bottom: 4px; margin-bottom: 10px; border-bottom: 1px solid #E7E7E7; } .calculator .calcColumn .row.interest strong { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .calculator .calcColumn .row.interest .drop { margin-top: -5px; } .calculator .calcColumn .row.interest h4 { padding-bottom: 11px; margin-top: 4px; } .calculator .calcColumn .row.interest .radio-yellow strong { font-size: 0.86em; text-transform: uppercase; display: inline-block; } .calculator .calcColumn .row.interest .radio-yellow strong span { text-transform: none; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .calculator .calcColumn .row a { display: block; font-size: 1.16667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; color: #000; } @media (max-width: 620px) { .calculator .calcColumn .row a { font-size: 1.16667em; } } .calculator .calcColumn .row a i { display: block; float: right; margin: 4px 0 0 9px; width: 12px; height: 12px; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; } .calculator .calcColumn .row a.calcApply { position: relative; float: left; width: 45%; padding: 21px 0 9px 17px; margin: 0 10px 0 0; font-size: 1.33333em; background: yellow; } .calculator .calcColumn .row a.calcApply:last-child { margin: 0; } .calculator .calcColumn .row a.calcApply i { position: absolute; float: none; top: 50%; right: 13px; margin-top: -6px; } .calculator .calcColumn .row a.stepHandle span { display: block; } .calculator .calcColumn .row span { display: inline-block; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; padding: 0 19px 2px 0; font-size: 0.93333em; } .calculator .calcColumn .row .heading { float: left; } .calculator .calcColumn .row .calcBtnClose { display: none; } @media screen and (max-width: 420px) { .calculator .calcColumn .row .calcBtnClose { position: absolute; top: 7px; right: 13px; cursor: pointer; display: block; } .calculator .calcColumn .row .calcBtnClose a { font-size: 1.125em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .calculator .calcColumn .row .calcBtnClose a i { display: block; float: right; width: 18px; height: 18px; margin: 5px 0 0 15px; background: url("assets/images/modules/search/close.png") 0 0 no-repeat; } } .calculator .calcColumn .row .column { position: relative; float: left; width: 48.4%; min-height: 68px; border-right: 1px solid #E7E7E7; } .calculator .calcColumn .row .column:last-child { border-right: 0 none; padding: 0 0 0 10px; } .calculator .calcColumn .row .column.small { min-height: 0; font-size: 1.41667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .calculator .calcColumn .row .column.small strong { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .calculator .calcColumn .row .column .customTooltip { position: absolute; top: -120px; left: -155px; } .calculator .calcColumn .row .column.tooltipHolder { min-height: 0 !important; float: right; } .calculator .calcColumn .row .column.tooltipHolder .customTooltip { top: -8px; left: -180px; } .calculator .calcColumn a.calcMore, .calculator .calcColumn a.calcMorePdf { position: relative; display: inline-block; width: 93.6%; margin: 5px 15px 5px; padding: 6px 0; border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; text-align: center; color: #000; font-size: 1.16667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } @media screen and (max-width: 420px) { .calculator .calcColumn a.calcMore, .calculator .calcColumn a.calcMorePdf { text-align: left; width: 90%; } } .calculator .calcColumn a.calcMore i, .calculator .calcColumn a.calcMorePdf i { position: relative; display: inline-block; top: 0px; right: 13px; margin: 0 0 0 21px; width: 9px; height: 12px; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; } @media (max-width: 420px) { .calculator .calcColumn a.calcMore i, .calculator .calcColumn a.calcMorePdf i { float: right; margin-top: 8px; right: 2px; } } .calculator .calcColumn a.calcMore:hover i, .calculator .calcColumn a.calcMorePdf:hover i { -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } @media (min-width: 959px) { .calculator .calcColumn a.calcMore { display: block; } .calculator .calcColumn a.calcMorePdf { display: none; } } .calculator .calcColumn .monthly { position: relative; overflow: hidden; width: 70%; margin: 43px auto 15px; clear: both; } .calculator .calcColumn i.currency, .calculator .calcColumn i.percent { display: block; float: left; padding: 0 10px 0 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .calculator .calcColumn input[type="checkbox"] + span::before { margin: -2px 8px 0 0; } .calculator .calcColumn .rbr-radios input[type="radio"] + span::before { background-image: linear-gradient(#e6ee0a, #fef600); } .calculator .calcOverlay { display: none; position: absolute; width: 100%; height: 100%; background-color: #f8f8f8; z-index: 2000; top: -20px; padding-top: 30px; } .calculator .calcOverlay .calcOverlayContent { position: relative; padding: 9px 18px; } @media (max-width: 380px) { .calculator .calcOverlay .calcOverlayContent { padding: 14px 0px 0px 10px; } } @media (max-width: 340px) { .calculator .calcOverlay .calcOverlayContent { padding: 14px 0px 0px 5px; } } .calculator .calcOverlay .calcOverlayContent .calcRow { float: left; width: 19.7%; } @media (max-width: 1300px) and (min-width: 561px) { .calculator .calcOverlay .calcOverlayContent .calcRow { width: 24.8%; } } .calculator .calcOverlay .calcOverlayContent .calcRow:first-child { width: 60%; } @media (max-width: 1300px) and (min-width: 561px) { .calculator .calcOverlay .calcOverlayContent .calcRow:first-child { width: 50%; } } .calculator .calcOverlay .calcOverlayContent .calcRow:first-child ul { margin: 0; } .calculator .calcOverlay .calcOverlayContent .calcRow:first-child ul li { padding-left: 0; padding-bottom: 8px; } .calculator .calcOverlay .calcOverlayContent .calcRow:first-child ul li:last-child { text-align: left; } .calculator .calcOverlay .calcOverlayContent .calcRow:nth-child(2) ul li { border-right: 1px solid #DDD; } .calculator .calcOverlay .calcOverlayContent .calcRow:last-child { border: 0 none; } .calculator .calcOverlay .calcOverlayContent .calcRow:last-child ul li a { margin-left: 5px; } .calculator .calcOverlay .calcOverlayContent .calcRow .headline { padding: 0 10px 0 0; } .calculator .calcOverlay .calcOverlayContent .calcRow .headline h3, .calculator .calcOverlay .calcOverlayContent .calcRow .headline p, .calculator .calcOverlay .calcOverlayContent .calcRow .headline a { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .calculator .calcOverlay .calcOverlayContent .calcRow .headline h3 { margin-bottom: 8px; font-size: 1.33333em; text-align: left; height: 28px; } .calculator .calcOverlay .calcOverlayContent .calcRow .headline p { height: 80px; font-size: 0.9375em; overflow: hidden; margin-bottom: 5px; } @media (max-width: 800px) and (min-width: 561px) { .calculator .calcOverlay .calcOverlayContent .calcRow .headline p { margin-bottom: 5px; } } .calculator .calcOverlay .calcOverlayContent .calcRow .calcOverlayClose { position: absolute; top: 0; right: 13px; cursor: pointer; } .calculator .calcOverlay .calcOverlayContent .calcRow .calcOverlayClose a { font-size: 1em; display: block; z-index: 2002; } .calculator .calcOverlay .calcOverlayContent .calcRow .calcOverlayClose a i { display: inline-block; float: right; width: 18px; height: 18px; margin: 2px 0 0 12px; background: url("assets/images/modules/search/close.png") 0 0 no-repeat; } .calculator .calcOverlay .calcOverlayContent .calcRow h4 { position: absolute; top: 56px; left: 10px; font-size: 1em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } @media screen and (max-width: 380px) { .calculator .calcOverlay .calcOverlayContent .calcRow h4 { left: auto; right: 10px; font-size: 0.875em; text-align: right; } } .calculator .calcOverlay .calcOverlayContent .calcRow ul { margin: 103px 0 0 0; } .calculator .calcOverlay .calcOverlayContent .calcRow ul li { display: block; height: 50px; padding: 13px 0 7px 10px; font-size: 1em; border-bottom: 1px solid #DDD; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .calculator .calcOverlay .calcOverlayContent .calcRow ul li:last-child { text-align: right; } .calculator .calcOverlay .calcOverlayContent .calcRow ul li h2 { margin: 0; font-size: 1.83333em; line-height: 22px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .calculator .calcOverlay .calcOverlayContent .calcRow ul li h2 strong { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .calculator .calcOverlay .calcOverlayContent .calcRow ul li h2 i { display: block; float: left; padding: 2px 10px 0 0; font-size: 0.58333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .calculator .calcOverlay .calcOverlayContent .calcRow ul li a { display: block; padding: 5px 0 0; font-size: 1em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; text-align: left; color: #000; float: right; margin-right: 4px; margin-left: -4px; clear: both; } @media (max-width: 1080px) and (min-width: 950px) { .calculator .calcOverlay .calcOverlayContent .calcRow ul li a { font-size: 0.875em; } } @media (max-width: 740px) { .calculator .calcOverlay .calcOverlayContent .calcRow ul li a { width: 114px; font-size: 0.75em; float: left; } } .calculator .calcOverlay .calcOverlayContent .calcRow ul li a:hover i b { -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } .calculator .calcOverlay .calcOverlayContent .calcRow ul li a i { display: block; float: right; width: 30px; height: 30px; margin: -4px 2px 0 6px; position: relative; background: #f9fd36; background: -moz-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9fd36), color-stop(3%, #f7ff1b), color-stop(6%, #f6fe13), color-stop(9%, #f8fd1c), color-stop(12%, #fafd18), color-stop(18%, #f8fd1c), color-stop(21%, #f8fe14), color-stop(24%, #f9fc19), color-stop(44%, #f9fc19), color-stop(91%, #fff61a), color-stop(94%, #fef512), color-stop(97%, #fff718), color-stop(100%, #fff531)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* W3C */ } @media (max-width: 740px) { .calculator .calcOverlay .calcOverlayContent .calcRow ul li a i { background: none; margin: -10px 0 0 0; display: inline-block; width: 14px; } } .calculator .calcOverlay .calcOverlayContent .calcRow ul li a i b { position: absolute; top: 10px; right: 9px; width: 10px; height: 12px; margin-left: auto; margin-right: auto; content: ''; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; } @media screen and (max-width: 740px) { .calculator .calcOverlay .calcOverlayContent .calcRow ul li a i b { right: 0; } } .calculator option { text-transform: uppercase; } .calculator input { width: 99%; margin: 0 0 20px 0; } .calculator ::-webkit-input-placeholder { color: #000; } .calculator :-moz-placeholder { color: #000; opacity: 1; } .calculator ::-moz-placeholder { color: #000; opacity: 1; } .calculator :-ms-input-placeholder { color: #000; } .calculator button { display: block; position: absolute; top: 1px; right: 5px; width: 45px; height: 48px; border: 0 none; background: yellow; cursor: pointer; color: #000; font-size: 1.33333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; } .calculator .noUi-target.noUi-connect { border: none; border-radius: 5px; box-shadow: none; } .calculator .dijitSliderImageHandle, .calculator .noUi-handle { border: 0 none; background: #F5FF00; width: 35px; height: 35px; margin: -8px 0 0; border-radius: 200px; box-shadow: none; cursor: pointer; } .calculator .noUi-handle:before, .calculator .noUi-handle:after { display: none; } .calculator .d3-slider-handle { margin-left: -18px; cursor: pointer; } .calculator .noUi-horizontal { height: 10px; background: #FBFB00; } .calculator .noUi-horizontal:before { left: -10px; background-color: #FBFB00 !important; } .calculator .dijitSliderBar, .calculator .noUi-background { height: 10px; margin-right: -1px; border: 0 none; border-radius: 0 0 0 0; background: #EBEEEE; } .calculator .dijitSliderProgressBar, .calculator .dijitSliderLeftBumper { background: #FBFB00; } .calculator .dijitSliderLeftBumper, .calculator .noUi-horizontal { border-radius: 5px 0 0 5px; } .calculator .dijitSliderRightBumper, .calculator .noUi-background { border-radius: 0 5px 5px 0; } .calculator .dijitSliderProgressBar { border-radius: 0 5px 5px 0; } .calculator .dijitSliderButtonContainer * { display: none; } .calculator #calcSliderLoanAmount { margin-top: 70px; } .calculator #calcSliderNeed { margin: 60px 0 35px 0; } .calculator #calcSliderRepayment { margin: 60px 0 35px 0; } .calculator #calcSliderRepayment .calcSliderAmount { top: 70px; margin: 0 0 0 -9px; } .calculator .calcSliderAmount { position: absolute; top: 75px; left: 35px; width: 35px; margin: 0 0 0 -9px; text-align: center; } .calculator .calcSliderAmount h1 { padding: 0; } .calculator .row.period { position: relative; } .calculator .native input, .calculator .native label { display: block; float: left; width: auto; padding: 0; } .calculator .native label { padding: 16px 0 0 10px; } #cookiesDisclaimer { padding: 0; background-color: #f7f7f7; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; padding: 10px 0 0 0; position: fixed; bottom: 0; left: 0; right: 0; display: block; z-index: 2999; box-shadow: 0 -5px 20px rgba(0,0,0,.2); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } #cookiesDisclaimer .wrapper { position: relative; } #cookiesDisclaimer h2, #cookiesDisclaimer p { font-size: 15px; line-height: 1.2; } #cookiesDisclaimer h2 { margin-bottom: 0; } #cookiesDisclaimer #cookiesAccept { position: absolute; top: 50%; right: 30px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-size: 20px; color: #000; text-decoration: none; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #cookiesDisclaimer #cookiesAccept:after { content: ""; display: inline-block; position: relative; top: 6px; width: 30px; height: 24px; margin-left: 14px; background: url(assets/images/generic/accept_check.png) 0 0 no-repeat; background-size: 25px auto; } .no-scrollMobile { overflow: hidden; height: 100%; position: fixed; top: 0; left: 0; right: 0; width: 100%; } /* Functions */ /* Mixins */ /* -- Grid System ---------------------- */ /* -- Sample queries ----------------- */ /*-- Common mixins ----*/ /*-- Themes and stuff --*/ .quickLinks { overflow: hidden; width: 100%; border-top: 1px solid #E7E7E7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .quickLinks .linksModule { float: left; width: 25.13%; margin: 30px 0px 54px 0; padding: 20px 0 0 0; font-size: 1.16667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; text-align: right; } .quickLinks .linksModule.underline a:hover { text-decoration: underline; } .quickLinks .linksModule h4 { margin-bottom: 20px; } .quickLinks .linksModule.lastViewed { width: 24.9%; margin-top: 41px; padding-right: 28px; } .quickLinks .linksModule.tools { text-align: left; background: none; border-right: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .quickLinks .linksModule.tools .toolsContent { padding: 0 25px 25px 25px; } .quickLinks .linksModule.tools .row { width: 100%; overflow: hidden; padding: 0 20px; } .quickLinks .linksModule.tools .row .imagery { float: left; width: 15.3%; padding-right: 25px; font-size: 0.83333em; } .quickLinks .linksModule.tools .row .imagery img { display: block; margin: 0 0 26px 0; } .quickLinks .linksModule.tools .row .imagery.right { float: right; padding: 4px 5px 4px 0; } .quickLinks .linksModule.tools .row .linksContent { float: left; width: 77%; padding: 0 0 0; } .quickLinks .linksModule.tools .row .linksContent h4 { font-size: 1em; margin: 0 0 4px 0; color: black; } .quickLinks .linksModule.tools .row .linksContent .header-tools { margin-top: -3px; } .quickLinks .linksModule.tools .row .linksContent a { display: inline-block; width: 100%; color: #000; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.35em; } .quickLinks .linksModule.tools .row .linksContent a i { display: inline-block; width: 9px; height: 12px; margin: -2px 0 0 5px; background: url("assets/images/icons/arrow-right-black.png") center right no-repeat; } .quickLinks .linksModule.tools .row .linksContent .personal-calculator { margin-top: -8px; } .quickLinks .linksModule.tools .row .linksContent .home-loan-calculator { margin-bottom: 9px; margin-top: 18px; } .quickLinks .linksModule.tools.noLeftBorder { border-left: none; margin-top: 47px; padding-top: 3px; } .quickLinks .linksModule.tools.noLeftBorder .row .linksContent { padding-top: 13px; } .quickLinks .linksModule.tools.noLeftBorder .row .linksContent h4 { margin-bottom: 0; } .quickLinks .linksModule.tools.noLeftBorder .row .linksContent > p ~ a { display: block; margin-bottom: 12px; } .quickLinks .linksModule.tools.noLeftBorder .row .linksContent > p ~ a:last-child { margin-bottom: 0; } .quickLinks .linksModule.tools.noLeftBorder .row .imagery { padding-right: 15px; } .quickLinks .linksModule.tools.noLeftBorder .row .imagery img { margin-bottom: 16px; } .quickLinks .linksModule.tools.noLeftBorder + .linksModule.existingCustomers { margin-top: 46px; } .quickLinks .linksModule.tools.noLeftBorder + .linksModule.existingCustomers h4 { margin-bottom: 0; } .quickLinks .linksModule.tools.noLeftBorder + .linksModule.existingCustomers a { padding-bottom: 15px; } .quickLinks .linksModule.existingCustomers { width: 15.13%; margin-left: 38px; padding-left: 30px; text-align: left; } .quickLinks .linksModule.existingCustomers h4 { color: black; margin-top: -3px; } .quickLinks .linksModule.existingCustomers a { position: relative; color: #000; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; padding: 0 0 20px 0; } .quickLinks .linksModule.existingCustomers a i { position: absolute; display: inline-block; top: 50%; width: 9px; height: 12px; margin: -6px 0 0 10px; content: ''; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; right: 13px; } .quickLinks .linksModule.existingCustomers a:hover i { top: 0px; -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } .quickLinks .linksModule.existingCustomers .problem-replaying { margin-top: -5px; } .quickLinks .linksModule a { display: block; padding: 0 0 5px 0; color: #000; } .quickLinks .linksModule a.first { padding-top: 10px; } .quickLinks .linksModule a.arrowed { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; padding: 0 0 7px 0; } .quickLinks .linksModule a.arrowed i { display: inline-block; width: 12px; height: 8px; margin: -2px 0 0 5px; background: url("assets/images/icons/arrow-bottom-black.png") center right no-repeat; } .quickLinks .linksModule .last-viewed-product { margin-top: -5px; } .quickLinks.newsListingBox .row .imagery { padding: 1px 0 0 0; } .quickLinks.newsListingBox .row p { margin: 0; } .quickLinks.newsListingBox .linksModule.existingCustomers p { margin-bottom: 25px; } .quickLinks.newsListingBox .linksModule.existingCustomers a { padding: 0 0 5px 0; } .quickLinks strong { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .quickLinks > div, .quickLinks .linksModule, .quickLinks .tools, .quickLinks .lastViewed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* ---- Common elements --------*/ /* Some common elemnts througout the website */ /*-- Common mixins ----*/ /*-- Themes and stuff --*/ /* HEADINGS */ h1.primaryHeading, .h1.primaryHeading { display: block; font-size: 3.16667em; line-height: 1.30em; color: #FFF; text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4); font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } h1.primaryHeading.dark, .dark h1.primaryHeading, .h1.primaryHeading.dark, .dark .h1.primaryHeading { color: #000; } h1.secondaryHeading, .h1.secondaryHeading { display: block; font-size: 2.66667em; line-height: 1.30em; color: #FFF; } h1.secondaryHeading.dark, .dark h1.secondaryHeading, .h1.secondaryHeading.dark, .dark .h1.secondaryHeading { color: #000; } h2.primaryHeading, .h2.primaryHeading { display: block; font-size: 2.5em; line-height: 1.13333em; color: #FFF; } h2.primaryHeading.dark, .dark h2.primaryHeading, .h2.primaryHeading.dark, .dark .h2.primaryHeading { color: #000; } h2.secondaryHeading, .h2.secondaryHeading { display: block; font-size: 2em; line-height: 1.16667em; color: #FFF; } h2.secondaryHeading.dark, .dark h2.secondaryHeading, .h2.secondaryHeading.dark, .dark .h2.secondaryHeading { color: #000; } h3.primaryHeading, .h3.primaryHeading { display: block; font-size: 1.83333em; line-height: 1.18182em; color: #FFF; } h3.primaryHeading.dark, .dark h3.primaryHeading, .h3.primaryHeading.dark, .dark .h3.primaryHeading { color: #000; } h3.secondaryHeading, .h3.secondaryHeading { display: block; font-size: 1.5em; line-height: 1.22222em; color: #FFF; } h3.secondaryHeading.dark, .dark h3.secondaryHeading, .h3.secondaryHeading.dark, .dark .h3.secondaryHeading { color: #000; } h4.primaryHeading, .h4.primaryHeading { display: block; font-size: 1.33333em; line-height: 1.25em; color: #FFF; } h4.primaryHeading.dark, .dark h4.primaryHeading, .h4.primaryHeading.dark, .dark .h4.primaryHeading { color: #000; } h4.secondaryHeading, .h4.secondaryHeading { display: block; font-size: 1em; line-height: 2.16667em; color: #FFF; } h4.secondaryHeading.dark, .dark h4.secondaryHeading, .h4.secondaryHeading.dark, .dark .h4.secondaryHeading { color: #000; } @-webkit-keyframes bounce { 0% { right: 13px; } 20% { right: 13px; } 40% { right: 3px; } 50% { right: 13px; } 60% { right: 8px; } 80% { right: 13px; } 100% { right: 13px; } } @keyframes bounce { 0% { right: 13px; } 20% { right: 13px; } 40% { right: 3px; } 50% { right: 13px; } 60% { right: 8px; } 80% { right: 13px; } 100% { right: 13px; } } /* COMMON ELEMNT STYLES */ .percentage { background-image: url("assets/images/icons/percent.png"); } .lookup { background-image: url("assets/images/icons/lookup.png"); } .tools { background-image: url("assets/images/icons/tools.png"); } .uiThumbnail { display: block; background-size: cover; background-position: center center; background-repeat: no-repeat; } .uiThumbnail.fullSize { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .uiBulletList { color: #fff; position: relative; } .uiBulletList li { position: relative; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; padding: 0 0 0 20px; font-size: 1.16667em; line-height: 1.42857em; } .uiBulletList li:before { content: ''; width: 9px; height: 9px; background: #fff; position: absolute; top: calc(50% - 6px); left: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .uiNavBulletList { color: #FFF; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.08333em; } .uiNavBulletList .item { padding: 4px 0; color: #8b8f93; } .uiNavBulletList .item a { color: inherit; } .uiNavBulletList .item.active { color: #c0c6ca; } .uiNavBulletList .item.active.bullet:after { background: #F7FF00; -webkit-box-shadow: 0px 0px 6px 0px #F7FF00; -moz-box-shadow: 0px 0px 6px 0px #F7FF00; -ms-box-shadow: 0px 0px 6px 0px #F7FF00; -o-box-shadow: 0px 0px 6px 0px #F7FF00; box-shadow: 0px 0px 6px 0px #F7FF00; } .uiNavBulletList .item.bullet { position: relative; } .uiNavBulletList .item.bullet:after { content: ''; position: absolute; top: 8px; left: -16px; width: 7px; height: 7px; background: #6b7376; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .uiNavBulletList .subItem { padding: 2px 0 0 20px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } /* MODULES SPECIFIC STYLES */ /* ( 4 ) M04 Introduction module */ .introductionModule { padding: 40px 0; } .introductionModule:after { content: ''; display: table; clear: both; } .introductionModule p { font-size: 1.33333em; line-height: 1.375em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .infoBox { height: 340px; } /* ( 5 ) M05 Info-Box / Promotion module */ .promotionModule { height: 340px; position: relative; margin: 0px 1px 54px 0; } .promotionModule:after { content: ''; display: table; clear: both; } .promotionModule .content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 100%; bottom: 0; left: 0; padding: 21px 24px 18px 24px; } .promotionModule .content ul { margin-top: 0; } .promotionModule .content h2 { margin-bottom: 13px; } /* ( 8 ) M08 Single Teaser module */ .singleTeaserModule { margin: 0 0 58px 0; } .singleTeaserModule:after { content: ''; display: table; clear: both; } .singleTeaserModule .moduleHeading { position: relative; min-height: 194px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .singleTeaserModule .moduleContent { background: #F7FF00; padding: 20px 50px 23px 22px; height: 103px; } .singleTeaserModule .moduleContent p { font-size: 1.16667em; line-height: 1.58333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; height: 63px; margin: 0px; overflow: hidden; margin-bottom: 24px; } .singleTeaserModule .moduleContent a.uiLink { margin: 0; padding: 0; } .singleTeaserModule .moduleContent a.uiLink h4 { margin: 0; padding-right: 30px; } .singleTeaserModule .moduleContent a.uiLink b { margin: -8px 0 0 0; right: 0px; } .singleTeaserModule .moduleContent a.uiLink:hover b { -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } /* ( 9 ) M09 Multi Teaser module */ .multiTeaserModule { min-height: 194px; margin: 0px 0px 55px 0; border-left: 1px solid #E7E7E7; font-size: 1.16667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .multiTeaserModule:after { content: ''; display: table; clear: both; } .multiTeaserModule .moduleHeading { position: relative; min-height: 194px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .multiTeaserModule .moduleHeading a { color: #FFF; font-size: 1.16667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .multiTeaserModule .moduleHeading a span { display: block; position: absolute; bottom: 10px; right: 0; padding-left: 10px; padding-right: 61px; min-height: 35px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .multiTeaserModule .moduleHeading a span:hover i b { -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } .multiTeaserModule .moduleHeading a i { display: block; float: right; width: 35px; height: 35px; margin: -6px 17px 10px 15px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: #f9fd36; background: -moz-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9fd36), color-stop(3%, #f7ff1b), color-stop(6%, #f6fe13), color-stop(9%, #f8fd1c), color-stop(12%, #fafd18), color-stop(18%, #f8fd1c), color-stop(21%, #f8fe14), color-stop(24%, #f9fc19), color-stop(44%, #f9fc19), color-stop(91%, #fff61a), color-stop(94%, #fef512), color-stop(97%, #fff718), color-stop(100%, #fff531)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fd36', endColorstr='#fff531', GradientType=0); /* IE6-9 */ position: absolute; top: 0; right: 0; overflow: hidden; } .multiTeaserModule .moduleHeading a i b { position: absolute; top: 50%; width: 9px; height: 12px; margin: -5px 0 0 0; content: ''; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; right: 13px; } .multiTeaserModule .content { padding: 25px 0 0 30px; } .multiTeaserModule .content .related { overflow: hidden; } .multiTeaserModule .content .related a { color: #000; float: left; clear: both; display: inline-block; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1em; } .multiTeaserModule .content .related a:after { content: ''; display: table; clear: both; } .multiTeaserModule .content .related a .secondaryHeading { position: relative; display: block; float: left; max-width: 85%; margin-bottom: 0; padding-right: 35px; line-height: 1.45em; } .multiTeaserModule .content .related a i { position: absolute; display: inline-block; top: 0; width: 9px; height: 12px; margin: 5px 0 0 10px; content: ''; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; right: 13px; } .multiTeaserModule .content .related a:hover span { color: #5B5D5A; } .multiTeaserModule .content .related a:hover i { -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } /* ( 11 ) M11 Quick links image module */ .quickLinksImageModule:after { content: ''; display: table; clear: both; } .quickLinksImageModule .uiThumbnail { width: 100px; height: 100px; border: 1px solid #e0e0e0; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; margin: 0 auto; } /* ( 13 ) M13 Subheadline module */ .subheadlineModule { clear: both; } .subheadlineModule:after { content: ''; display: table; clear: both; } .subheadlineModule h2 { text-align: right; } .subheadlineModule .contentModule { float: left; width: 33.333%; min-height: 194px; margin: 6px 0 54px 0; font-size: 1.16667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; border-right: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .subheadlineModule .contentModule:first-child .content { border: 0 none; } .subheadlineModule .contentModule .moduleHeading { position: relative; min-height: 194px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .subheadlineModule .contentModule .moduleHeading a { color: #FFF; font-size: 1.16667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .subheadlineModule .contentModule .moduleHeading a span { display: block; position: absolute; bottom: 10px; right: 0; padding-left: 10px; padding-right: 61px; min-height: 35px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .subheadlineModule .contentModule .moduleHeading a span:hover i b { -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } .subheadlineModule .contentModule .moduleHeading a i { display: block; float: right; width: 35px; height: 35px; margin: -6px 17px 5px 15px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: #f9fd36; background: -moz-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9fd36), color-stop(3%, #f7ff1b), color-stop(6%, #f6fe13), color-stop(9%, #f8fd1c), color-stop(12%, #fafd18), color-stop(18%, #f8fd1c), color-stop(21%, #f8fe14), color-stop(24%, #f9fc19), color-stop(44%, #f9fc19), color-stop(91%, #fff61a), color-stop(94%, #fef512), color-stop(97%, #fff718), color-stop(100%, #fff531)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fd36', endColorstr='#fff531', GradientType=0); /* IE6-9 */ position: absolute; bottom: 0; right: 0; overflow: hidden; } .subheadlineModule .contentModule .moduleHeading a i b { position: absolute; top: 50%; width: 9px; height: 12px; margin: -5px 0 0 0; content: ''; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; right: 13px; } .subheadlineModule .contentModule .content { margin: 0 0 0 -1px; padding: 25px 0 0 30px; position: relative; border-left: 1px solid #E7E7E7; } .subheadlineModule .contentModule .content .related { overflow: hidden; } .subheadlineModule .contentModule .content .related a { margin: 0; float: left; clear: both; font-size: 1em; display: inline-block; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1em; color: #000; } .subheadlineModule .contentModule .content .related a:after { content: ''; display: table; clear: both; } .subheadlineModule .contentModule .content .related a span { position: relative; display: block; float: left; max-width: 85%; margin-bottom: 0; padding-right: 35px; line-height: 1.45em; } .subheadlineModule .contentModule .content .related a b { position: absolute; display: inline-block; top: 0; width: 9px; height: 12px; margin: 5px 0 0 10px; content: ''; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; right: 13px; } .subheadlineModule .contentModule .content .related a:hover span { color: #5B5D5A; } .subheadlineModule .contentModule .content .related a:hover b { -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } .subheadlineModule.v2 h2 { padding-left: 24.8%; text-align: left; } .subheadlineModule.v2 .contentModule { width: 24.8%; } .subheadlineModule.v2 .contentModule:first-child { border: none; } /* ( 13 ) M14 FAQ Box Module */ .faqBoxModule { margin: 0px 1px 54px 0; padding: 0px 0 0 20px; font-size: 1.16667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .faqBoxModule:after { content: ''; display: table; clear: both; } .faqBoxModule h4, .faqBoxModule .h4 { color: #000; margin: 0; line-height: 2em; } .faqBoxModule a.uiLink .h4 { position: relative; padding-right: 35px; display: inline-block; color: #000; } .faqBoxModule a.uiLink b { margin: -6px 0 0 0; } /* ( 33 ) mobile links module */ .mobileLinksModule { position: relative; padding-top: 150px; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 32%, rgba(0, 0, 0, 0.25) 62%, rgba(0, 0, 0, 0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(32%, rgba(0, 0, 0, 0.05)), color-stop(62%, rgba(0, 0, 0, 0.23)), color-stop(100%, rgba(0, 0, 0, 0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 32%, rgba(0, 0, 0, 0.25) 62%, rgba(0, 0, 0, 0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 32%, rgba(0, 0, 0, 0.25) 62%, rgba(0, 0, 0, 0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 32%, rgba(0, 0, 0, 0.25) 62%, rgba(0, 0, 0, 0.5) 100%); /* IE10+ */ background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 32%, rgba(0, 0, 0, 0.25) 62%, rgba(0, 0, 0, 0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0); /* IE6-9 */ } .mobileLinksModule:after { content: ''; display: table; clear: both; } .mobileLinksModule ul.mobileHeroNavigation { display: block; } .mobileLinksModule ul.mobileHeroNavigation li { display: inline-block; width: 50%; margin-left: -3px; border-top: 1px solid rgba(255, 255, 255, 0.6); border-right: 1px solid rgba(255, 255, 255, 0.6); } .mobileLinksModule ul.mobileHeroNavigation li:nth-child(even) { border-right: 1px solid transparent; } .mobileLinksModule ul.mobileHeroNavigation li a { display: block; padding: 18px 0 18px 18px; color: #FFF; font-weight: bold; font-size: 1.58333em; text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4); } .mobileLinksModule ul.mobileHeroNavigation li a i { display: block; float: right; width: 9px; height: 12px; margin: 8px 14px 0 0; background: url("assets/images/icons/arrow-right-yellow.png") 0 0 no-repeat; } /* ( 38 ) M38 Category module */ .categoryModule { padding: 0; } .categoryModule:after { content: ''; display: table; clear: both; } .categoryModule ul:after { content: ''; display: table; clear: both; } .categoryModule ul li { float: left; text-align: center; } .categoryModule ul li > a, .categoryModule ul li > h4 { display: block; padding: 21px 5px; color: #7f7f7f; margin: 0; } .categoryModule ul li > h4 { color: #000000; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .categoryModule ul li > a { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.16667em; line-height: 1.28571em; } .categoryModule ul li > a .uiLinkBar { height: 5px; } .categoryModule ul li > a.active { color: #000; } .categoryModule ul li > a.active .uiLinkBar { width: 100%; height: 5px; } @media screen and (min-width: 959px) { .separator39 { height: 46px; background: #E7E7E7; float: left; width: 1px; } } /* ( 39 ) M39 Keys module */ .keysModule { padding: 0 0 3px; margin: 0 20px; border-bottom: 1px solid #E7E7E7; } .keysModule:after { content: ''; display: table; clear: both; } @media (max-width: 1359px) and (min-width: 959px) { .keysModule { width: 560px; } } @media (max-width: 570px) { .keysModule { float: left; margin: 0 20px; border-bottom: none; } } .keysModule .keysItem { padding: 6px 20px 6px 45px; margin: 4px 0; background-position: 10px 10px; background-repeat: no-repeat; min-height: 30px; box-sizing: border-box; background-size: 26px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } @media (max-width: 570px) { .keysModule .keysItem { width: 100% !important; } } .keysModule .keysItem p { display: inline-block; line-height: 18px; margin-bottom: 0; width: 140px; } @media (max-width: 570px) { .keysModule .keysItem p { font-size: 1.16667em; height: 30px; width: auto; } } .keysModule p:visited { color: #000; } /* ( 1 ) T01 Exchange rate-Box module */ .exchangeRateBoxModule { position: relative; min-height: 288px; box-sizing: border-box; border: 1px solid rgba(255, 0, 0, 0); padding: 15px 15px 30px 10px; margin: 0px 1px 54px 0; background: #F7F7F7; color: #000; } .exchangeRateBoxModule:after { content: ''; display: table; clear: both; } .exchangeRateBoxModule .contentRow { border: none; margin: 0 0 45px 0; } .exchangeRateBoxModule .contentRow:after { content: ''; display: table; clear: both; } .exchangeRateBoxModule .contentRow:last-child { margin-bottom: 0; } .exchangeRateBoxModule .contentRow .contentColumn { width: 40%; margin: 14px 0 0 0; padding: 0; float: left; } .exchangeRateBoxModule .contentRow .contentColumn p { margin: 0; font-size: 1.16667em; line-height: 1.42857em; } /* ( 4 ) T04 last products*/ .lastProductsModule { position: relative; } .lastProductsModule:after { content: ''; display: table; clear: both; } .lastProductsModule .content { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .lastProductsModule .content p.text-right { text-align: right; } .lastProductsModule .content .dropDown { height: 0; width: 97%; overflow: hidden; padding-right: 12px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .lastProductsModule .content .dropDown a { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; display: inline-block; padding: 0 0 5px 0; font-size: 1.16667em; text-align: right; float: right; clear: both; color: #000; } .lastProductsModule .content .dropDown a:hover { text-decoration: underline; } .lastProductsModule .content .uiLink { text-align: right; padding-right: 30px; display: inline-block; float: right; } .lastProductsModule .content .uiLink span { display: inline-block; position: relative; padding-right: 40px; } .lastProductsModule .content .uiLink span b { margin: -12px 0 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .lastProductsModule .content .uiLink:hover h4 { color: #5B5D5A; } .lastProductsModule .content .uiLink:focus { text-decoration: none; } .lastProductsModule .content.mobileOnly { display: none; margin-left: 20px; } .lastProductsModule .content.mobileOnly.index_b { margin-left: 0px; } .lastProductsModule .content.mobileOnly a { font-family: 'Amalia', Helvetica, Arial, sans-serif; display: block; padding: 0 0 5px 0; color: #000; font-size: 1.16667em; text-align: right; font-weight: 700; } .lastProductsModule .content.mobileOnly a:hover { text-decoration: underline; } .lastProductsModule.open .uiLink b { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .lastProductsModule.open .dropDown { height: auto; min-height: 150px; } a.uiLink { position: relative; } a.uiLink.v1 { display: inline-block; float: left; clear: both; } a.uiLink.v1 b { position: absolute; top: 50%; width: 9px; height: 12px; margin: -11px 0 0 0; content: ''; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; right: 13px; } a.uiLink.v1:hover span { color: #5B5D5A; } a.uiLink.v1:hover b { -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } a.uiLink i.uiLinkBar { position: absolute; bottom: 0; left: 0; width: 0; height: 9px; background: #F7FF00; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a.uiLink:hover i.uiLinkBar { width: 100%; } a.uiLink.no-csstransitions:hover i.uiLinkBar, .no-csstransitions a.uiLink:hover i.uiLinkBar { width: 0; } .cta { width: 306px; padding: 25px 0 8px 26px; background: #f9fd36; background: -moz-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9fd36), color-stop(3%, #f7ff1b), color-stop(6%, #f6fe13), color-stop(9%, #f8fd1c), color-stop(12%, #fafd18), color-stop(18%, #f8fd1c), color-stop(21%, #f8fe14), color-stop(24%, #f9fc19), color-stop(44%, #f9fc19), color-stop(91%, #fff61a), color-stop(94%, #fef512), color-stop(97%, #fff718), color-stop(100%, #fff531)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fd36', endColorstr='#fff531', GradientType=0); /* IE6-9 */ position: absolute; bottom: 100px; left: 60px; -moz-box-shadow: inset 0 0 2px #E9E000; -webkit-box-shadow: inset 0 0 2px #E9E000; box-shadow: inset 0 0 2px #E9E000; display: block; color: #000; font-size: 1.5em; display: block; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; width: 306px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .cta:hover, .cta:active, .cta:focus { color: #000000; text-decoration: none; } .cta:hover i b { -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } .cta i { display: block; float: right; width: 9px; height: 12px; margin: 9px 25px 0 35px; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; } a.uiAnimatedArrow { color: #FFF; font-size: 1.33333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } a.uiAnimatedArrow.cta { color: #000; } a.uiAnimatedArrow span { display: block; position: absolute; bottom: 10px; left: 10px; right: 0; font-size: 1.66667em; padding-right: 68px; min-height: 47px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a.uiAnimatedArrow span:hover i b { -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } a.uiAnimatedArrow i { display: block; float: right; width: 35px; height: 35px; margin: -5px 16px 0 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: #f9fd36; background: -moz-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9fd36), color-stop(3%, #f7ff1b), color-stop(6%, #f6fe13), color-stop(9%, #f8fd1c), color-stop(12%, #fafd18), color-stop(18%, #f8fd1c), color-stop(21%, #f8fe14), color-stop(24%, #f9fc19), color-stop(44%, #f9fc19), color-stop(91%, #fff61a), color-stop(94%, #fef512), color-stop(97%, #fff718), color-stop(100%, #fff531)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fd36', endColorstr='#fff531', GradientType=0); /* IE6-9 */ position: absolute; right: 0; overflow: hidden; } a.uiAnimatedArrow i b { position: absolute; top: 50%; width: 9px; height: 12px; margin: -6px 0 0 0; content: ''; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; right: 13px; } .textTeaser { overflow: hidden; width: 25%; min-height: 243px; float: left; margin: 0 0 40px 0; box-sizing: border-box; } .textTeaser:hover { background: #F6FF00; } .textTeaser:hover a.teaserContent, .textTeaser:nth-of-type(4n+0) a.teaserContent { border-right: none; padding-right: 20px; } .textTeaser:hover .bottomBorder { background: transparent; } .textTeaser a.teaserContent { color: #000; display: block; min-height: 197px; position: relative; margin: 30px 0 15px; border-right: 1px solid #E7E7E7; padding: 0 19px 0 20px; } .textTeaser a.teaserContent:focus { text-decoration: none; } .textTeaser a.teaserContent .heading { overflow: hidden; float: left; width: 83%; } .textTeaser a.teaserContent .heading h2 { padding: 0 0 3px 0; margin: 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.5em; color: #000; } .textTeaser a.teaserContent .heading h1 { padding: 0 0 18px 0; margin: 0; border: 0 none; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 2em; } .textTeaser a.teaserContent i { display: block; float: right; width: 37px; height: 37px; margin-top: 5px; } .textTeaser a.teaserContent i.percentage { background: url("assets/images/icons/percent-wide.png") 0 0 no-repeat; } .textTeaser a.teaserContent i.circle { background: url("assets/images/modules/new-pics/M16-circle-image.png") 0 0 no-repeat; background-size: 100%; } .textTeaser a.teaserContent .content { clear: both; padding-right: 50px; } .textTeaser a.teaserContent .content p { font-size: 1.16667em; line-height: 19px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; margin-bottom: 0; } .textTeaser .bottomBorder { height: 1px; margin: 0 20px; background: #E7E7E7; } @media (max-width: 1359px) and (min-width: 959px) { .m38-container { width: 380px !important; margin-top: -15px; } } @media (max-width: 420px) { .m38-container .dropTeaser { margin: 0; padding: 0; } } @media (max-width: 420px) { .m38-container .dropTeaser .dropTeaserContent { width: auto; padding: 20px; } } @media (max-width: 420px) { .m38-container .dropTeaser .dropTeaserContent ul li { margin: 0; padding: 0; width: 100%; } } @media (max-width: 420px) { .m38-container .dropTeaser .dropTeaserContent ul li h4 { padding: 0 0 20px; text-align: left; width: 200px; } } @media (max-width: 420px) { .m38-container .dropTeaser .dropTeaserContent ul li .select { margin: 0; width: 100%; } } .dropTeaser { margin: 0 0 30px 0; } .dropTeaser .heading img { width: 100%; } .dropTeaser .heading .mobile { display: none; } .dropTeaser .dropTeaserContent { width: 100%; } .dropTeaser .dropTeaserContent ul.m38-Desktop { margin: 0 20px 20px; border-bottom: 1px solid #E7E7E7; } @media (max-width: 1359px) { .dropTeaser .dropTeaserContent ul.m38-Desktop { display: none; } } .dropTeaser .dropTeaserContent ul.m38-Desktop li.m38-title { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.16667em; line-height: 58px; } .dropTeaser .dropTeaserContent ul.m38-Desktop li { text-align: center; } .dropTeaser .dropTeaserContent ul.m38-Desktop li:nth-of-type(1) { width: 14%; } .dropTeaser .dropTeaserContent ul.m38-Desktop li:nth-of-type(2) { width: 6%; } .dropTeaser .dropTeaserContent ul.m38-Desktop li:nth-of-type(3) { width: 12%; } .dropTeaser .dropTeaserContent ul.m38-Desktop li:nth-of-type(4) { width: 12%; } .dropTeaser .dropTeaserContent ul.m38-Desktop li:nth-of-type(5) { width: 11%; } .dropTeaser .dropTeaserContent ul.m38-Desktop li:nth-of-type(6) { width: 18%; } .dropTeaser .dropTeaserContent ul.m38-Desktop li:nth-of-type(7) { width: 15%; } .dropTeaser .dropTeaserContent ul.m38-Desktop li:nth-of-type(8) { width: 11%; } .dropTeaser .dropTeaserContent ul.m38-Desktop li a:hover { color: #000; padding-bottom: 14px; border-bottom: 5px solid #F8FA00; } @media (min-width: 1360px) { .dropTeaser .dropTeaserContent ul.m38-Mobile { display: none; } } .dropTeaser .dropTeaserContent h1 { padding: 20px 20px 0; margin: 0 0 4px 0; border: 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.5em; } .dropTeaser .dropTeaserContent p { padding: 0 20px; font-size: 1.16667em; line-height: 1.36667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .dropTeaser .dropTeaserContent .select { position: relative; float: left; margin: 20px; width: 42%; min-width: 200px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.16667em; color: #000; } .dropTeaser .dropTeaserContent .select .main { text-align: left; position: relative; background: #E9EDF0; border: 1px solid #D4D5D7; padding: 14px 14px 9px 14px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .dropTeaser .dropTeaserContent .select .main:hover { background: #F8F8F8; } .dropTeaser .dropTeaserContent .select .main a { position: absolute; top: 0; right: 0; width: 100%; height: 100%; text-indent: -9999px; } .dropTeaser .dropTeaserContent .select .main a i { position: absolute; top: 0; right: 0; width: 50px; height: 100%; text-indent: -9999px; background: #F8FC00 url("assets/images/icons/arrow-bottom-black.png") center center no-repeat; } .dropTeaser .dropTeaserContent .select .subSelect { display: none; position: absolute; left: 0; width: 100%; background: white; box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.4); z-index: 101; } .dropTeaser .dropTeaserContent .select .subSelect ul { margin: 15px 0 20px 0; } .dropTeaser .dropTeaserContent .select .subSelect ul li { padding: 13px 0 11px 10px; cursor: pointer; float: none; } .dropTeaser .dropTeaserContent .select .subSelect ul li:hover { background: #fff500; /* Old browsers */ background: -moz-linear-gradient(top, #fff500 0%, #f5ff00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff500), color-stop(100%, #f5ff00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff500 0%, #f5ff00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff500 0%, #f5ff00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff500 0%, #f5ff00 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff500 0%, #f5ff00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff500', endColorstr='#f5ff00',GradientType=0 ); /* IE6-9 */ } .dropTeaser .dropTeaserContent .select .subSelect ul li a { color: #000; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1em; padding: 0; } .dropTeaser .dropTeaserContent .select .subCopy { margin: 13px 10px 0 10px; font-size: 1em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; color: #cfcfcf; } .dropTeaser .dropTeaserContent .select.select ~ .select .subSelect { z-index: 100; } #slider { position: relative; background: #EAEDEF; min-height: 330px; } #slider .item { overflow: hidden; } #slider .item .slideModule { float: left; } #slider .item .slideModule.x3 { width: 39.83333%; } #slider .item .slideModule:first-child { margin-left: 0; padding: 0; } #slider .item .slideModule:last-child { padding: 28px 0 0 0; } #slider .item .slideModule h4 { margin: 0 0 0 20px; padding: 0; font-size: 1.41667em; } #slider .item .slideModule h1 { margin: 0 0 0 20px; padding: 5px 0 15px 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.91667em; border: 0 none; color: black; } #slider .item .slideModule p { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.16667em; margin-left: 20px; color: black; } #slider .item .slideModule img { display: block; min-height: 342px; width: 100%; } #slider .controls { overflow: hidden; position: absolute; bottom: 17px; left: 53%; } #slider .controls a { display: block; position: relative; float: left; width: 35px; height: 35px; margin: 0 2px 0 0; background: #FBFB00; opacity: 1; } #slider .controls a.left i { display: block; width: 100%; height: 100%; background: url("assets/images/icons/arrow-left-small.png") center center no-repeat; } #slider .controls a.right i { display: block; width: 100%; height: 100%; background: url("assets/images/icons/arrow-right-small.png") center center no-repeat; } @media (max-width: 768px) { #slider .controls { height: 750px; } } #slider ol.carousel-indicators { left: 166px; right: auto; bottom: 1em; } .m17 img { width: 100%; height: 100%; margin-bottom: 54px; } .list { overflow: hidden; position: relative; margin: 0; padding-bottom: 25px; padding-top: 25px; } .list .heading { text-align: right; } .list .heading h2 { color: #000; font-size: 2.5em; margin-right: 15px; } .list .heading h2.product-title { margin-top: 0px; margin-right: 7px; font-size: 2.5em; } .list .heading .extras { margin-right: -2px; font-size: 2.5em; } .list .heading .your-advantage { margin-right: 7px; font-size: 2.5em; } .list .wrapper-extras { margin-left: 28px !important; } .list h4 { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.34em; line-height: 1.5em; } .list h4.product-sub-title { font-size: 1.33333em; margin-top: 10px; margin-bottom: 4px; color: #000; } .list p { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; /* font-size: 1.333em;*/ line-height: 24px; margin-bottom: 12px; margin-top: 2px; padding-right:60px; } .list .advantages { margin: 0 0 0 18px !important; } @media (min-width: 959px) { .list .advantages { width: 49%; } } .list .advantages, .list .text { position: relative; margin-top: 7px; font-size: 16px; } .list .advantages ul li, .list .text ul li { display: block; width: 100%; padding: 7px 0 0 45px; position: relative; } .list .text ul { list-style-type: disc; margin: 10px 0 0 0; font-size: 16px; } .list .advantages ul li:before { content: ' '; display: table; clear: both; } .list .text ul li:before, .index.rmf-product .accordion .productContent li:before, .index .vertical .items ul li ul li .item.content ul li:before, .index .accordion .items .accordion-inside ul li:before { content: ' '; color: #000000; display: block; /* top: 1px; left: 0; */ top: 3px; left: 2px; position: absolute; margin: 0 5px 0 0; } .index.rmf-product .accordion .productContent ul.filter li:before { display: none; } .index.rmf-product .accordion .productContent { font-size: 15px; } .index.rmf-product .accordion .productContent li, .index .vertical .items ul li ul li .item.content ul li, .index .accordion .items .accordion-inside ul li { padding: 7px 0 0 45px; font-size: 15px; position: relative; } .index .vertical .items ul li.expanded .item.content ul li { border: none; font-size: 14px; } .index .vertical .items ul li ul li .item.content ol { list-style-type: decimal; padding: 0 0 0 20px; margin: 10px 0 0 0; } .index .vertical .items ul li ul li .item.content ol li { border: none; overflow: visible; padding: 5px 0; } /* .list .advantages ul li:after, .list .text ul li:after { content: ''; display: table; clear: both; } */ @media (max-width: 414px) { .list .advantages ul li, .list .text ul li { margin-left: 16px; } } @media (max-width: 414px) { .list .advantages ul li:last-child, .list .text ul li:last-child { margin-bottom: 25px; } } .list .advantages ul li.second, .list .text ul li.second { margin-top: 10px; margin-bottom: 11px; } .list .advantages ul li .icon, .list .text ul li .icon { float: left; width: 9%; padding: 2px 15px 0 0; margin-left: -20px; } .list .advantages ul li .icon img, .list .text ul li .icon img { margin-top: 2px; } .list .advantages ul li .icon.fast, .list .text ul li .icon.fast { margin-left: -30px; margin-right: 10px; } .list .advantages ul li .content, .list .text ul li .content { float: left; width: 91%; } .list .advantages ul li .content > h4, .list .text ul li .content > h4 { color: #000; font-size: 1.313em; line-height: 22px; margin-bottom: 0px; } @media (max-width: 414px) { .list .advantages ul li .content > h4, .list .text ul li .content > h4 { line-height: 28px; margin-bottom: 5px; } } .list .advantages .advantage-list, .list .text .advantage-list { margin-left: -21px; } .list .advantages .first, .list .advantages .third, .list .text .first, .list .text .third { padding-left: 14px; } .list .advantages .second, .list .text .second { padding-left: 6px; } .list .advantages .second .icon, .list .text .second .icon { padding-right: 19px; } .list .advantages h4, .list .text h4 { margin: 0 0 6px 0; } @media (min-width: 959px) { .list .extras { width: 50%; } } @media (min-width: 959px) { .list .extras ul li .content { width: 97%; } } .list .cta { bottom: 36px; right: 95px; left: auto; font-size: 1.5em; padding-top: 25px; padding-left: 26px; padding-bottom: 8px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } @media (max-width: 1510px) { .list .cta { right: 50px; } } @media (max-width: 1425px) { .list .cta { right: 30px; } } @media (max-width: 1302px) { .list .cta { right: 0px; } } .list .cta:hover { color: #000; } .list .cta i { margin: -4px 25px 0 35px; } .list .text ul li .icon { width: 4%; margin-top: 3px; } .list .text ul li .icon h3 { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 2.16667em; line-height: 40px; color: #000; } .m26 .text { margin-top: 0; } #master { overflow: hidden; width: 100%; margin: 50px 0; } #master .description { margin-top: 15px; } #validations { margin: 100px 0; overflow: hidden; } #upload .formElement { margin: 0 0 15px 0; } /* ----- ToolsUI generic styles ---- */ #master { overflow: hidden; width: 100%; margin: 50px 0; } #master .description { margin-top: 45px; } .drop { position: relative; float: right; } .drop a, .drop .selected { float: left; padding: 8px 0 0; font-size: 1em !important; text-transform: uppercase; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .drop a b, .drop .selected b { display: block; width: 35px; height: 35px; margin: -10px 0 0 10px; background: url("assets/images/icons/arrow-bottom-boxed.jpg") 0 0 no-repeat; } .drop .dropContent { display: none; position: absolute; top: 100%; width: 100%; margin: 0 0 0 -10px; padding: 10px 10px 6px 0; background: #FAFC00; z-index: 100; } .drop .dropContent a, .drop .dropContent span { float: none; display: block; padding: 0 0 0 10px; } [data-tool-element="radio"], [data-tool-element="checkbox"] { position: relative; } [data-tool-element="radio"] label, [data-tool-element="radio"] input[type="radio"] + span, [data-tool-element="radio"] input[type="radio"] + span::before, [data-tool-element="radio"] label, [data-tool-element="radio"] input[type="checkbox"] + span, [data-tool-element="radio"] input[type="checkbox"] + span::before, [data-tool-element="checkbox"] label, [data-tool-element="checkbox"] input[type="radio"] + span, [data-tool-element="checkbox"] input[type="radio"] + span::before, [data-tool-element="checkbox"] label, [data-tool-element="checkbox"] input[type="checkbox"] + span, [data-tool-element="checkbox"] input[type="checkbox"] + span::before { display: inline-block; vertical-align: middle; color: #000; } [data-tool-element="radio"] :root .rbr-radios, [data-tool-element="radio"] :root .rbr-checkboxes, [data-tool-element="checkbox"] :root .rbr-radios, [data-tool-element="checkbox"] :root .rbr-checkboxes { position: relative; } [data-tool-element="radio"] label *, [data-tool-element="radio"] label *, [data-tool-element="checkbox"] label *, [data-tool-element="checkbox"] label * { cursor: pointer; } [data-tool-element="radio"] input[type="radio"], [data-tool-element="radio"] input[type="checkbox"], [data-tool-element="checkbox"] input[type="radio"], [data-tool-element="checkbox"] input[type="checkbox"] { position: absolute; top: 3px; left: 2px; bottom: 0; opacity: 0; width: 100%; height: 32px; margin: 0; padding: 0 0 0 13px; border: 1px solid #C1C6C9; font-size: 1.33333em; color: #454545; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; } [data-tool-element="radio"] input[type="radio"] + span, [data-tool-element="radio"] input[type="checkbox"] + span, [data-tool-element="checkbox"] input[type="radio"] + span, [data-tool-element="checkbox"] input[type="checkbox"] + span { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.33333em; cursor: pointer; } [data-tool-element="radio"] label:hover span::before, [data-tool-element="radio"] label:hover span::before, [data-tool-element="checkbox"] label:hover span::before, [data-tool-element="checkbox"] label:hover span::before { box-shadow: 0 0 2px #ccc; } [data-tool-element="radio"] label:hover span, [data-tool-element="radio"] label:hover span, [data-tool-element="checkbox"] label:hover span, [data-tool-element="checkbox"] label:hover span { color: #000; } [data-tool-element="radio"] input[type="radio"] + span::before, [data-tool-element="radio"] input[type="checkbox"] + span::before, [data-tool-element="checkbox"] input[type="radio"] + span::before, [data-tool-element="checkbox"] input[type="checkbox"] + span::before { content: ''; width: 19px; height: 19px; margin: 0 4px 0 0; border: solid 1px #676767; line-height: 14px; text-align: center; border-radius: 100%; background: #FFF; background: radial-gradient(#ffffff, #ffffff); } [data-tool-element="radio"] input[type="radio"].errorBorder + span::before, [data-tool-element="radio"] input[type="checkbox"].errorBorder + span::before, [data-tool-element="checkbox"] input[type="radio"].errorBorder + span::before, [data-tool-element="checkbox"] input[type="checkbox"].errorBorder + span::before { border: 1px solid #FF0000; } [data-tool-element="radio"] input[type="checkbox"] + span::before, [data-tool-element="checkbox"] input[type="checkbox"] + span::before { border-radius: 0; } [data-tool-element="radio"] input[type="radio"]:checked + span::before, [data-tool-element="radio"] input[type="checkbox"]:checked + span::before, [data-tool-element="checkbox"] input[type="radio"]:checked + span::before, [data-tool-element="checkbox"] input[type="checkbox"]:checked + span::before { background: yellow; } [data-tool-element="radio"] input[type="checkbox"]:checked + span::before, [data-tool-element="checkbox"] input[type="checkbox"]:checked + span::before { background: transparent url("assets/images/generic/check.jpg") center center no-repeat; background-size: 58%; } [data-tool-element="radio"] input[type="radio"]:disabled + span, [data-tool-element="radio"] input[type="checkbox"]:disabled + span, [data-tool-element="checkbox"] input[type="radio"]:disabled + span, [data-tool-element="checkbox"] input[type="checkbox"]:disabled + span { cursor: default; opacity: .4; } [data-tool-element="radio"] input[type="radio"]:checked + span::before, [data-tool-element="checkbox"] input[type="radio"]:checked + span::before { content: ''; font-size: 2em; } [data-tool-element="radio"] input[type="checkbox"]:checked + span::before, [data-tool-element="checkbox"] input[type="checkbox"]:checked + span::before { content: ''; font-size: 1em; } .float-holder { position: relative; display: block; overflow: hidden; } [data-tool-element="map"] > div { width: 100%; height: 300px; } canvas { border: 1px solid #EEE; } .result { border: 1px solid #DDD; padding: 15px; } .formElement { position: relative; margin: 0 0 15px 0; } .formElement .errorColor { color: #FF0000; } .formElement label { padding: 10px 0 0 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.5em; color: #333; } input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="password"] { width: 100%; height: 47px; padding: 3px 0 0 13px; border: 1px solid #c9c9c9; color: #454545; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; box-shadow: none; } .errorBorder { border: 1px solid #FF0000 !important; } textarea { height: 100px; } .error { padding: 10px 0 0 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.5em; color: #333; } select { height: 47px; padding: 0 20px 0 10px; background: #E9EDF0 url("assets/images/modules/branchfinder/arrow.png") center right no-repeat; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ''; border: 1px solid #C1C6C9; font-size: 1em; width: 90%; margin-bottom: 20px; } select::-ms-expand { display: none; } button.custom { display: block; padding: 21px 12px 9px 17px; margin: 0 10px 0 0; border: 0 none; font-size: 1.33333em; background: yellow; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } button.custom i { display: block; float: right; margin: 4px 0 0 9px; width: 9px; height: 12px; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; } .sliderHolder { position: relative; width: 85%; margin: 0 auto; } .sliderHolder .dijitSliderImageHandle { border: 0 none; background: #F5FF00; width: 35px; height: 35px; margin: -8px 0 0; border-radius: 200px; } .sliderHolder .dijitSliderBar { height: 10px; border: 0 none; border-radius: 0 0 0 0; background: #EBEEEE; } .sliderHolder .dijitSliderProgressBar, .sliderHolder .dijitSliderLeftBumper { background: #FBFB00 !important; } .sliderHolder .dijitSliderLeftBumper { border-radius: 5px 0 0 5px; } .sliderHolder .dijitSliderRightBumper { border-radius: 0 5px 5px 0; } .sliderHolder .dijitSliderProgressBar { border-radius: 0 5px 5px 0; } .sliderHolder .dijitSliderButtonContainer * { display: none; } .sliderHolder .sliderAmount { position: absolute; top: -55px; width: 35px; margin: 0 0 0 -9px; text-align: center; } .sliderHolder .sliderAmount.left { margin-left: -7px; } .sliderHolder .sliderAmount.right { margin-left: -70px; } .sliderHolder .sliderAmount.center { margin-left: -35px; } [data-tool-element="tooltip"] { position: relative; } [data-tool-element="tooltip"] i.tooltip { display: block; float: left; width: 19px; height: 19px; background: url("assets/images/icons/info.png") 0 0 no-repeat; cursor: pointer; } [data-tool-element="tooltip"] .tooltip { display: none; position: absolute; margin-top: -60px; padding: 15px; background: yellow; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } [data-tool-element="tooltip"] .tooltip.handwritten { width: 120px; left: -120px; transform: rotate(-10deg); margin-top: -70px; padding: 8px 0 60px 0; font-size: 1.33333em; font-family: 'Shadows Into Light Two', cursive; background: rgba(255, 255, 255, 0) url("assets/images/generic/tooltip-arrow.png") 35px 65px no-repeat; } .customFileHolder { position: relative; height: 45px; background: #E9EDEF url("assets/images/generic/file-go.png") top right no-repeat; } .customFileHolder span { display: block; padding: 12px 0 0 10px; font-size: 1.33333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; color: #333; max-width: 195px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .customFileHolder input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } /*-- Chart --*/ .c3 svg { color: #454545; font-weight: 400; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-size: 1.41667em; overflow: visible !important; } .c3 svg g.c3-axis-x g.tick line { display: none; } .c3 svg text.c3-text { fill: #222 !important; font-size: 1.16667em; font-weight: bold; } .c3 svg g.c3-axis-y g text tspan { font-size: 1em; font-weight: normal; } .c3 path, .c3 line { fill: none; stroke: #DADADA; } .c3 text { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid, .c3-event-rect, .c3-bars path { shape-rendering: crispEdges; } .c3-chart-arc path { stroke: #fff; } .c3-chart-arc text { fill: #fff; font-size: 1.08333em; } /*-- Axis --*/ /*-- Grid --*/ .c3-grid line { stroke: #CCC; } .c3-grid text { fill: #aaa; } .c3-xgrid, .c3-ygrid { stroke-dasharray: 3 3; } /*-- Text on Chart --*/ .c3-text.c3-empty { fill: #808080; font-size: 2em; } /*-- Line --*/ .c3-line { stroke-width: 2px; } /*-- Point --*/ .c3-circle { fill: #F8F900 !important; stroke: #DCDDE2; stroke-width: 2px; } .c3-circle._expanded_ { stroke-width: 3px; stroke: #DCDDE2; } .c3-selected-circle { fill: white; stroke-width: 2px; } /*-- Bar --*/ .c3-bar { stroke-width: 0; } .c3-bar._expanded_ { fill-opacity: 0.75; } /*-- Focus --*/ .c3-target.c3-focused { opacity: 1; } .c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step { stroke-width: 2px; } .c3-target.c3-defocused { opacity: 0.3 !important; } /*-- Region --*/ .c3-region { fill: steelblue; fill-opacity: 0.1; } /*-- Brush --*/ .c3-brush .extent { fill-opacity: 0.1; } /*-- Select - Drag --*/ /*-- Legend --*/ .c3-legend-item { font-size: 1em; } .c3-legend-item-hidden { opacity: 0.15; } .c3-legend-background { opacity: 0.75; fill: white; stroke: lightgray; stroke-width: 1; } /*-- Title --*/ .c3-title { font: 14px sans-serif; } /*-- Tooltip --*/ .c3-tooltip-container { z-index: 10; } .c3-tooltip { border-collapse: collapse; border-spacing: 0; empty-cells: show; opacity: 0.9; } .c3-tooltip tr { /*border: 1px solid #CCC; */ } .c3-tooltip th { font-size: 1.16667em; padding: 2px 5px; text-align: left; color: #FFF; } .c3-tooltip td { background: #E9EDF0; font-size: 1.08333em; padding: 20px 15px; font-family: 'Helvetica'; } .c3-tooltip td > span { display: inline-block; width: 10px; height: 10px; margin-right: 6px; } .c3-tooltip td h5 { margin: 0; } /*-- Area --*/ .c3-area { stroke-width: 0; opacity: 0.2; } /*-- Arc --*/ .c3-chart-arcs-title { dominant-baseline: middle; font-size: 1.3em; } .c3-chart-arcs .c3-chart-arcs-background { fill: #e0e0e0; stroke: none; } .c3-chart-arcs .c3-chart-arcs-gauge-unit { fill: #000; font-size: 1.33333em; } .c3-chart-arcs .c3-chart-arcs-gauge-max { fill: #777; } .c3-chart-arcs .c3-chart-arcs-gauge-min { fill: #777; } .c3-chart-arc .c3-gauge-value { fill: #000; } .barContainer label, .barContainer span { position: absolute; top: 320px; padding: 0 0 0 20px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .barContainer label { font-size: 1.41667em; } .datagrid { width: 100%; margin: 0 0 100px 0; border-collapse: collapse; border-spacing: 0; } .datagrid th { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-size: 1.16667em; font-weight: 700; padding: 23px 25px; border: 1px solid #DCD9D5; overflow: hidden; word-break: normal; text-align: center; } .datagrid td { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.16667em; padding: 23px 25px; border: 1px solid #DCD9D5; overflow: hidden; word-break: normal; text-align: center; } .datagrid td strong { display: block; font-weight: 700; text-transform: uppercase; } .datagrid img { margin: 0 auto; } .datagrid .tg-e3zv { font-weight: 700; } /* ############# Hero ############# */ #hero { position: relative; min-height: 500px; } #hero:after { content: ''; display: table; clear: both; } #hero img { margin: 0 auto; } #hero .heroSlider { position: relative; } #hero .heroSlider .heroSlide { width: 100%; min-height: 500px; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; } #hero .heroSlider .heroSlide .heroSlideContent { position: absolute; left: 60px; bottom: 23%; color: #FFF; } #hero .heroSlider .heroSlide .heroSlideContent h1 { display: block; margin: 0 0 90px 0; font-size: 4em; line-height: 1.30em; color: #FFF; text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4); } #hero .heroSlider .heroSlide .heroSlideContent h1 .mobile { display: none; } @media screen and (min-width: 481px) and (max-width: 959px) { #hero .heroSlider .heroSlide .heroSlideContent h1 { margin: 0; font-size: 2.5em; } } #hero .heroSlider .heroSlide .heroSlideContent a { display: block; color: #000; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.5em; width: 288px; } #hero .heroSlider .heroSlide .heroSlideContent a.cta { bottom: 0; left: 0; padding: 20px 0 20px 15px; } #hero .heroSlider .heroSlide .heroSlideContent a.cta:hover i b { -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } #hero .heroSlider .heroSlide .heroSlideContent a.cta i { display: block; float: right; width: 35px; height: 35px; margin: -8px 0px 0 15px; position: relative; background: #F9FD00; } #hero .heroSlider .heroSlide .heroSlideContent a.cta i b { position: absolute; top: 50%; width: 9px; height: 12px; margin: -3px 0 0 0; content: ''; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; right: 13px; } #hero .bx-controls { position: absolute; bottom: 28px; right: 60px; } #hero .bx-controls .bx-controls-direction { display: none; } #hero .bx-controls .bx-pager-item { margin: 0 8px 0 0; } #hero .bx-controls .bx-pager-item a { width: 45px; position: relative; } #hero .bx-controls .bx-pager-item a:after { content: ''; position: absolute; width: 0%; height: 100%; top: 0; right: 0; -webkit-transition: all 6s ease-in-out; -moz-transition: all 6s ease-in-out; -ms-transition: all 6s ease-in-out; -o-transition: all 6s ease-in-out; transition: all 6s ease-in-out; } #hero .bx-controls .bx-pager-item a.active:after { width: 100%; background: #F7FF00; } #hero .mobileHeroNavigation { display: none; position: absolute; bottom: 0; width: 100%; } #hero .mobileHeroNavigation ul { display: block; } #hero .mobileHeroNavigation ul li { display: inline-block; width: 50.04%; margin-left: -3px; border-top: 1px solid rgba(255, 255, 255, 0.6); border-right: 1px solid rgba(255, 255, 255, 0.6); } #hero .mobileHeroNavigation ul li:nth-child(even) { border-right: 1px solid transparent; } #hero .mobileHeroNavigation ul li a { display: block; padding: 13px 0 13px 18px; color: #FFF; font-size: 1.58333em; text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4); font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } #hero .mobileHeroNavigation ul li a i { display: block; float: right; width: 9px; height: 12px; margin: 2px 14px 0 0; background: url("assets/images/icons/arrow-right-yellow.png") 0 0 no-repeat; } /* ############# Carousel ############ */ .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 1.66667em; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); filter: alpha(opacity=50); opacity: .5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: none; opacity: .9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 28px; right: 60px; padding-left: 0; text-align: center; list-style: none; } .carousel-indicators li { position: relative; display: inline-block; width: 45px; height: 7px; margin-left: 4px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: #EBEBEB; } .carousel-indicators li:after { content: ''; position: absolute; width: 0%; height: 100%; top: 0; right: 0; } .carousel-indicators li.active { background-color: #f7ff00; } .carousel-indicators li.active:after { width: 100%; background: #f7ff00; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } .carousel-indicators-numbers { position: absolute; bottom: 17px; color: white; font-size: 1.25em; left: 42%; } @media (max-width: 940px) { .carousel-indicators-numbers { bottom: 136px; } } @media (max-width: 516px) { .carousel-indicators-numbers { bottom: 159px; } } @media (max-width: 372px) { .carousel-indicators-numbers { bottom: 182px; } } @media (max-width: 298px) { .carousel-indicators-numbers { bottom: 205px; } } .carousel-indicators-numbers .current-number { font-weight: bold; } .carousel-indicators-numbers .delimiter { color: #fff500; } /* Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */ /* line 3405, ../../scss/basics/_ui.scss */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; /* Fix 401 */ } .noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-stacking .noUi-handle { /* This class is applied to the lower origin when its values is > 50%. */ z-index: 10; } .noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Painting and performance; * Browsers can paint handles in their own layer. */ .noUi-base { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* Slider size and handle placement; */ .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } /* Styling; */ .noUi-background { background: #FAFAFA; box-shadow: inset 0 1px 1px #f0f0f0; } .noUi-connect { background: #3FB8AF; box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); -webkit-transition: background 450ms; transition: background 450ms; } .noUi-origin { border-radius: 2px; } .noUi-target { border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } .noUi-target.noUi-connect { box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB; } /* Handles and cursors; */ .noUi-dragable { cursor: w-resize; } .noUi-vertical .noUi-dragable { cursor: n-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } /* Handle stripes; */ .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } /* Disabled state; */ [disabled].noUi-connect, [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-origin, [disabled] .noUi-handle { cursor: not-allowed; } .rba-documentation a i { float:left; width:40px; height:18px; margin:2px 15px 0 0; background: url(assets/images/icons/pdf-document.png) no-repeat; background-size:40px 18px} .rba-documentation h4 { overflow: hidden; } .intro .welcome h1 { margin-bottom: 0; } header #topNav .has-submenu { position: relative; } header #topNav .has-submenu ul { display: none; position: absolute; background: #34393c; z-index: 10000; padding: 10px; min-width: 250px; float: none; top: 28px; } header #topNav .has-submenu ul li { display: block; padding: 5px 10px; } header #topNav .has-submenu ul li a { display: inline-block; border-bottom: 3px solid #34393c; padding: 0; } header #topNav .has-submenu a { padding: 0 20px 0 0; } header #topNav .has-submenu a:after { content: ''; position: absolute; top: 10px; right: 20px; margin-top: -3px; height: 0; width: 0; border: 5px solid transparent; border-top-color: #dfeeff; border-top-color: rgba(255,255,255,0.5); } header #topNav .has-submenu ul a { padding: 0; } header #topNav .has-submenu ul a:after { display: none; } #lista-linkova .portlet-borderless-container { margin: 30px; } .about_us .reportSectionAU { clear: both; background: #eaedef; } #reports-section { background: #eaedef; position: relative; width: 50%; border-left: 1px solid white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #reports-section .date-container { padding-top: 20px; text-align: right; } .about_us #reports-section .text-container { min-height: 150px; padding-top: 19px; } .about_us #reports-section .text-container a { text-decoration: none; padding: 0 20px 0; display: block; } .about_us #reports-section .text-container h4.top-right-title { height: auto; min-height: 35px; margin-bottom: 6px; font-size: 1.41667em; } .about_us #reports-section .text-container p { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.25em; height: auto; } .about_us #reports-section .link-container>* { display: block; padding: 0 20px 0; } #reports-section a.simple-btn span { min-width: 166px; } a.simple-btn { float: left; clear: both; color: #000; min-height: 40px; font-size: 1.08333em; display: inline-block; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } a.simple-btn span { float: left; padding: 5px 0 0; margin-right: 3px; font-size: 1.25em; } a.simple-btn i { position: relative; display: block; float: left; width: 35px; height: 35px; margin: 0; } a.simple-btn i b { position: absolute; top: 50%; width: 9px; height: 12px; margin: -7px 0 0 0; content: ''; background: url(assets/images/icons/arrow-right-black.png) 0 0 no-repeat; right: 13px; } a.simple-btn:hover i b { -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } .reportSectionAU .quickLinkAboutUs { padding-top: 19px; } .reportSectionAU .quickLinkAboutUs h4 { font-size: 1.41667em; margin-bottom: 16px; } #nagrade { display: block; float: left; } #nagrade .portlet-borderless-container { margin-top: 30px; margin-right: 0; margin-bottom: 15px; margin-left: 0; } .portlet-journal-content .journal-content-article { clear: right; } .award-block .logo-container { padding: 10px; } .award-block .logo-container img { display: block; margin: 0 auto; } .award-block .award-text-container { padding: 10px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.178em; } .award-block .award-text-container p { text-align: center; padding: 0 10px; } a.animated-btn { display: block; min-height: 40px; color: #000; font-size: 1.08333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } a.animated-btn span { float: right; padding: 0 20px 20px 10px; margin-right: 3px; font-size: 1.5em; } .home .homeModule .homeModuleContent.invest-fonds { max-height: 340px; overflow: auto; } .home .homeModule .homeModuleContent { position: relative; min-height: 340px; box-sizing: border-box; padding: 6px 10px 0 30px; background: #f7f7f7; color: #000; } .comparsionTableWrapper { width: 100%; overflow-x: auto; padding: 0; margin: 0 0 10px 0; position: relative; } .home .homeModule .homeModuleContent p { line-height: 1.5em; font-size: 1.2em; } .homeModuleContent.invest-fonds table { width: calc(100% - 20px)!important; font-size: 1.09em; margin: .5em 0; } .homeModuleContent.invest-fonds table th { font-weight: 700; } .homeModuleContent.invest-fonds table td, .homeModuleContent.invest-fonds table th { text-align: left; padding: 1px 5px; border: 1px solid #ddd; } .align-right { text-align: right!important; } .homeModuleContent.invest-fonds table a { color: #000; } .gridSystem .rmf-product .grid.x12 .gridModule.x3 { padding-right: 17px; padding-left: 17px; margin: 0; background: #f1f3f2; } .gridSystem .rmf-product .grid.x12 .gridModule.x3.heading { background: #ffffff; } .fond-overview-module .content { padding: 40px 5px 10px 10px; font-size: 1.16667em; border-bottom: 1px solid #bbb; } .fond-overview-module table { width: 100%; } .fond-overview-module table td:first-child { /* padding-left: 0;*/ text-align: left!important; } .fond-overview-module table td:last-child { text-align: right; } .fond-overview-module table td { padding: 5px 10px; width: 50%; } .fond-overview-module table .note { font-size: .85em; padding: 10px 0 20px 0; color: #666; } #fond-overview-mobile { display: none; } .index.rmf-product .accordion .items ul li ul li .item.content { position: relative; /**width: auto;**/ width: 90%; float: none; font-size: inherit; padding: 20px 3%; display: inline-block; } .index.rmf-product .accordion .items ul li ul li .item.content h2 { display: none; } .rmf-product .portlet-boundary:last-child .content { border: 0; } .index.rmf-product #contentNav .navItems li { display: table; } .index.rmf-product #contentNav .navItems li a { padding: 0 8% 0 22%; position: static; display: table-cell; vertical-align: middle; } .index.rmf-product #contentNav .navItems li a::before { left: 10px; top: 25px; } .index.rmf-product .fund-disclamer { margin-bottom: 35px; position: relative; } .index.rmf-product .datagrid { margin-bottom: 0; } .index.rmf-product .accordion .items .filter li { display: block; border: 0; min-width: 15%; float: left; margin: 0 .5em 1em 0; padding: 0; } .index.rmf-product .accordion .items .filter li a { height: 47px; line-height: 47px; border: 0; font-size: 1em; padding: 0 1em; background: #f7f7f7; text-align: center; box-sizing: border-box; cursor: pointer; } .index .accordion .productContent .cta { right: auto; bottom: 20px; } .index .accordion .cta, .index .vertical .cta { max-width: 306px; width: 100%; padding-right: 60px; } .index.rmf-product .accordion .items .productContent .gridModule.x4 { position: absolute; display: block; top: 0; bottom: 0; right: 0; margin-left: 0; margin-right: 0; } .index.rmf-product .accordion .items .productContent { position: relative; } #column-3 { margin-top: 30px; } p.notification-hr, p.notification-en { display: none; font-weight: 700; font-size: 13px; } .advantages-adnav-wrap .adNav.gridModule { margin-left: 0!important; margin-right: 0!important; } .index.rmf-product .accordion div.items { width: auto; } #fond-overview-mobile { display: none; } .index .indexContent { padding: 0 0 30px 0; border-top: 1px solid #E7E7E7; clear: both; display: inline-block; width: 100%; } #callUs { font-family: 'Amalia', Helvetica, Arial, sans-serif; overflow: auto; font-weight: 400; } #callUs .callUsContent { width: 100%; max-width: 430px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 10px; } @media (max-width: 959px) { #callUs .callUsContent { position: static; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @media(min-height:478px) { #callUs .callUsContent { position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } } @media(min-width:640px) { #callUs .callUsContent { top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } #callUs .icon { display: inline-block; } #callUs .icon.phone { width: 32px; height: 36px; margin-right: 10px; background: url("assets/images/modules/callus/icon_phone.png") 0 0 no-repeat; } #callUs h2 { position: relative; font-size: 2.5em; line-height: 1em; padding-bottom: 10px; margin-bottom: 50px; } #callUs h2:after { content: ""; display: block; position: absolute; bottom: 0; left: -10px; right: -10px; border-top: 1px solid #e7e7e7; } #callUs p { font-size: 1.17em; line-height: 1.57em; color: #000; margin-bottom: 25px; } #callUs a.phone { font-size: 2.5em; font-family: 'Amalia', Helvetica, Arial, sans-serif; line-height: .88em; margin-bottom: 10px; font-weight: 700; color: #000000; } #callUs p.last { margin-bottom: 0; } #callUs strong { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } #callUs .cta { position: relative; display: block; width: 100%; left: auto; bottom: auto; margin-top: 50px; } #callUs .cta:before { content: ""; display: block; position: absolute; top: -10px; left: -10px; right: -10px; border-top: 1px solid #e7e7e7; } div.home div.homeModule div.homeModuleContent.full .homeModuleRow .homeModuleColumn.noImage { width: 89%!important; margin: 0 25px!important; display: block!important; } div.home div.homeModule div.homeModuleContent div.homeModuleRow div.homeModuleColumn div.columnContainer { margin: 11px 0 11px; } div.home div.homeModule div.homeModuleContent span { display: block; margin: 10px 0 5px 0; font-size: .91667em; } div.home div.homeModule div.homeModuleContent.calc.short { min-height: auto; } div.home div.homeModule div.homeModuleContent.calc div.homeModuleRow { min-height: 170px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border: 0; margin: 0; padding: 11px 0 10px; font-size: 1em; overflow: hidden; } div.home div.homeModule div.homeModuleContent.calc div.homeModuleRow div.homeModuleColumn.corporate { width: 100%; min-width: 180px; } div.home div.homeModule div.homeModuleContent.calc div.homeModuleRow div.homeModuleColumn.corporate span.c1 { width: 24px; text-align: right; } div.home div.homeModule div.homeModuleContent.calc div.homeModuleRow span.change.plus { color: green; } div.home div.homeModule div.homeModuleContent.calc div.homeModuleRow span.change { display: inline-block; } div.home div.homeModule div.homeModuleContent span { display: block; margin: 10px 0 5px 0; font-size: .91667em; } div.home div.homeModule div.homeModuleContent h2 { margin: 0 0 4px 0; font-size: 1.33333em; color: black; } div.home div.homeModule div.homeModuleContent div.row { font-size: 1.25em; line-height: 1.66667em; } div.home div.homeModule div.homeModuleContent.calc div.homeModuleRow span.currency { width: 26px; } div.home div.homeModule div.homeModuleContent.calc div.homeModuleRow span.currency, div.home div.homeModule div.homeModuleContent.calc div.homeModuleRow span.multiplier, div.home div.homeModule div.homeModuleContent.calc div.homeModuleRow span.value { display: inline-block; } div.home div.homeModule div.homeModuleContent.calc div.homeModuleRow span { margin-top: 0; } div#SharePrice { overflow: auto; } div#SharePrice .SharePriceContent { position: absolute; box-sizing: border-box; padding: 10px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } div#SharePrice .SharePriceContent h2 { margin-top: 1em; margin-bottom: .75em; } div#SharePrice .SharePriceContent table { width: 100%!important; font-size: 1.15em; margin: .5em 0; border-spacing: 0; border-collapse: collapse; } div#SharePrice .SharePriceContent table td, div#SharePrice .SharePriceContent table th { text-align: left; padding: 3px 5px; border: 1px solid #ddd; } div#SharePrice .SharePriceContent table th { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } div#SharePrice .SharePriceContent table a { color: #000; } .portlet-borderless-container { position: static; min-height: 0; } .list .text ul.mapaweba li:before { display: none; } .ml-stack-nav ul .ml-stack-nav__link { padding: 0 40px 0 0; } .index .accordion .items ul li ul li .item.content { width: 85%; padding: 20px; } section#timeline div.progress span.active { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .kontakt-forma .form-group { padding: 0; background: transparent; } .list .text .mapaweba ul { padding: 0 0 0 20px; margin: 0; font-size: 14px; word-break: break-word; } .list .text .mapaweba ul li { padding: 5px 0; margin: 0; width: 91%; } .list .text .mapaweba ul li a { color: #6a6a6a; } .list .text .mapaweba ul ul a { font-weight: 700; } .list .text .mapaweba ul ul ul ul a { font-weight: 400; } .list .text .mapaweba ul li a:hover, .list .text .mapaweba ul li a:focus, .list .text .mapaweba ul li a:active { color: #000000; } .mobile-cta { display: none; position: absolute; height: 100%; width: 100%; z-index: 2; } /*----------kalkulatori mirovine--------*/ #tabs{ padding:20px; margin:0px 0px 40px 0px; } .kalkulatori-mirovine form{ margin-top:20px; } .kalkulatori-mirovine .form-group{ box-sizing:border-box; } .kalkulatori-mirovine select{ background: #fff url(assets/images/modules/branchfinder/arrow.png) center right no-repeat; } .ui-widget-header{ background:none; border:none; } .ui-tabs .ui-tabs-panel{ padding:0; } .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:#fff; border:none; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ padding:25px 15px; font-size:16px; font-weight:bold; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{ background-color: #fff200; } .kalkulatori-mirovine .input-holder { margin-bottom: 40px; } .kontakt-zona{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .input-holder{ -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .kontakt-zona #poruka{ border:1px solid #c9c9c9; display:block; width:100%; } .kontakt-zona .input-holder label{ display:block; font-size:16px; padding:10px 0px; } #obvezna-iznos-kap, #dobrovoljna-iznos-kap{ width:250px; } .slidecontainer { padding-right:20px; } .slidecontainer .ui-widget { margin-top: 10px; } /*custom color slider za range*/ .ui-slider-horizontal .ui-slider-range-min{ background-color: #454d50; } .input-holder .ui-widget-content .ui-state-default{ background-color:#fff200; /*outline:1px solid #aaaaaa;*/ width:25px; height:25px; box-shadow: 0px 0px 2px #ccc; margin-top: -3px; } .dobr-iznos-jednokratna{ width:250px; } .kalkulatori-mirovine .input-holder{ display:flex; flex-direction:column; flex-wrap:nowrap; position:relative; } .kalkulatori-mirovine .input-holder label{ display:inline-block; font-weight:bold; font-size:16px; padding-bottom:15px; } .kalkulatori-mirovine .input-holder p{ font-weight:bold; font-size:16px; } .kontakt-zona .input-holder span{ font-size:12px; font-weight:normal; display:inline-block; margin-bottom:5px; } .kalkulatori-mirovine .input-holder #obvezna-iznos-kap, .kalkulatori-mirovine .input-holder #dobrovoljna-iznos-kap{ display:block; height:35px; border:1px solid #aaa; } .kalkulatori-mirovine .input-holder input[type="range"]{ display:block; width:100%; height:10px; margin-top:0 !important; } .kalkulatori-mirovine .input-holder input, .input-holder textarea { margin:0; border:0px; box-shadow:none; } .kalkulatori-mirovine input.rez-box[type="text"], .kalkulatori-mirovine input.rez-box[type="number"]{ box-sizing:border-box; width:45px; height:45px; border-radius:50px; font-weight:bold; padding:7px; text-align:center; } .recaptcha-img{ margin-bottom:10px; } /* Chrome, Safari, Edge, Opera */ .kalkulatori-mirovine input.rez-box[type="number"]::-webkit-outer-spin-button, .kalkulatori-mirovine input.rez-box[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ .kalkulatori-mirovine input.rez-box[type="number"] { -moz-appearance: textfield; } .ispis-wrapp { position:relative; display:inline-flex; align-items:center; align-content:center; padding:5px 10px; margin:0 0px 0px 0px; background-color:#fff200; } .ispis{ display:flex; } .ispis p{ margin-right:70px; } .ispis-wrapp span{ font-weight:bold; font-size:inherit; } /* The container label */ .cont-radio { display: block; position: relative; padding-left: 35px; cursor: pointer; font-size: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default radio button */ .cont-radio input { position: absolute; opacity: 0; cursor: pointer; } /* custom radio button */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #f2f2f2; border-radius: 50%; } /* On mouse-over, siva pozadina */ .cont-radio:hover input ~ .checkmark { background-color: #ccc; } /* button checked, dodaj pozadinu */ .cont-radio input:checked ~ .checkmark { background-color: #fff200; } /* Create the indicator (the dot/circle - kad nije checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* pokazi indikator (dot/circle) kad je checked */ .cont-radio input:checked ~ .checkmark:after { display: block; } /* Stil točke (dot/circle) */ .cont-radio .checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: #000; } .kalkulatori-mirovine button[type="submit"], .kalkulatori-mirovine button[type="reset"]{ color:#000; background-color:#fff200; width:120px; padding: 15px 15px; border:none; font-weight:bold; margin-bottom:10px; } .kalkulatori-mirovine button:hover{ opacity:0.8; cursor:pointer; box-shadow:0px 0px 3px #cccccc; } .kalkulatori-mirovine button[type="reset"]{ color:#fff; background-color:#34393c; } .form-botuni{ margin: 30px 0px; } .rez-mirovina{ font-weight:bold; font-size:14px; } .rez-mirovina span{ border-bottom:5px solid #fff200; margin-left:15px; font-size:16px; } /* media queries */ @media screen and (max-width: 1450px) { #mainNav ul li { padding: 0 15px 0 0; } #mainNav #logo a { width: 180px; height: 36px; background-size: 180px auto; } #mainNav #logo { margin-top: 20px; } } @media screen and (max-width: 1280px) { div#SharePrice .SharePriceContent table { font-size: 1.1em; } } @media screen and (max-width:991px){ .kontakt-zona{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } @media screen and (max-width: 639px) { div#SharePrice .SharePriceContent { top: 60px; width: 100%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } } @media screen and (max-width: 959px) and (min-width: 481px), screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1279px) and (orientation: portrait) { .gridSystem .grid.y12 { width: 100%; display: block; } .gridSystem .grid.y12 .gridModule.y0 { display: none; } } @media screen and (max-width: 1620px) { .list .cta { right: 71px; } } @media screen and (max-width: 1366px) { .list .advantages ul li .content, .list .text ul li .content { width: 85.4%; } .list .cta { right: 15px; } } @media screen and (max-width: 1365px) { .calculator a.slider-btn { display: block; position: relative; top: 570px; float: right; margin-right: 45px; } .calculator a.slider-btn.first-tab, .calculator a.slider-btn.first-tab { left: inherit; } .calculator .calcColumn { width: 100% !important; } .calculator .calcColumn.bordered { display: none; } .calculator .calcColumn.calcNavigation .row a.stepHandle span { display: none; } .calculator-wrapper { width: 100%; box-sizing: border-box; } } @media screen and (max-width: 1265px) { #mainNav ul li { padding: 0 20px 0 0; } } @media screen and (max-width: 1150px) { #mainNav ul.sticky, .sticky #mainNav ul { margin-left: 50px; } #mainNav ul li { padding: 0 10px 0 0; } #mainNav ul .sub .introModule .introContent { font-size: 0.8333333333333334em; } #mainNav ul .sub .subModule .subList { margin-left: 5px; font-size: 0.83333em; } } @media screen and (max-width: 1120px) { .textTeaser a.teaserContent .heading { width: 80%; } } @media screen and (max-width: 1094px) { #mainNav ul a { font-size: 1.16667em; padding-bottom: 14px; } .nh-items { font-size: 14px; } } @media screen and (max-width: 1050px) { #mainNav ul li { padding: 0 5px 0 0; } } @media screen and (max-width: 959px) { body#content { margin: 69px 0 0 0; } #main { margin-bottom: 0; } .mobileHidden { display: none; } .mobile-cta { display: block; } .carousel-indicators { z-index: 3; } .gridModule.noGutterMobile { margin-left: 0 !important; margin-right: 0 !important; } .bx-pager-item { margin-right: 0 !important; } header #topNav { display: none; } #mainNav { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: fixed; top: 0; width: 100%; } #mainNav.active .mobileMenu bdi { background: transparent; -webkit-transform: translateX(2px); -moz-transform: translateX(2px); -ms-transform: translateX(2px); -o-transform: translateX(2px); transform: translateX(2px); } #mainNav.active .mobileMenu bdi:before { -webkit-transform: rotate(45deg) translateY(5px) translateX(2px); -moz-transform: rotate(45deg) translateY(5px) translateX(2px); -ms-transform: rotate(45deg) translateY(5px) translateX(2px); -o-transform: rotate(45deg) translateY(5px) translateX(2px); transform: rotate(45deg) translateY(5px) translateX(2px); } #mainNav.active .mobileMenu bdi:after { -webkit-transform: rotate(-45deg) translateY(-5px) translateX(2px); -moz-transform: rotate(-45deg) translateY(-5px) translateX(2px); -ms-transform: rotate(-45deg) translateY(-5px) translateX(2px); -o-transform: rotate(-45deg) translateY(-5px) translateX(2px); transform: rotate(-45deg) translateY(-5px) translateX(2px); } #mainNav .mainNavContent { padding: 10px; min-height: 50px; } #mainNav #logo { margin: 0; } #mainNav #logo a, #mainNav #logo a.sticky, .sticky #mainNav #logo a{ width: 132px; height: 38px; margin: 12px 0 0 0; background-size: 132px auto; } #mainNav .home { display: none; } #mainNav ul { display: none; } #mainNav ul a { padding: 0; } #mainNav ul .sub .introModule .introContent a:hover i { animation: none !important; } #mainNav ul .sub .introModule .introContent a i { right: 0; } #mainNav .mainNavCTA { display: block; position: relative; float: right; width: 82px; height: 70px; margin: -10px 0 -10px 0; } #mainNav .mainNavCTA a { padding: 0; text-align: center; font-size: 0.91667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; width:100% !important; height:100% !important; } #mainNav .mainNavCTA.sticky, .sticky #mainNav .mainNavCTA { height: 70px; } #mainNav .mainNavCTA.sticky a, .sticky #mainNav .mainNavCTA a { padding: 0; } #mainNav.sticky .mainNavContent, .sticky #mainNav .mainNavContent { padding: 10px; min-height: 50px; } #mainNav #logo.sticky, .sticky #mainNav #logo { margin: 0; } #mainNav #prijava h3 { position: relative; padding: 18px 50px; color: #000; background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; display: block; } #mainNav #prijava h4 { margin: 15px 0 0 0!important; padding: 5px 15px; background: #e9edf0; font-weight: 400; text-align: left; } #mainNav #prijava ul { display: block; width: 100%; margin: 0; } #mainNav #prijava ul li { display: block; padding: 10px 15px 10px 15px; font-size: 12px; } #mainNav #prijava ul li a { display: block; position: relative; margin: 0; padding: 7px 0; text-align: left; font-size: 17px; font-weight: 700; } #mainNav #prijava ul li a .uiLinkBar { position: absolute; top: 10px; right: 0; left: auto; margin: 0; width: 9px; height: 12px; background: url(assets/images/icons/arrow-right-small.png) center right no-repeat; } #mainNav .mainNavCTA a span.copyDesktop { display: none; } #mainNav .mainNavCTA a span.copyMobile { width: 100%; display: block; position: absolute; bottom: 7px; text-align: center; font-size: 12px; padding: 0; } #mainNav .mainNavCTA a i.key { float: none; margin: 0 auto; } #mainNav .mainNavCTA a i.arrow-right { display: none; } #mainNav .mobileMenu { display: block; } #mainNav .mobileMenu .mobileMenuWrapper { overflow: scroll; } #mainNav .mobileMenu .mobileMenuWrapper .mobileMenuContent { margin: 0 0 35px 0; } #mainNav .mainNavCTA #prijava { display: none; width: 100%; position: fixed; top: 70px; left: 0; border: 0; bottom: 0; background: #fff; overflow: scroll; opacity: 1; visibility: visible; -webkit-transition: none; transition: none; } #mainNav .mainNavCTA:hover #prijava { visibility: initial; } #mainNav #mainNavCTA a.open i.close { opacity: 1; } #mainNav #mainNavCTA a i.key { position: absolute; height: 28px; left: 30px; opacity: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; top:15px; } #mainNav #mainNavCTA a.open i.key { opacity: 0; } /* #mainNav .mainNavCTA .login-toggle.open ~ #prijava { visibility: visible; opacity: 1; display: block; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } */ #mainNav #prijava ul { display: block; width: 100%; margin: 0; } #mainNav .mainNavCTA #prijava ul li { display: block; padding: 10px 15px 10px 15px; font-size: 12px; } #mainNav #prijava ul li a { display: block; position: relative; margin: 0; padding: 7px 0; font-size: 17px; text-align: left; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } #mainNav #prijava ul li a .uiLinkBar { position: absolute; top: 10px; right: 0; left: auto; margin: 0; width: 9px; height: 12px; background: url(assets/images/icons/arrow-right-small.png) center right no-repeat; } #mainNav .mainNavCTA #prijava h4 { margin: 15px 0 0 0; padding: 5px 15px; background: #e9edf0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; text-align: left; font-size: 13px; } #mainNav #prijava h3 { position: relative; padding: 18px 50px; font-weight: 700; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-size: 13px; color: #000; background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; display: block; } #mainNav #prijava h3 i.login { display: block; position: absolute; left: 15px; top: 15px; width: 20px; height: 20px; background: url(assets/images/modules/navigation/unitPersonal.png) 0 0 no-repeat; } #mainNav #prijava ul li a .uiLinkBar { position: absolute; top: 10px; right: 0; left: auto; margin: 0; width: 9px; height: 12px; background: url(assets/images/icons/arrow-right-small.png) center right no-repeat; } input.search-btn { position: absolute; right: 0; width: 20%; top: 0; z-index: 4001; } footer { min-height: 600px; } footer .separator { display: block; } footer a.top { display: block; } footer h3 { margin-bottom: 20px; } footer .mobileApp { width: 100% !important; margin: 20px 0 0 0; margin-left: 0 !important; } footer .mobileApp a.mobileAppPhone { left: -3px; } footer .mobileApp .mobileAppCopy { padding: 0 0 0 80px; } footer .bottomFooter { padding: 40px 0 30px; border: 0 none; background: #FFF; } footer .bottomFooter ul { text-align: left; } footer .bottomFooter ul li { display: block; padding: 0 0 6px 10px; } footer .bottomFooter a { color: #000; } footer .bottomFooter a:hover { color: #000; } #timeline { margin-top: 0; } #timeline .timeLineHolder { width: auto; height: auto; margin: 0; } #timeline .horizotalScroller { display: none; } #timeline .verticalScroller { display: block; } #timeline .verticalScroller .row { position: relative; display: block; padding: 0 0 0 100px; min-height: 679px; } #timeline .verticalScroller .timeLineStages { position: relative; display: block; } #timeline .verticalScroller .timeLineStages .stage { margin: 0; } #timeline .verticalScroller .timeLineStages .stage .timeLineModule { display: block; float: none; width: auto; min-height: 0; } #timeline .verticalScroller .timeLineStages .stage .timeLineModule:first-child { width: auto; } #timeline .verticalScroller .timeLineStages .stage .timeLineModule > img { margin-right: 0; margin-bottom: 15px; float: none; } #timeline .verticalScroller .timeLineStages .stage .timeLineModule .timeLineModuleContent { padding: 0 10px 0 0; } #timeline .verticalScroller .timeLineStages .stage .timeLineModule .timeLineModuleContent p { margin: 0; } #timeline .verticalScroller .progress, #timeline .verticalScroller .verticalTimelineSliderWrap { position: absolute; display: block; left: 0; top: 35px; } #timeline .verticalScroller .verticalTimelineSliderWrap { left: 55px; } #timeline .verticalScroller .progress { width: 55px; padding: 0; height: 680px; display: table; margin-left: -5px; } #timeline .verticalScroller .timeline-breakpoints-y { float: none; text-align: left; line-height: 18px; display: table-row; margin: 0 !important; } #timeline .verticalScroller .timeline-breakpoints-y i { position: relative; top: 7px; left: auto; right: -60px; width: 10px; height: 1px; } #timeline .dijitSliderProgressBar { border-radius: 0; } #timeline .dijitSliderBumperV.dijitSliderBottomBumper { border-radius: 0 0 5px 5px; } #timeline .dijitSliderBumperV.dijitSliderTopBumper { border-radius: 5px 5px 0 0; } #lifestage .lifeSlide .lifeStageModule { width: 100%; } #lifestage .lifeSlide .lifeSliderOverlay.show { width: 16.6667%; height: 217px; display: block; } #lifestage .lifeSlide .lifeSliderOverlay.show:hover { width: 100%; height: 217px; left: 0 !important; } #lifestage .lifeSlide .lifeSliderOverlay.show:focus { text-decoration: none; } #lifestage .pagination { display: block; } .lifeSlide { border-top: none; } #tools { display: none; box-shadow: none; } #tools.active { display: block; position: fixed; z-index: 8000; top: auto; left: 0; bottom: 0; width: 100%; } #tools.active ul li { display: inline-block; width: 25%; float: left; border-right: 1px solid #E5EC00; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #tools.active ul li:hover { background: none; } #tools.active ul li.find { display: none; } #tools.active ul li a { padding: 0; font-size: 0em; } #tools.active ul li a i { height: 41px; background: url("assets/images/modules/tools/tools@size3.png") 0 0 no-repeat; margin-bottom: -7px; } #tools.active ul li a i.share_price { height: 40px; background-position: -312px 10px; } #tools.active ul li a i.calc { height: 41px; background-position: 0 10px; } #tools.active ul li a i.call { height: 41px; background-position: -66px 10px; } #tools.active ul li a i.chat { width: 37px; height: 41px; background-position: -126px 10px; } #tools.active ul li a i.findUs { height: 41px; background-position: -196px 10px; } #tools.active ul li a i.notes { height: 40px; background-position: -256px 10px; } #tools ul li a { min-height: 50px; } a#toolsHandle { display: none; } #welcome .welcomeContainer { width: 80%; padding: 0 10px 10px 10px; } #welcome .welcomeContainer .welcomeLogo { margin: 0; padding: 10px 0 0; } #welcome .welcomeContainer .welcomeLogo a { width: 132px; height: 38px; margin: 0; background-size: contain; } #welcome .welcomeContainer .welcomeLanguages { margin: 0 10px 0 0; } #welcome .welcomeContainer .welcomeLanguages ul li { padding-top: 10px; } #welcome .welcomeContainer .welcomeContent { padding: 0; position: absolute; width: 95%; width: calc(100% - 20px); bottom: 13%; left: 10px; } #welcome .welcomeContainer .welcomeContent .welcomeGreeting h1 { display: none; text-align: left; font-size: 1.83333em; line-height: 1.30em; } #welcome .welcomeContainer .welcomeContent .welcomeGreeting h1.mobile { display: block; } #welcome .welcomeContainer .welcomeContent .welcomeNavigation { margin: 33px 0 0; text-align: left; } #welcome .welcomeContainer .welcomeContent .welcomeNavigation ul li { display: block; width: 100%; height: auto; padding: 16px 0 15px; border-right: 0 none; border-bottom: 1px solid #4B4843; box-shadow: 0 1px 0 rgba(112, 109, 104, 0.3); } #welcome .welcomeContainer .welcomeContent .welcomeNavigation ul li:first-child { border-top: 1px solid #4B4843; box-shadow: 0 -1px 0 rgba(112, 109, 104, 0.4); } #welcome .welcomeContainer .welcomeContent .welcomeNavigation ul li:last-child { border: none; box-shadow: none; } #welcome .welcomeContainer .welcomeContent .welcomeNavigation ul li a { padding: 0; } #welcome .welcomeContainer .welcomeContent .welcomeNavigation ul li a span { float: none; line-height: 35px; } #welcome .welcomeContainer .welcomeContent .welcomeNavigation ul li a i { margin-right: 2px; } #branchfinder .wrapper { position: static; -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); transform: translate(0%, 0%); } #branchfinder .branchfinderContent { margin: 70px 0 40px 0; } #branchfinder .branchfinderContent .branchfinderOptions form button { height: 47px; } #branchfinder .branchfinderContent .branchfinderOptions form select { width: 100%; } #branchfinder .branch-finder-map { height: 200px; } #notesTool .notesContent { position: relative; padding-top: 0; } #notesTool .notesContent .gridModule { position: relative; opacity: 0; height: 0; z-index: 1; } #notesTool .notesContent .gridModule.active { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; padding-top: 180px; opacity: 1; height: auto; z-index: 2; overflow-x: hidden; overflow-y: auto; box-sizing: content-box; } #notesTool .notesContent .gridModule > h2 { display: none; } #notesTool .notesContent .headerMobile { display: block; position: absolute; top: 0; left: 0; right: 0; z-index: 3; background-color: #fff; } #notesTool .notesContent .headerMobile h2 { font-size: 2.5em; line-height: 1em; margin: 18px 0; padding: 0 15px; border: 0; } #notesTool .notesContent .headerMobile .logo { padding: 0 10px; } #notesTool .notesContent .headerMobile .logo h1 { margin: 0; } #notesTool .notesContent .headerMobile .logo a { display: block; width: 132px; height: 38px; margin: 12px 0 0 0; text-indent: -9999px; background: url("https://www.rmf.hr/UserDocsImages/logo/logo.png") 0 0 no-repeat; background-size: contain; } #notesTool .notesContent .moduleDesc { display: none; } #notesTool .notesContent .mobileTabs { display: block; } #notesTool .notesContent .mobileTabs .tab { display: block; float: left; width: 50%; height: 64px; padding: 14px 0 0 20px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; box-sizing: border-box; text-decoration: none; } #notesTool .notesContent .mobileTabs .tab h2 { display: inline; font-size: 1.17em; line-height: 1.3em; border: 0; margin: 0; padding: 0; } #notesTool .notesContent .mobileTabs .tab:after { display: inline-block; content: ""; width: 13px; height: 8px; margin-left: 10px; background: url(assets/images/modules/navigation/arrow-down.png) 0 0 no-repeat; } #notesTool .notesContent .mobileTabs .tab.active { background-image: -webkit-linear-gradient(top, #f5ff00 0%, #fff500 100%); background-image: -moz-linear-gradient(top, #f5ff00 0%, #fff500 100%); background-image: -ms-linear-gradient(top, #f5ff00 0%, #fff500 100%); background-image: -o-linear-gradient(top, #f5ff00 0%, #fff500 100%); background-image: linear-gradient(top, #f5ff00 0%, #fff500 100%); } #notesTool .notesContent .mobileTabs #tabOneDiv { float: left; } #notesTool .notesContent .mobileTabs #tabTwoDiv { line-height: 1; margin-right: 10px; float: left; } #notesTool .close { top: 17px; right: 15px; margin-bottom: 6px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.08333em; line-height: 13px; z-index: 5; } #notesTool .close i { float: none; margin: 0 auto 6px; width: 18px; height: 18px; background-image: url(assets/images/modules/notes/close_mobile.png); } #notesTool > .wrapper { top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; padding-top: 0; } .scrollBox .scrollbar { display: none; } .scrollBox { margin-top: 25px; height: auto; } .scrollBox .viewport { margin: 0; padding: 0 5px; height: auto; overflow: visible; } .scrollBox .overview { position: static; } .scrollBox .pagesList li { margin: 10px 0px; } .contentNavWrapper { float: left; width: 100%; height: auto; margin: 20px 0; } #contentNav { width: 100%; height: auto; border: none; } #contentNav .top { margin-bottom: 10px; } #contentNav #goTop { top: 0px; } #contentNav .navItems li { width: 100%; height: auto; } #contentNav .navItems li.active { background-color: transparent; } #contentNav .navItems li a { width: 90%; height: auto; display: block; margin-top: 0; position: static; padding: 10px 45px 8px 20px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.33333em; border-left: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9; } #contentNav .navItems li a:before { display: none; } #contentNav .navItems li a i { display: block; float: right; width: 9px; height: 12px; margin-top: 3px; background: url("assets/images/icons/arrow-right-black.png") center center no-repeat; } .loan { display: block; background: url("assets/images/modules/loan/background.png") left center no-repeat; background-size: cover; } .loan .introLoan { text-align: left; width: 100%; } .loan .introLoan .introContent { padding-left: 45px; } .loan .introLoan .introContent h1 { text-align: center; } .loan .introLoan .introContent p { text-align: center; padding-left: 0; } .loan .tool { width: 100%; margin: 30px 0 0 0; } .loan .tool .wrapper a.handle { width: 100%; } .loan .tool .wrapper .step, .loan .tool .wrapper .recommend { min-height: inherit; height: auto; border-left: none; border-top: 1px solid #A09E9D; } .loan .tool .wrapper .step.closed, .loan .tool .wrapper .recommend.closed { width: 100%; } .loan .tool .wrapper .step.expanded, .loan .tool .wrapper .recommend.expanded { width: 100%; } .loan .tool .wrapper .step.expanded.recommend.expanded, .loan .tool .wrapper .recommend.expanded.recommend.expanded { width: 100%; padding: 84px 0; } .loan .tool .wrapper .step.expanded.recommend.expanded .content, .loan .tool .wrapper .recommend.expanded.recommend.expanded .content { text-align: center; } .loan .tool .wrapper .step.expanded .content, .loan .tool .wrapper .recommend.expanded .content { margin: 0 auto; } .loan .tool .wrapper .step .content .heading, .loan .tool .wrapper .recommend .content .heading { padding-bottom: 40px; } #panel-id1.expanded .content { width: 280px; } #panel-id2.expanded .content { width: 280px; } #panel-id3.expanded .content { width: 175px; } #panel-id4.expanded .content { width: 175px; } #panel-id5.expanded .content { width: 175px; } #panel-id6.expanded .content { width: 100px; } #recommend .heading { margin: 0 auto; } .gridSystem .grid.y12.comparison { display: none; } .calculator .monthly button { margin-right: -1px; } .calculator .calcColumn .row.clean .drop { margin-top: -2px !important; } .calculator .calcColumn a.calcMore { display: block; } .calculator .calcColumn a.calcMorePdf { display: none; } #cookiesDisclaimer .wrapper, #cookiesDisclaimer.active .wrapper { padding: 10px; box-sizing: border-box; } #cookiesDisclaimer a#cookiesAccept, #cookiesDisclaimer.active a#cookiesAccept { position: relative; top: auto; left: auto; right: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .quickLinks .linksModule { width: 100%; float: none; } .quickLinks .linksModule { width: 100%; margin: 30px 0 54px 0 !important; text-align: left; border: 0 !important; padding-left: 30px; } .quickLinks .linksModule.tools .toolsContent { padding: 0 0 25px; } .quickLinks .linksModule.tools .row { padding: 0; margin-bottom: 14px; } .quickLinks .linksModule.tools .row .imagery { padding: 0 5px 4px 0; float: none !important; width: 100%; } .quickLinks .linksModule.tools .row .linksContent { width: 100%; float: none; } .quickLinks .linksModule.tools .row .linksContent a { white-space: normal; overflow: visible; text-overflow: ellipsis; padding: 0; } .quickLinks .linksModule.tools .row .linksContent p { line-height: 1em; } .quickLinks > div, .quickLinks .linksModule, .quickLinks .tools, .quickLinks .lastViewed { float: none; width: 100% !important; padding: 0 30px; } .multiTeaserModule { border: none; } .multiTeaserModule .moduleHeading a span:hover i b { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } .multiTeaserModule .content p, .multiTeaserModule .content .related a { font-size: 1.3em; } .multiTeaserModule .content p { line-height: 1.45em; } .subheadlineModule h2 { text-align: left; } .subheadlineModule .contentModule { width: 100% !important; border: none !important; } .subheadlineModule .contentModule .moduleHeading a span:hover i b { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } .subheadlineModule.v2 h2 { padding-left: 0; } .mobileLinksModule ul.mobileHeroNavigation li { width: 50%; } .mobileLinksModule ul.mobileHeroNavigation li a { font-size: 1.08333em; } .exchangeRateBoxModule { min-height: 300px; } .lastProductsModule .content p.text-right { padding-right: 0; } .lastProductsModule .content .dropDown a { text-align: left; float: left; } .lastProductsModule .content .uiLink { text-align: left; } .lastProductsModule .content .uiLink b { left: 198px; } .lastProductsModule .content { display: none; } .lastProductsModule .content.mobileOnly { display: block; padding-right: 17px; margin-bottom: 10px; text-align: left; } .lastProductsModule .content.mobileOnly a { text-align: left; } .cta { display: none; } .textTeaser { width: 100%; float: none; margin-bottom: 0; min-height: 180px; } .textTeaser .teaserContent h1 { display: block; } .dropTeaser .dropTeaserContent { width: 100%; padding: 20px 10px; } .dropTeaser .dropTeaserContent .select { float: none; max-width: 100%; width: 84%; } .dropTeaser .heading .mobile { display: block; width: 100%; } .dropTeaser .heading .desktop { display: none; } #slider .item .slideModule:first-child { width: 100%; margin-right: 0; float: none; } #slider .item .slideModule:last-child { width: 100%; margin: 0; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #slider .item .slideModule img { width: 100%; min-height: auto; } #slider .controls { top: 0; bottom: auto; left: 0; right: 0; width: auto; height: 813px; } #slider .controls a { position: absolute; display: block; width: 16px; height: auto; float: none; top: 25%; bottom: 25%; left: 0; margin: 0; background: rgba(223, 226, 228, 0.6); } #slider .controls a.right { left: auto; right: 0; } #slider .controls a.left i, #slider .controls a.right i { position: absolute; top: 50%; left: 4px; width: 8px; height: 15px; margin: -7px 0 0 0; background-image: url("assets/images/icons/lifestage_arrows_mobile.png"); background-position: 0 0; background-repeat: no-repeat; } #slider .controls a.left i { background-position: 0 0; } #slider .controls a.right i { background-position: 0 100%; } #slider ol.carousel-indicators { bottom: 20%; left: auto; right: 33px; } .list .heading { text-align: left; } .list .cta { display: block; left: 0; bottom: 4px; } .datagrid .datagrid-header { display: none; } .datagrid .datagrid-row { display: block; } .datagrid .datagrid-row td { display: block; } .datagrid .datagrid-row td:before { content: attr(data-heading) ":"; display: inline-block; min-width: 6em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-size: 1.16667em; font-weight: 700; padding: 0 10px; } #hero img { position: absolute; top: 0; left: -350px; max-width: none; max-height: none; } #hero .heroSlider .heroSlide .heroSlideContent { bottom: 42%; margin-left: 0; text-align: center; left: 230px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 80%; } #hero .heroSlider .heroSlide .heroSlideContent a { /*display: none;*/ } #hero .bx-controls { display: block; width: 151px; left: 50%; bottom: 190px; margin: 0 0 0 -75px; } #hero .mobileHeroNavigation { display: block; z-index: 3; } #hero .mobileHeroNavigation ul li { width: 50%; background-color: rgba(0,0,0, 0.5); height: 64px; display: block; float: left; overflow: hidden; } #hero .mobileHeroNavigation ul li a { font-size: 1.08333em; } .carousel-indicators { display: block; width: 171px; left: 50%; bottom: 167px; margin: 0 0 0 -75px; } .carousel-indicators li { margin-left: 0; } .carousel-indicators-numbers { bottom: 113px; right: 29px; left: auto; } .home .homeModule .homeModuleContent { padding: 6px 10px 0 20px; } .homeModuleContent.invest-fonds table { width: calc(100% - 10px)!important; } #fond-overview-mobile { display: block; } .index.invest-product .accordion { margin-top: 20px; } .index .accordion .productContent .cta { right: auto; left: auto; bottom: auto; top: auto; position: relative; } .index.rmf-product .accordion .items .productContent .gridModule.x4 { position: relative; display: block; top: auto; bottom: auto; right: auto; margin-left: 0; margin-right: 0; } .index.rmf-product .accordion { margin-top: 20px; } .contentNavWrapper { height: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; } #contentNav { width: 100%; height: auto; border: 0; } .rmf-product .indexContent { border: none; } .fond-overview-module .content { border-bottom: 0; padding: 0; } } @media screen and (max-width: 950px) { .calculator a.slider-btn { display: block; position: relative; top: 665px; margin: 0 auto; } .calculator .calcStep { width: 100%; } .calculator .calcColumn .monthly { width: 100%; } .calculator .calcColumn.calcNavigation { width: 100% !important; margin-bottom: 10px; min-height: 30px; border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; } .calculator .calcColumn.calcNavigation h1 { display: none; } .calculator .calcColumn.calcNavigation .row { width: 50%; display: inline-block; box-sizing: border-box; } .calculator .calcColumn .row { border-bottom: none; } .calculator .calcColumn .row.interest .interestHeading { border-bottom: none; } .calculator .calcColumn .row a.calcApply { width: 48%; box-sizing: border-box; font-size: 1.16667em; padding: 15px 0 15px 17px; } .calculator .calcOverlay { top: 0; padding-top: 0; } #results .content, #results .resultList .resultNode { width: 100%; } } @media screen and (max-width: 640px) { #welcome .welcomeContainer .welcomeContent { position: relative; bottom: auto; left: auto; padding: 31px 0 0 10px; } #slider ol.carousel-indicators { bottom: auto; top: 450px; } .list .cta { display: block; width: 100%; } #callUs .overlay a.close { position: relative; display: block; float: right; } #callUs .callUsContent { position: relative; top: auto; } } @media screen and (max-width: 639px) { div#callUs .callUsContent { position: absolute; top: 60px; } } @media screen and (max-width: 560px) { .calculator .calcOverlay .calcOverlayContent .calcRow ul li h2 { text-align: right; } .calculator .calcOverlay .calcOverlayContent .calcRow ul li h2 i { float: none; display: inline-block; } .calculator .calcOverlay .calcOverlayContent .calcRow ul li a { position: relative; } .calculator .calcOverlay { background-color: white; } .calculator .calcOverlay .calcOverlayContent { background-color: #e6e8ea; overflow: hidden; min-height: 24px; padding: 14px 10px 0px 10px; } .calculator .calcOverlay .calcOverlayContent .calcRow { width: 50%; font-size: 1em; box-sizing: border-box; } .calculator .calcOverlay .calcOverlayContent .calcRow:first-child { width: 100%; margin-top: 39px; border-right: none; position: absolute; } .calculator .calcOverlay .calcOverlayContent .calcRow:first-child ul { margin: 15px 0 0 0; } .calculator .calcOverlay .calcOverlayContent .calcRow:first-child ul li { padding-top: 2px; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; margin: 37px 0px; height: 23px; } .calculator .calcOverlay .calcOverlayContent .calcRow:nth-child(2) .calcOverlayContent { margin-top: 140px; margin-bottom: 23px; } .calculator .calcOverlay .calcOverlayContent .calcRow:nth-child(2) ul { margin-top: 0px; padding-top: 13px; } .calculator .calcOverlay .calcOverlayContent .calcRow:nth-child(2) ul li { padding: 7px 10px 0px 10px; /* margin-top: 5px; */ margin-bottom: 22px; border-right: 1px solid #DDD; } .calculator .calcOverlay .calcOverlayContent .calcRow:nth-child(2) ul li:last-child { padding: 22px 0 50px 0; margin-bottom: 0px; padding-left: 0; height: 60px; } .calculator .calcOverlay .calcOverlayContent .calcRow:nth-child(2) ul li a { margin-left: 0; } .calculator .calcOverlay .calcOverlayContent .calcRow:last-child .calcOverlayContent { margin-top: 140px; margin-bottom: 23px; } .calculator .calcOverlay .calcOverlayContent .calcRow:last-child ul { margin-top: 0px; padding-top: 13px; } .calculator .calcOverlay .calcOverlayContent .calcRow:last-child ul li { padding: 7px 10px 0px 10px; /* margin-top: 5px; */ margin-bottom: 22px; } .calculator .calcOverlay .calcOverlayContent .calcRow:last-child ul li:last-child { padding: 22px 0 50px 0; margin-bottom: 0px; height: 60px; } .calculator .calcOverlay .calcOverlayContent .calcRow .headline { position: relative; top: -40px; padding: 0 20px 0 0; } .calculator .calcOverlay .calcOverlayContent .calcRow .headline h3 { display: block; } .calculator .calcOverlay .calcOverlayContent .calcRow .calcOverlayClose { top: -40px; } .calculator .calcOverlay .calcOverlayContent .calcRow h4 { left: auto; right: 10px; font-size: 1em; top: 6px; text-align: right; } .calculator .calcOverlay .calcOverlayContent .calcRow ul li { height: 38px; border-bottom: none; } .list .text .mapaweba ul { padding: 0 0 0 15px; } .list .text .mapaweba li { margin: 0; } } @media screen and (max-width: 480px) { body:after { content: 'small'; display: none; } #hero .mobileHeroNavigation ul li { min-height: 83px; margin-left: -1px; } #hero .mobileHeroNavigation ul li a { font-size: 12px; padding: 10px 0 10px 10px; } #welcome .welcomeContainer { top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; margin-left: 0; margin-top: 0; background: url("assets/images/modules/welcome/welcomeMobile.jpg") top right no-repeat; background-size: cover; } #contact .wrapper { top: 38%; } #contact .wrapper .content .options ul li .sub { width: 80%; margin-left: -40%; } .calculator .calcOverlay .calcOverlayContent .calcRow .headline { padding: 0 10px 0 0; } .calculator .calcOverlay .calcOverlayContent .calcRow ul li { height: 46px; } h1.primaryHeading, .h1.primaryHeading { font-size: 1.33333em; } h1.secondaryHeading, .h1.secondaryHeading { font-size: 1.33333em; } #slider .controls { height: 462px; } #hero img { left: -670px; } #hero .heroSlider .heroSlide .heroSlideContent h1 { font-size: 1.5em; margin: 0 0 9px 0; } #hero .heroSlider .heroSlide .heroSlideContent h1 .mobile { display: inline-block; } #hero .heroSlider .heroSlide .heroSlideContent h1 .desktop { display: none; } } @media screen and (max-width: 420px) { .calculator .calcColumn h6 { font-size: 1em; } .calculator .calcColumn .row { margin: 0; padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 415px) { .calculator form div:last-child .calcColumn .period .drop { margin-top: -3px !important; } .calculator a.slider-btn { top: 640px; } .calculator .calcColumn.calcNavigation .row:nth-child(3) a { text-align: left; padding-right: 15px; } .calculator .calcColumn.calcNavigation .row:last-child a i { position: relative; top: -20px; right: -15px; } .calculator .calcColumn h2 { font-size: 1.875em; } .calculator .calcColumn h5 { font-size: 0.8125em; } .calculator .calcColumn [data-tool-element="tooltip"] { display: none; } .calculator .calcColumn .row.interest .radio-yellow strong { font-size: 0.75em; } .calculator .calcColumn .row span { font-size: 0.75em; } .calculator .calcColumn .row .column { width: 50%; box-sizing: border-box; border-bottom: 1px solid #E7E7E7; } .calculator .calcColumn .row .column.small { /*font-size: 1.3125en;*/ font-size: 1.3125em; } .loan .introLoan .introContent { padding-left: 40px; } .loan .introLoan .introContent h1 { text-align: left; } .loan .introLoan .introContent p { text-align: left; } .loan .tool .wrapper #panel-id1 { display: block; } .loan .tool .wrapper a.handle { display: none; } .loan .tool .wrapper .step .content .heading, .loan .tool .wrapper .recommend .content .heading { text-align: left; } #panel-id1.expanded .content { width: auto; } #panel-id2.expanded .content { width: auto; } #panel-id3.expanded .content { width: auto; } #panel-id4.expanded .content { width: auto; } #panel-id5.expanded .content { width: auto; } #panel-id6.expanded .content { width: auto; } .loan .tool .wrapper .closed .content .heading span.panelNumber, .loan .tool .wrapper .closed .content .heading h3.welcomeHeading { padding-left: 45px; } #recommend .heading { text-align: left; padding-left: 24px; margin: 0; } } @media screen and (max-width: 400px) { .calculator a.slider-btn { top: 660px; } .calculator a.slider-btn.first-tab, .calculator a.slider-btn.first-tab { position: absolute; } .calculator .calcColumn.calcNavigation { max-height: 77px; } .calculator .calcColumn .row.interest { border-bottom: 1px solid #e7e7e7; } .calculator { padding-bottom: 95px; } h1, .h1 { font-size: 2em; } } @media screen and (max-width: 320px) { #slider .controls { height: 303px; } #slider ol.carousel-indicators { bottom: auto; top: 270px; } } @media (min-width: 960px) and (max-width: 1280px) { .loan-title h1 { display: block; text-align: left; margin-left: 22px; margin-top: 20px; } #mainNav #logo a, .sticky #mainNav #logo a { width: 150px; background-size: 150px auto; } #mainNav ul, #mainNav ul.sticky, .sticky #mainNav ul { margin: 23px 180px 0 0; } #mainNav .mainNavCTA { width: 200px; } #mainNav .mainNavCTA a { padding: 35px 0 0 20px; font-size: 12px; } .sticky #mainNav .mainNavCTA a { padding: 20px 0 0 15px; } #mainNav .mainNavCTA a i.arrow-right { margin: 3px 10px 0 0; } #mainNav .mainNavCTA a i.key { margin: -6px 10px 0 0; } .sticky #mainNav ul { margin: 17px 180px 0 0; } .loan-title p { display: block; text-align: left; margin-left: 22px; } .loan { margin-top: 20px; } .loan .introLoan { display: none !important; } .loan .tool { float: none; width: 100% !important; margin-left: 0; margin-right: 0; } .loan .tool .wrapper a.handle { margin: 0 auto; } } @media screen and (min-width: 960px) { body:after { content: 'large'; display: none; } html.invest .home .homeModule .homeModuleContent.invest-fonds { max-height: 340px; overflow: auto; } .gridSystem .rmf-product .grid.x9 { width: calc(75% - 17px); } .index.rmf-product .accordion .items { width: 100%; } .index.rmf-product .accordion .items>ul { border-left: 1px solid #e7e7e7; } .index.rmf-product .accordion .items ul li>a.accordionTitle { display: none; } .index.rmf-product .accordion .items ul li ul { height: auto!important; overflow: auto!important; display: block!important; } .index.rmf-product .accordion .items ul li ul li .item.content { padding: 25px; } .index.rmf-product .accordion .items ul li ul li .item.content h2 { display: block; } .index.rmf-product .accordion .items .filter.btn li { width: 100%; } .index.rmf-product .accordion .items .filter li a { height: 47px; line-height: 47px; border: 0; font-size: 1em; padding: 0 1em; background: #f7f7f7; text-align: center; box-sizing: border-box; cursor: pointer; } .index.rmf-product .accordion .items .filter.btn li a { background: yellow; font-size: 1.33333em; } .index.invest-product .accordion .items .productContent .gridModule.x4 { position: absolute; display: block; top: 0; bottom: 0; right: 0; margin-left: 0; margin-right: 0; } .index.rmf-product .accordion .items > ul { border: none; } } @media screen and (min-width: 1680px) { header { width: 1680px; margin: 0 auto; } #mainNav { width: 1680px; margin: 0 auto; } #mainNav.sticky, .sticky #mainNav { width: 1680px; left: 50%; margin-left: -840px; } footer { width: 1680px; margin: 0 auto; } .sticky-spy #contentNav { width: 1680px; left: 50%; margin-left: -840px; } #main { width: 1680px; margin: 0 auto; } } /******RMOD overrides*******/ #hero .heroSlider .heroSlide .heroSlideContent a { width: 328px; } #mainNav #logo a, #mainNav #logo a.sticky, .sticky #mainNav #logo a { width: 179px; height: 49px; background: url("assets/images/rMOD-logo-Novi.svg") 0 0 no-repeat; background-size: 179px auto; } #mainNav #logo a.sticky, .sticky #mainNav #logo a { width: 135px; height: 37px; background-size: 135px auto; } #mainNav .mainNavCTA:hover #prijava { visibility: hidden; } #mainNav .mainNavCTA a i.key { width: 24px; height: 24px; background-image: url("assets/images/letter.png"); margin-top: 1px; } .info-list-home a { padding: 7px 0 0 45px; } .info-list-home a:before{ background: linear-gradient(to bottom,#f9fd36 0%,#f7ff1b 3%,#f6fe13 6%,#f8fd1c 9%,#fafd18 12%,#f8fd1c 18%,#f8fe14 21%,#f9fc19 24%,#f9fc19 44%,#fff61a 91%,#fef512 94%,#fff718 97%,#fff531 100%) !important; border-radius: 50%; width: 20px; height: 20px; top: 7px; } .home-contact { font-size: 16px; padding-top: 15px; } .home-contact h3 { font-size: 17px; } .home-btn { display: inline-block; background: linear-gradient(to bottom,#f9fd36 0%,#f7ff1b 3%,#f6fe13 6%,#f8fd1c 9%,#fafd18 12%,#f8fd1c 18%,#f8fe14 21%,#f9fc19 24%,#f9fc19 44%,#fff61a 91%,#fef512 94%,#fff718 97%,#fff531 100%); padding: 8px 12px; font-size: 15px; color: #000; } .home-btn:hover, .home-btn:focus, .home-btn:active { text-decoration: none; } .nav a.left, .nav a.right { display: none; } @media only screen and (max-width: 1450px) { #mainNav #logo { margin-top: 9px; } #mainNav ul { margin-right: 330px; } } @media only screen and (max-width: 1280px) { #mainNav ul { margin-right: 160px; } #mainNav #logo a, #mainNav #logo a.sticky, .sticky #mainNav #logo a { width: 150px; height: 41px; background-size: 150px auto; } } @media all and (min-width:960px) and (max-width:1080px){ header #topNav .topNavSeparator { width:5px; } header #topNav ul li{ padding: 0px 10px 0 0; } header #topNav ul li a{ font-size:11px; } header #topNav .has-submenu a:after{ right:13px; } } @media only screen and (max-width: 1150px) { #mainNav ul { margin-right: 170px; } } @media only screen and (max-width: 997px) { header #topNav ul li { font-size: 12px; } } @media only screen and (max-width: 959px) { #mainNav #logo { margin-top: -7px; } #mainNav #logo a.sticky, .sticky #mainNav #logo a { margin-top: 4px; } .items{ padding-left:10px; } .list p{ padding-right:0px; } #hero .heroSlider .heroSlide .heroSlideContent h1{ font-size:4em; } #hero .heroSlider .heroSlide .heroSlideContent h1{ text-shadow: 0px 1px 5px rgb(0 0 0 / 70%); } .glavni{ margin-top:-40px; padding-bottom:10px; } .kalk-landing { margin-top:-40px; padding: 25px 0px 0px 0px; } #tabs{ padding: 15px 10px; box-sizing:border-box; } } @media all and (max-width:600px){ .ispis{ display:block; } #hero .heroSlider .heroSlide .heroSlideContent{ left:42%; text-align:left; } } @media only screen and (max-width: 479px) { #mainNav #logo a, #mainNav #logo a.sticky, .sticky #mainNav #logo a { width: 120px; background-size: 120px auto; } #tabs{ border:0; border:1px solid #aaaaaa; border-radius:0px; } .ui-tabs .ui-tabs-nav { margin:0; padding:0; } .ui-tabs .ui-tabs-nav li{ width:100%; background-color:#f9f9f7; } .ui-tabs .ui-tabs-nav li:nth-child(2){ /* border-bottom:1px solid #aaaaaa; */ } .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ width:90%; font-size:14px; } } .alert { margin: 16px 0; padding: 16px 0; } .alert-error { color: red; font-weight: bold; } .results-zone { padding-top: 0; } .results-zone .zone { margin-bottom: 16px; padding-bottom: 16px; border-bottom: solid 1px #ddd; } .results-zone .zone:last-child { border-bottom-width: 0; } .results-zone .zone h3 { margin-bottom: 20px; } .tbl-calc-wrapper { margin-bottom: 30px; } .tbl-calc { width: 100%; margin-bottom: 10px; } .tbl-calc td { font-size: 14px; text-align: center; padding: 10px; } .tbl-calc thead td { color: white; background-color: #34393c; } .tbl-calc thead td:last-child { border-right: solid 1px #999; } .tbl-calc-row-title { min-height: 42px; } .tbl-calc td { vertical-align: middle; } .tbl-calc tbody td { color: #000; border-bottom: solid 1px #999; width: 26.5%; } .tbl-calc tbody tr td:first-child { color: #000; background-color: #f2f2f2; border-left: solid 1px #aaa; border-right: solid 1px #aaa; width: 20.5%; } .tbl-calc tbody tr td:last-child { border-right: solid 1px #999; } td.graf-trigger { cursor: pointer; } .tbl-calc tbody td:nth-child(3), .tbl-calc tbody td:nth-child(4) { border-left: solid 1px #999; } .tbl-calc-v2 tbody td:nth-child(5) { border-left: solid 1px #999; } .hc-wrapper { display: flex; flex-wrap: nowrap; margin-bottom: 5px; } .hc-wrapper > div { flex: 0 0 50%; width:100%; height:350px; margin-bottom: 30px; } .graph-info { text-align: center; font-size: 11px; color: #777; } @media only screen and (max-width: 768px) { .hc-wrapper { flex-wrap: wrap; } .hc-wrapper > div { flex: 0 0 100%; } } @media only screen and (max-width: 1184px) { td .bubble-tip-table { display: none !important; } } .info-bubble { width: 20px; height: 20px; border-radius: 50%; display: inline-block; margin-bottom: -3px; background: url(assets/images/i.svg) 50% 50% no-repeat; background-size: 5px; background-color: #0aacf3; cursor: pointer; margin-left: 5px; } .info-bubble-table { position: relative; } .bubble-tip { display: none; position: absolute; color: black; box-shadow: 0px 0px 3px #d8d8d8; background-color: #fff200; padding: 2px 6px; z-index: 2000; top: 22px; font-size: 12px; } td .bubble-tip-table { bottom: 0px; left: 0px; } .report { margin-bottom: 16px; margin-top: 10px; font-weight: bold; } .report-success { color: green; } .report-error { color: red; } @media only screen and (max-width:678px){ .bubble-tip{ top:-60px; width:100%; } } @media all and (max-width:375px){ .arhiva{ float:none; text-align:center; } } .cell-selected { background-color: #fff200; } tr.row-selected td { background-color: #fff200; } .info-list-home li {width: auto !important;} .c { text-align: center; margin:0 auto; width:90%; } .button-cta { color: #000; background-color: #fff200; width: 100%; max-width: 510px; padding: 25px 15px; border: none; font-weight: bold; margin-bottom: 10px; font-family: 'Amalia', Helvetica, Arial, sans-serif !important; font-size: 1.125rem; box-shadow: 0 0px 10px rgb(0 0 0 / 13%); transition: all .3s; cursor: pointer; display: inline-block; box-sizing: border-box; } .button-cta:hover { box-shadow: 0 0 20px rgb(0 0 0 / 0%); color: inherit; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Amalia', Helvetica, Arial, sans-serif !important; } .zajamceno-razdoblje-wrapper-narrow { width: 150px; } @media screen and (max-width: 959px) { #hero .heroSlider .heroSlide .heroSlideContent { bottom: 42%; height: 240px; } #hero .heroSlider .heroSlide .heroSlideContent a.cta { left: 160px; } } @media screen and (max-width: 830px) { #hero .heroSlider .heroSlide .heroSlideContent a.cta { left: 120px; } } @media screen and (max-width: 700px) { #hero .heroSlider .heroSlide .heroSlideContent a.cta { left: 60px; } } @media screen and (max-width: 550px) { #hero .heroSlider .heroSlide .heroSlideContent a.cta { left: 20px; } #hero .heroSlider .heroSlide .heroSlideContent a { width: 100%; font-size: 1.2em; } } @media screen and (max-width: 480px) { #hero .heroSlider .heroSlide .heroSlideContent a { font-size: 1em; } #hero .heroSlider .heroSlide .heroSlideContent a.cta i { margin-top: -12px; } .item.content .foto_tablica { font-size: 12px; } .item.content .foto_tablica td { font-size: 12px; } .nh-items { font-size: 13px; } } @media screen and (max-width: 374px) { .item.content .foto_tablica { font-size: 11px; } } td span.euro { display: block; font-size: 0.8rem; color: #777; } .euro-mirovina { background-color: yellow; padding: 20px; margin-top: 20px; font-size: 24px; font-weight: bold; line-height: 28px; } a.euro-mirovina-link, a.euro-mirovina-link:visited { text-decoration: none; } .alternate-helper { font-weight: normal !important; font-size: 12px !important; color: #999 !important; margin-top: 5px; margin-bottom: 0 !important; } .tbl-calc thead td.cell-blue { background-color: #2F75B5; } /* ################################################# Home page Templates/Markup: templates/pages/index.hbs SCSS/CSS scss/pages/home.scss JavaScript js/pages/home/home.js #################################################### */ /* Functions */ /* Mixins */ /* -- Grid System ---------------------- */ /* -- Sample queries ----------------- */ /*-- Common mixins ----*/ /*-- Themes and stuff --*/ /* ############# Home page commons ############ */ /* bounce button animation */ @-webkit-keyframes bounce { 0% { right: 13px; } 20% { right: 13px; } 40% { right: 3px; } 50% { right: 13px; } 60% { right: 8px; } 80% { right: 13px; } 100% { right: 13px; } } @keyframes bounce { 0% { right: 13px; } 20% { right: 13px; } 40% { right: 3px; } 50% { right: 13px; } 60% { right: 8px; } 80% { right: 13px; } 100% { right: 13px; } } #lifeStageCarouselDesktop { display: block; overflow: hidden; } @media (max-width: 959px) { #lifeStageCarouselDesktop { display: none; } } #lifeStageCarouselDesktop .lifeStageModule { position: relative; } #lifeStageCarouselDesktop a.carousel-control { position: absolute; height: 77px; top: 50%; margin: -38px 0 0 0; width: 15px; background: rgba(255, 255, 255, 0.5); font-size: 0; } #lifeStageCarouselDesktop a.carousel-control.left:before { transform: rotate(-135deg); left: 4px; content: ''; position: absolute; top: 50%; margin-top: -6px; width: 10px; height: 10px; border-top: 1px solid gray; border-right: 1px solid gray; } #lifeStageCarouselDesktop a.carousel-control.right { right: 0; } #lifeStageCarouselDesktop a.carousel-control.right:before { transform: rotate(45deg); right: 4px; left: auto; content: ''; position: absolute; top: 50%; margin-top: -6px; width: 10px; height: 10px; border-top: 1px solid gray; border-right: 1px solid gray; } #lifeStageCarouselMobile { display: none; } @media screen and (max-width: 959px) { #lifeStageCarouselMobile { display: block; } } #lifeStageCarouselMobile .carousel-indicators { position: static; width: 100%; margin: 0; text-align: center; list-style: none; } #lifeStageCarouselMobile .carousel-indicators li { position: relative; display: block; float: left; width: 16.3%; height: 7px; margin: 0 1px 0 0; text-indent: -9999px; cursor: pointer; background-color: #000 \9; background-color: #EBEBEB; } #lifeStageCarouselMobile .carousel-indicators li.active { background-color: #f7ff00; } .lifeStageContainer { clear: both; position: relative; } .lifeStageContainer .bx-wrapper { margin: 0 !important; min-width: 100%; } .lifeStage { margin: 1px 0 0 0; } .lifeStage img { margin: 0 auto; } .lifeStage .lifeStageModule { float: left; overflow: hidden; width: 33.33%; min-height: 215px; background: #DDD; background-size: cover; background-position: center; background-repeat: no-repeat; box-sizing: border-box; border-left: 1px solid #FFF; } @media (max-width: 959px) { .lifeStage .lifeStageModule { width: 100%; } } .lifeStage .lifeStageModule:nth-child(3n+1) { border-left: none; } .lifeStage .lifeStageModule:first-child { margin-left: 0; } .lifeStage .lifeStageModule.noDesktop { display: none; } @media (max-width: 959px) { .lifeStage .lifeStageModule.noDesktop { display: block; } } /* ############# Home grid/content ############# */ .home { clear: both; padding: 0 0 7px 0; } .home:after { content: ''; display: table; clear: both; } .home.mobile { display: none; } @media (max-width: 959px) { .home.mobile { display: block; } } .home h1 { display: block; font-size: 2.5em; margin: 0 0 8px 0; padding: 10px 0 15px 14px; color: black; } @media (max-width: 1024px) { .home h1 { font-size: 2.16667em; } } @media (max-width: 959px) { .home h1 { font-size: 1.16667em; } } .home .homeModule { position: relative; float: left; width: 33.3%; margin: 6px 0 0 0; } @media (min-width: 959px) { .home .homeModule:first-child + .homeModule { width: 33.4%; } .home .homeModule:first-child + .homeModule h1, .home .homeModule:first-child + .homeModule .homeModuleCTA { border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; } } @media (max-width: 959px) { .home .homeModule { width: 100%; margin: 2px 0 0 0; } .home .homeModule:first-child { display: block; } } .home .homeModule:last-child { margin-right: 0; } @media (max-width: 959px) { .home .homeModule.desktop { display: none; } } .home .homeModule.mobileModule { display: none; border: 0; } @media (max-width: 959px) { .home .homeModule.mobileModule { display: block; } } .home .homeModule.mobileModule .homeModuleContent { min-height: 100px; } .home .homeModule .homeModuleContent { position: relative; min-height: 339px; box-sizing: border-box; background: #F7F7F7; color: #000; } .home .homeModule .homeModuleContent.full { padding: 0; } @media (min-width: 959px) { .home .homeModule .homeModuleContent.full .homeModuleRow { position: relative; display: block; height: 170px; overflow: hidden; padding: 0 15px 0 195px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; } .home .homeModule .homeModuleContent.full .homeModuleRow .homeModuleColumn:first-child { position: absolute; display: block; top: 0; bottom: 0; left: 0; width: 170px; } .home .homeModule .homeModuleContent.full .homeModuleRow .homeModuleColumn:first-child + .homeModuleColumn { float: none; width: auto; } } .home .homeModule .homeModuleContent.full .homeModuleCTA { margin-right: 20px; } @media (max-width: 959px) { .home .homeModule .homeModuleContent { min-height: 300px; } } .home .homeModule .homeModuleContent.cc { padding: 0; background-repeat: no-repeat; background-position: center top; background-size: cover; } @media (max-width: 959px) { .home .homeModule .homeModuleContent.cc { min-height: 420px; } .home .homeModule .homeModuleContent.cc .homeModuleCTA { position: absolute; bottom: 0; right: 10px; } } @media (max-width: 959px) { .home .homeModule .homeModuleContent .homeModuleRow { margin: 0; } } .home .homeModule .homeModuleContent .homeModuleRow:after { content: ''; display: table; clear: both; } .home .homeModule .homeModuleContent .homeModuleRow:first-child { border-bottom: 1px solid #FFF; } .home .homeModule .homeModuleContent .homeModuleRow:last-child { margin-bottom: 0; } .home .homeModule .homeModuleContent .homeModuleRow .homeModuleColumn { float: left; width: 47%; } .home .homeModule .homeModuleContent .homeModuleRow .homeModuleColumn:first-child { width: 40%; margin: 0 25px 0 0; } .home .homeModule .homeModuleContent .homeModuleRow .homeModuleColumn .columnContainer { margin: 11px 0 11px; } @media (max-width: 959px) { .home .homeModule .homeModuleContent .homeModuleRow .homeModuleColumn { position: relative; display: block; top: auto; bottom: auto; left: auto; width: 100%; margin: 0; padding: 0 0 10px 0; } .home .homeModule .homeModuleContent .homeModuleRow .homeModuleColumn:first-child { width: 100%; margin: 0; } .home .homeModule .homeModuleContent .homeModuleRow .homeModuleColumn .columnContainer { padding: 0 10px; } } .home .homeModule .homeModuleContent .homeModuleRow .homeModuleColumn a { display: block; color: #000; } .home .homeModule .homeModuleContent .homeModuleRow .homeModuleColumn a:hover { color: #5B5D5A; } @media (max-width: 959px) { .home .homeModule .homeModuleContent .homeModuleRow .homeModuleColumn img { width: 100%; } } .home .homeModule .homeModuleContent span { display: block; margin: 10px 0 5px 0; font-size: 0.91667em; } .home .homeModule .homeModuleContent h2 { margin: 0 0 4px 0; font-size: 1.33333em; color: black; } @media (min-width: 959px) and (max-width: 1180px) { .home .homeModule .homeModuleContent h2 { font-size: 1.16667em; } } .home .homeModule .homeModuleContent p { margin: 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-size: 1em; font-weight: 400; } .home .homeModule .homeModuleContent.calc { padding-top: 0; } .home .homeModule .homeModuleContent.calc .homeModuleRow { min-height: 170px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border: none; margin: 0; padding: 11px 0 24px 0; font-size: 1em; overflow: hidden; } /* .home .homeModule .homeModuleContent.calc .homeModuleRow .homeModuleColumn { width: 40%; margin: 14px 0 0 0; padding: 0; } */ .home .homeModule .homeModuleContent.calc .homeModuleRow span { margin-top: 0; } .home .homeModule .homeModuleCTA { margin: 7px 0 0; padding: 30px 0 38px 0; overflow: hidden; text-align: right; } @media (max-width: 959px) { .home .homeModule .homeModuleCTA { display: none; } } .home .homeModule .homeModuleCTA.mobile { display: none; } @media (max-width: 959px) { .home .homeModule .homeModuleCTA.mobile { display: block; position: relative; right: 0; border: 0; padding-top: 10px; padding-bottom: 20px; margin: 20px 10px 0 0; } } .home .homeModule .homeModuleCTA.mobile a span { float: right; } .home .homeModule .homeModuleCTA a { display: block; color: #000; font-size: 1.33333em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; } .home .homeModule .homeModuleCTA a:hover i b { -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -ms-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; } .home .homeModule .homeModuleCTA a i { display: block; float: right; width: 35px; height: 35px; margin: -6px 20px 0 16px; position: relative; background: #f9fd36; background: -moz-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9fd36), color-stop(3%, #f7ff1b), color-stop(6%, #f6fe13), color-stop(9%, #f8fd1c), color-stop(12%, #fafd18), color-stop(18%, #f8fd1c), color-stop(21%, #f8fe14), color-stop(24%, #f9fc19), color-stop(44%, #f9fc19), color-stop(91%, #fff61a), color-stop(94%, #fef512), color-stop(97%, #fff718), color-stop(100%, #fff531)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9fd36 0%, #f7ff1b 3%, #f6fe13 6%, #f8fd1c 9%, #fafd18 12%, #f8fd1c 18%, #f8fe14 21%, #f9fc19 24%, #f9fc19 44%, #fff61a 91%, #fef512 94%, #fff718 97%, #fff531 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fd36', endColorstr='#fff531',GradientType=0 ); /* IE6-9 */ } @media (max-width: 959px) { .home .homeModule .homeModuleCTA a i { margin-right: 0; } } .home .homeModule .homeModuleCTA a i b { position: absolute; top: 50%; width: 9px; height: 12px; margin: -7px 0 0 0; content: ''; background: url("assets/images/icons/arrow-right-black.png") 0 0 no-repeat; right: 13px; } .home .homeModule .homeModuleCTA .bitdef_opis {font-size: 13px; font-weight: normal; display: none;} .home .homeModule .homeModuleCTA a span { float: right; font-size: 1em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; margin-top: 0; } .home .homeModule .homeModuleCTA a span.mobile { display: none; } @media (max-width: 959px) { .home .homeModule .homeModuleCTA a span { display: none; } .home .homeModule .homeModuleCTA a span.mobile { display: block; margin-top: -1px; } } /*.home_linkovi li:before { content: ''; background: url("../../images/icons/arrow-right-black.png") 0 0 no-repeat; width: 9px; height: 12px; display:inline-block; } .home_linkovi li a { display: inline-block !important; margin-left: 10px; }*/ .mobile-toggle-wrapper { display: none; float: right; width: 82px; height: 70px; margin: -10px -10px -10px 0; text-align: center; } .mobile-nav-toggle { display: block; color: #000; } .mobile-nav-toggle ~ .izbornik-label, .mobile-nav-toggle.is-active ~ .zatvori-label { display: block; } .mobile-nav-toggle ~ .zatvori-label, .mobile-nav-toggle.is-active ~ .izbornik-label { display: none; } .ml-stack-nav .menu-top { position: relative; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; } .ml-stack-nav .menu-top .menuTopContent { padding: 15px 15px; overflow: hidden; } .ml-stack-nav .menu-top .menuTopContent .unit { overflow: hidden; } .ml-stack-nav .mobileMenu .menu-top .menuTopContent .unit .unitTop .unitOption { float: left; } .ml-stack-nav .menu-top .menuTopContent .unit .unitTop .unitOption i { display: block; float: left; width: 20px; height: 20px; } .ml-stack-nav .menu-top .menuTopContent .unit .unitTop .unitOption i.personal { background: url(assets/images/modules/navigation/unitPersonal.png) 0 0 no-repeat; } .ml-stack-nav .menu-top .menuTopContent .unit .unitTop .unitOption span { display: block; float: none; margin: 4px 0 0 33px; } .ml-stack-nav .menu-top .menuTopContent .unit .unitTop .unitOptionSelected { display: inline-block; margin: 0 0 0 6px; width: 63%; } .ml-stack-nav a { color: #000; } .ml-stack-nav .menu-top .menuTopContent .unit .unitTop .unitOptionSelected span { display: block; margin: 3px 0 0; } .ml-stack-nav .menu-top .menuTopContent .unit .unitTop .unitOptionSelected i { display: block; float: right; width: 14px; height: 9px; margin: 4px 0 0 16px; background: url(assets//images/modules/navigation/arrow-down.png) 0 0 no-repeat; } .ml-stack-nav .menu-top .menuTopContent .unit .unitTop .unitOptionSelected span strong { font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.08333em; } .ml-stack-nav .menu-top .menuTopContent .unit .unitMenu { display: none; position: absolute; top: 52px; left: 0; width: 100%; height: 400px; overflow: hidden; background: #E9EDF0; z-index: 5000; } .ml-stack-nav .menu-top .menuTopContent .unit .unitMenu ul { display: block; position: absolute; top: 0; left: 0; width: 100%; margin: 0; } .ml-stack-nav .menu-top .menuTopContent .unit .unitMenu ul li { display: block; width: 100%; } .ml-stack-nav .menu-top .menuTopContent .unit .unitMenu ul li a { display: block; padding: 17px 15px 3px; font-size: 1.41667em; } .ml-stack-nav .menu-top .menuSearch { float: right; width: 82px; height: 100%; } .ml-stack-nav .menu-top .menuSearch a.toggleSearch { position: absolute; top: 0; right: 0; display: block; width: 20%; height: 74px; overflow: hidden; text-indent: -9999px; background: #F1F3F2 url(assets/images/modules/navigation/search.png) center center no-repeat; z-index: 4000; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .ml-stack-nav .menu-top .menuSearch .menuSearchContent { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F8F8F8; z-index: 3000; } .ml-stack-nav .menu-top .menuSearch .menuSearchContent form { display: block; position: relative; } .ml-stack-nav .menu-top .menuSearch .menuSearchContent form span { display: block; position: absolute; top: 15px; left: 20px; color: #A8A9AB; font-size: 1.41667em; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .ml-stack-nav .menu-top .menuSearch .menuSearchContent form input { height: 52px; padding: 14px 25px; border: 0 none; background: #E9EDF0; font-size: 17px; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; width: 80%; line-height: 24px; } .ml-stack-nav .menu-top .mobileMenuHeading { display: none; position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background: #F1F3F2; color: #000; text-align: center; z-index: 5000; } .ml-stack-nav .menu-top .mobileMenuHeading span { display: block; float: right; margin: 17px 18px 0 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.25em; text-transform: unset; } .ml-stack-nav .menu-top .mobileMenuHeading a { white-space: nowrap; display: block; position: absolute; left: 0; top: 0; text-overflow: ellipsis; width: auto; height: 19px; max-width: 120px; overflow: hidden; margin: 18px 0 0 15px; padding: 0 0 0 23px; background: url(assets/images/icons/arrow-left-black.png) 0 0 no-repeat; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; } .ml-stack-nav .mobileMenuHeading { background: #F1F3F2; color: #000; height: 52px; text-align: center; z-index: 5000; } .ml-stack-nav .mobileMenuHeading span { position: absolute; display: block; /* float: right; */ margin: 0 18px 0 0; width: 100%; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.25em; text-transform: unset; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .ml-stack-nav .mobileMenuHeading .v-center { display: block; float: right; width: 50%; position: relative; text-align: right; height: 52px; } .ml-stack-nav .mobileMenuHeading button { white-space: nowrap; display: block; position: absolute; left: 0; top: 0; text-overflow: ellipsis; width: auto; height: 19px; max-width: 120px; overflow: hidden; margin: 18px 0 0 15px; padding: 0 0 0 23px; background: url(assets/images/icons/arrow-left-black.png) 0 0 no-repeat; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; border: none } .ml-stack-nav .ml-stack-nav__item { display: block; padding: 10px 15px 10px 15px; } .ml-stack-nav .ml-stack-nav__item.back { padding: 0; } .ml-stack-nav .ml-stack-nav__item a { display: block; position: relative; font-size: 1.41667em; } .ml-stack-nav__item-inner { position: relative; } .ml-stack-nav ul .ml-stack-nav__item-inner button { display: block; position: absolute; top: 10px; right: 19px; width: 9px; height: 12px; border: none; background: url(assets/images/icons/arrow-right-black.png) 0 0 no-repeat; } .ml-stack-nav ul .ml-stack-nav__link { color: #000; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.41667em; letter-spacing: -0.5px; position: relative; display: inline-block; text-decoration: none; border: none; } .ml-stack-nav .ml-stack-nav__item a span { display: block; margin: 1px 0 0; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 0.75em; } .ml-stack-nav .menu-top .menuTopContent .unit .unitMenu { display: none; /* position: absolute; */ /* top: 60px; */ position: relative; top: 0; left: 0; width: 100%; height: 90vh; overflow: hidden; background: #E9EDF0; z-index: 5000; } .menuCancel { display: none; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 70px; background: #454D50; z-index: 5000; } .menuCancel a { display: block; float: right; padding: 0px 30px 0px; font-size: 1.16667em; color: #FFF !important; line-height: 70px; } .ml-stack-nav .menu-top .menuTopContent .unit .unitMenu ul li a { color: #000; font-family: 'Amalia', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.41667em; letter-spacing: -0.5px; position: relative; padding-bottom: 10px; display: inline-block; text-decoration: none; border: none; } .ml-stack-nav .menu-top .menuSearch a.toggleSearch.active { height: 52px; background: yellow url(assets/images/modules/navigation/search.png) center center no-repeat; } .ml-stack-nav .menu-top .menuSearch .menuSearchContent { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 90vh; background: #F8F8F8; z-index: 3000; } .ml-stack-nav .menu-top .menuSearch .menuSearchContent form { display: block; position: relative; } .ml-stack-nav .menu-top .menuSearch .menuSearchContent form ::-webkit-input-placeholder { color: #A8A9AB; } .ml-stack-nav .menu-top .menuSearch .menuSearchContent form :-ms-input-placeholder { color: #A8A9AB; } .ml-stack-nav .menu-top .menuSearch .menuSearchContent form ::placeholder { color: #A8A9AB; } .ml-stack-nav .menu-top .menuTopContent.active { background: #E9EDF0; } .ml-stack-nav .menu-top .menuTopContent.active a.toggleSearch { display: none; } @media screen and (max-width: 959px) { .mobile-toggle-wrapper { display: block; } }