/* Poalim-Regular */ @font-face { font-family: 'Poalim'; src: url("../fonts/Poalim-Regular.eot"), url("../fonts/Poalim-Regular.woff2") format("woff2"), url("../fonts/Poalim-Regular.woff") format("woff"); /* Pretty Modern Browsers */ font-weight: normal; } /* Poalim-Light */ @font-face { font-family: 'Poalim'; src: url("../fonts/Poalim-Light.eot"), url("../fonts/Poalim-Light.woff2") format("woff2"), url("../fonts/Poalim-Light.woff") format("woff"); /* Pretty Modern Browsers */ font-weight: 300; } /* Poalim-Bold */ @font-face { font-family: 'Poalim'; src: url("../fonts/Poalim-Bold.eot"), url("../fonts/Poalim-Bold.woff2") format("woff2"), url("../fonts/Poalim-Bold.woff") format("woff"); /* Pretty Modern Browsers */ font-weight: bold; } /*! * OverlayScrollbars * https://github.com/KingSora/OverlayScrollbars * * Version: 1.12.0 * * Copyright KingSora | Rene Haas. * https://github.com/KingSora * * Released under the MIT license. * Date: 05.04.2020 */ html.os-html, html.os-html > .os-host { display: block; overflow: hidden; box-sizing: border-box; height: 100% !important; width: 100% !important; min-width: 100% !important; min-height: 100% !important; margin: 0 !important; position: absolute !important; } html.os-html > .os-host > .os-padding { position: absolute; } body.os-dragging, body.os-dragging * { cursor: default; } .os-host, .os-host-textarea { position: relative; overflow: visible !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; } .os-host-flexbox { overflow: hidden !important; display: -webkit-box; display: -ms-flexbox; display: flex; } .os-host-flexbox > .os-size-auto-observer { height: inherit !important; } .os-host-flexbox > .os-content-glue { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; } .os-host-flexbox > .os-size-auto-observer, .os-host-flexbox > .os-content-glue { min-height: 0; min-width: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; } #os-dummy-scrollbar-size { position: fixed; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; visibility: hidden; overflow: scroll; height: 500px; width: 500px; } #os-dummy-scrollbar-size > div { width: 200%; height: 200%; margin: 10px 0; } #os-dummy-scrollbar-size:before, #os-dummy-scrollbar-size:after, .os-content:before, .os-content:after { content: ''; display: table; width: .01px; height: .01px; line-height: 0; font-size: 0; flex-grow: 0; flex-shrink: 0; visibility: hidden; } #os-dummy-scrollbar-size, .os-viewport { -ms-overflow-style: scrollbar !important; } .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport { scrollbar-width: none !important; } .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner { display: none !important; width: 0 !important; height: 0 !important; visibility: hidden !important; background: 0 0 !important; } .os-content-glue { box-sizing: inherit; max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .os-padding { box-sizing: inherit; direction: inherit; position: absolute; overflow: visible; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 1; } .os-host-overflow > .os-padding { overflow: hidden; } .os-viewport { direction: inherit !important; box-sizing: inherit !important; resize: none !important; outline: 0 !important; position: absolute; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .os-content-arrange { position: absolute; z-index: -1; min-height: 1px; min-width: 1px; pointer-events: none; } .os-content { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: 100%; height: 100%; width: 100%; visibility: visible; } .os-content > .os-textarea { box-sizing: border-box !important; direction: inherit !important; background: 0 0 !important; outline: 0 transparent !important; overflow: hidden !important; position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; margin: 0 !important; border-radius: 0 !important; float: none !important; -webkit-filter: none !important; filter: none !important; border: 0 !important; resize: none !important; -webkit-transform: none !important; transform: none !important; max-width: none !important; max-height: none !important; box-shadow: none !important; -webkit-perspective: none !important; perspective: none !important; opacity: 1 !important; z-index: 1 !important; clip: auto !important; vertical-align: baseline !important; padding: 0; } .os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea { right: 0 !important; } .os-content > .os-textarea-cover { z-index: -1; pointer-events: none; } .os-content > .os-textarea[wrap=off] { white-space: pre !important; margin: 0 !important; } .os-text-inherit { font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit; text-transform: inherit; text-decoration: inherit; text-indent: inherit; text-align: inherit; text-shadow: inherit; text-overflow: inherit; letter-spacing: inherit; word-spacing: inherit; line-height: inherit; unicode-bidi: inherit; direction: inherit; color: inherit; cursor: text; } .os-resize-observer, .os-resize-observer-host { box-sizing: inherit; display: block; visibility: hidden; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1; } .os-resize-observer-host { padding: inherit; border: inherit; border-color: transparent; border-style: solid; box-sizing: border-box; } .os-resize-observer-host > .os-resize-observer { height: 200%; width: 200%; padding: inherit; border: inherit; margin: 0; display: block; box-sizing: content-box; } .os-resize-observer-host.observed { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .os-resize-observer-host.observed > .os-resize-observer { position: relative; flex-grow: 1; flex-shrink: 0; flex-basis: auto; } .os-size-auto-observer { box-sizing: inherit !important; height: 100%; width: inherit; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; -webkit-box-flex: inherit; -ms-flex-positive: inherit; flex-grow: inherit; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 0; flex-basis: 0; } .os-size-auto-observer > .os-resize-observer { width: 1000%; height: 1000%; min-height: 1px; min-width: 1px; } .os-resize-observer-item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -1; opacity: 0; direction: ltr !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; } .os-resize-observer-item-final { position: absolute; left: 0; top: 0; -webkit-transition: none !important; transition: none !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; } .os-resize-observer { -webkit-animation-duration: .001s; animation-duration: .001s; -webkit-animation-name: os-resize-observer-dummy-animation; animation-name: os-resize-observer-dummy-animation; } object.os-resize-observer { box-sizing: border-box !important; } @-webkit-keyframes os-resize-observer-dummy-animation { 0% { z-index: 0; } to { z-index: -1; } } @keyframes os-resize-observer-dummy-animation { 0% { z-index: 0; } to { z-index: -1; } } .os-host-transition > .os-scrollbar, .os-host-transition > .os-scrollbar-corner { -webkit-transition: opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s; transition: opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s; } html.os-html > .os-host > .os-scrollbar { position: absolute; z-index: 999999; } .os-scrollbar, .os-scrollbar-corner { position: absolute; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; z-index: 1; } .os-scrollbar-corner { bottom: 0; right: 0; } .os-scrollbar { pointer-events: none; } .os-scrollbar-track { pointer-events: auto; position: relative; height: 100%; width: 100%; padding: 0 !important; border: 0 !important; } .os-scrollbar-handle { pointer-events: auto; position: absolute; width: 100%; height: 100%; } .os-scrollbar-handle-off, .os-scrollbar-track-off { pointer-events: none; } .os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable * { pointer-events: none !important; } .os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle { opacity: 0 !important; } .os-scrollbar-horizontal { bottom: 0; left: 0; } .os-scrollbar-vertical { top: 0; right: 0; } .os-host-rtl > .os-scrollbar-horizontal { right: 0; } .os-host-rtl > .os-scrollbar-vertical { right: auto; left: 0; } .os-host-rtl > .os-scrollbar-corner { right: auto; left: 0; } .os-scrollbar-auto-hidden, .os-padding + .os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner, .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner, .os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner { opacity: 0; visibility: hidden; pointer-events: none; } .os-scrollbar-corner-resize-both { cursor: nwse-resize; } .os-host-rtl > .os-scrollbar-corner-resize-both { cursor: nesw-resize; } .os-scrollbar-corner-resize-horizontal { cursor: ew-resize; } .os-scrollbar-corner-resize-vertical { cursor: ns-resize; } .os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize { cursor: default; } .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical { top: 0; bottom: 0; } .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal { right: 0; left: 0; } .os-scrollbar:hover, .os-scrollbar-corner.os-scrollbar-corner-resize { opacity: 1 !important; visibility: visible !important; } .os-scrollbar-corner.os-scrollbar-corner-resize { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+); background-repeat: no-repeat; background-position: 100% 100%; pointer-events: auto !important; } .os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .os-host-overflow { overflow: hidden !important; } .os-theme-none > .os-scrollbar-horizontal, .os-theme-none > .os-scrollbar-vertical, .os-theme-none > .os-scrollbar-corner { display: none !important; } .os-theme-none > .os-scrollbar-corner-resize { display: block !important; min-width: 10px; min-height: 10px; } .os-theme-dark > .os-scrollbar-horizontal, .os-theme-light > .os-scrollbar-horizontal { right: 10px; height: 10px; } .os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical { bottom: 10px; width: 10px; } .os-theme-dark.os-host-rtl > .os-scrollbar-horizontal, .os-theme-light.os-host-rtl > .os-scrollbar-horizontal { left: 10px; right: 0; } .os-theme-dark > .os-scrollbar-corner, .os-theme-light > .os-scrollbar-corner { height: 10px; width: 10px; } .os-theme-dark > .os-scrollbar-corner, .os-theme-light > .os-scrollbar-corner { background-color: transparent; } .os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { padding: 2px; box-sizing: border-box; background: 0 0; } .os-theme-dark > .os-scrollbar.os-scrollbar-unusable, .os-theme-light > .os-scrollbar.os-scrollbar-unusable { background: 0 0; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track { background: 0 0; } .os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle { min-width: 30px; } .os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle { min-height: 30px; } .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { -webkit-transition: background-color .3s; transition: background-color .3s; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track { border-radius: 10px; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(0, 0, 0, 0.4); } .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(255, 255, 255, 0.4); } .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(0, 0, 0, 0.55); } .os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(255, 255, 255, 0.55); } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active { background: rgba(0, 0, 0, 0.7); } .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active { background: rgba(255, 255, 255, 0.7); } .os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; } .os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before { display: none; } .os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before { top: -6px; bottom: -2px; } .os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before { left: -6px; right: -2px; } .os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before { right: -6px; left: -2px; } /* Generic sub-menu style. */ header .header-inner .header-inner-body .header-main-content .main-menu > ul > li ul { display: flex; flex-wrap: wrap; padding: 16px; background: #fff; border-radius: 4px; } header .header-inner .header-inner-body .header-main-content .main-menu > ul > li ul, header .header-inner .header-inner-body .header-main-content .main-menu > ul > li ul li { margin: 0; list-style: none; } header .header-inner .header-inner-body .header-main-content .main-menu > ul > li ul li { flex: 1; text-align: center; padding: 0; margin: 0 0 10px; } header .header-inner .header-inner-body .header-main-content .main-menu > ul > li ul li:nth-child(n+8) { max-width: 154px; } header .header-inner .header-inner-body .header-main-content .main-menu > ul > li ul li a { display: block; height: 117px; padding: 72px 0 0; background-position: center 32px; border-radius: 7px !important; position: relative; background-repeat: no-repeat; background-color: transparent; transition: background-color 0.65s; } header .header-inner .header-inner-body .header-main-content .main-menu > ul > li ul li a:before { content: ""; width: 1px; background: #f1f6fb; position: absolute; top: 7px; left: 0; bottom: 7px; } html[dir=ltr] header .header-inner .header-inner-body .header-main-content .main-menu > ul > li ul li a:before, header .header-inner .header-inner-body .header-main-content .main-menu > ul > li html[dir=ltr] ul li a:before { left: auto; right: 0; } header .header-inner .header-inner-body .header-main-content .main-menu > ul > li ul li a:hover { background-color: #f1f6fb; color: #df1a1e; text-decoration: none !important; } header .header-inner .header-inner-body .header-main-content .main-menu > ul > li ul li:nth-child(7n) a:before, header .header-inner .header-inner-body .header-main-content .main-menu > ul > li ul li:last-child a:before { display: none; } .paragraph-plazma_home_page .plazma-wrapper { position: relative; height: 756px; margin-top: -212px; background-position: top center; background-attachment: fixed; background-size: 100%; overflow: hidden; width: 100%; z-index: -1; } .paragraph-plazma_home_page .plazma-wrapper.plazme-has-breadcrumbs { margin-top: -310px; } @media (min-width: 1140px) { .paragraph-plazma_home_page .plazma-wrapper { background-size: 1920px auto; background-position: center top; background-repeat: no-repeat; } } @media (min-width: 768px) and (max-width: 1140px) { .paragraph-plazma_home_page .plazma-wrapper { background-size: inherit; } } @media (max-width: 768px) { .paragraph-plazma_home_page .plazma-wrapper { height: 634px; background-attachment: initial; background-position: center; background-repeat: no-repeat; margin-top: -71px; } .paragraph-plazma_home_page .plazma-wrapper.plazme-has-breadcrumbs { margin-top: -71px; } } .paragraph-plazma_home_page .plazma-content { position: relative; padding-top: 144px; height: 100%; } .paragraph-plazma_home_page .plazma-content .row.h-100 { padding-top: 188px; display: block; } @media (max-width: 768px) { .paragraph-plazma_home_page .plazma-content .row.h-100 { padding-top: 0; display: flex; } } @media (max-width: 768px) { .paragraph-plazma_home_page .plazma-content { padding-top: 0; height: 460px; } } .paragraph-plazma_home_page .plazma-title { color: #FFFFFF; line-height: 0.86; text-align: center; font-size: 3.5em; max-width: 800px; margin: 0 auto; max-height: 1.8em; } @media (max-width: 768px) { .paragraph-plazma_home_page .plazma-title { font-size: 2em; } } .paragraph-plazma_home_page video { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; } html[dir=ltr] .paragraph-plazma_home_page video { right: auto; left: 0; } @media (min-width: 769px) { .paragraph-plazma_home_page video.video-fixed { position: fixed; } } .paragraph-plazma_home_page .plazma-toggle-video-btn { position: absolute; cursor: pointer; -webkit-appearance: none; background: transparent; color: #FFFFFF; font-size: 20px; border-radius: 50%; width: 65px; height: 65px; } .paragraph-plazma_home_page .plazma-toggle-video-btn .pause-and-play-btn { height: 100%; width: 100%; position: absolute; border: #FFFFFF solid 2px; border-radius: 50px; } .paragraph-plazma_home_page .plazma-toggle-video-btn #pause-icon { background: transparent url("../images/pause-control.svg") no-repeat center center; } .paragraph-plazma_home_page .plazma-toggle-video-btn #play-icon { background: transparent url("../images/play-control.svg") no-repeat center center; } .paragraph-plazma_home_page .plazma-toggle-video-btn .play-icon { display: none; } .paragraph-plazma_home_page .plazma-toggle-video-btn.paused-video .play-icon { display: block; } .paragraph-plazma_home_page .plazma-toggle-video-btn.paused-video .pause-icon { display: none; } .paragraph-plazma_home_page .pause-and-play-btn-container { position: relative; } .paragraph-plazma_home_page .pause-and-play-btn-container .plazma-toggle-video-btn { display: none; } .paragraph-plazma_home_page .pause-and-play-btn-container .plazma-toggle-video-btn.show { display: block; } .paragraph-plazma_home_page .pause-and-play-btn-container .plazma-toggle-video-btn.desktop-btn { bottom: 140px; left: 15px; } html[dir=ltr] .paragraph-plazma_home_page .pause-and-play-btn-container .plazma-toggle-video-btn.desktop-btn { left: auto; right: 15px; text-align: right; } .paragraph-plazma_home_page .pause-and-play-btn-container .plazma-toggle-video-btn.desktop-btn #play-icon, .paragraph-plazma_home_page .pause-and-play-btn-container .plazma-toggle-video-btn.desktop-btn #pause-icon { background-size: 20px; } .paragraph-plazma_home_page .pause-and-play-btn-container .plazma-toggle-video-btn.mobile-btn { left: -11px; bottom: 50px; } html[dir=ltr] .paragraph-plazma_home_page .pause-and-play-btn-container .plazma-toggle-video-btn.mobile-btn { left: auto; right: -11px; } .paragraph-plazma_home_page .pause-and-play-btn-container .plazma-toggle-video-btn.mobile-btn .pause-and-play-btn { width: 60%; height: 60%; background-size: 10px !important; } .search-wrapper { width: 810px; max-width: 100%; margin: 0 auto; border: 1px solid #525252; border-radius: 30px; position: relative; background: #fff; } .search-wrapper .form-clear-btn { position: absolute; top: 0; right: 5px; height: 62px; width: 61px; } html[dir=ltr] .search-wrapper .form-clear-btn { left: 5px; } .search-wrapper .form-clear-btn .clear-form { width: 100%; height: 100%; top: -1px; border: 0; padding: 0; background-image: url("../images/close_black.svg"); background-repeat: no-repeat; background-position: center; background-color: transparent; opacity: 0.5; cursor: pointer; overflow: hidden; text-indent: -9000px; display: none; } html[dir=rtl] .search-wrapper .form-clear-btn .clear-form { left: -2px; } html[dir=rtl] .search-wrapper .form-clear-btn .clear-form { right: -2px; } .search-wrapper .form-clear-btn .clear-form:hover { opacity: 0.75; } .search-wrapper .form-clear-btn .clear-form:active { opacity: 0.25; } .search-wrapper.focus { border-color: rgba(10, 41, 76, 0.2); box-shadow: 0 2px 7px 0 rgba(10, 41, 76, 0.2), 0 0 2px 0 rgba(10, 41, 76, 0.13); } .search-wrapper.focus .clear-form { display: block; } .search-wrapper form { display: flex; height: 60px; } .search-wrapper form:before { content: ""; display: block; width: 60px; } .search-wrapper form .form-item { display: flex; flex: 1; } .search-wrapper form .form-item input { flex: 1; border: 0; color: #0a294c; padding: 0 0 3px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; } .search-wrapper form .form-item input.no-zoom { width: inherit; } html[dir=ltr] .search-wrapper form .form-item input { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 50%; border-bottom-right-radius: 50%; } .search-wrapper form .form-item input:focus { outline: none; } .search-wrapper form .form-item input::-ms-clear, .search-wrapper form .form-item input::-ms-reveal { display: none; width: 0; height: 0; } .search-wrapper form .form-item input::-webkit-search-decoration, .search-wrapper form .form-item input::-webkit-search-cancel-button, .search-wrapper form .form-item input::-webkit-search-results-button, .search-wrapper form .form-item input::-webkit-search-results-decoration { display: none; } .search-wrapper form .form-actions input[disabled='disabled'], .search-wrapper form input.form-submit[disabled='disabled'] { cursor: not-allowed; } .search-wrapper form .form-actions input.disabled, .search-wrapper form input.form-submit.disabled { background-color: #525252; opacity: 0.5; } .search.open .poalim-search-form { padding: 45px 0; } .poalim-search-form::after { content: ""; top: 0; width: 100%; height: 100%; z-index: -1; background-color: rgba(47, 47, 67, 0); -webkit-transition: all .4s ease; transition: all .4s ease; } html[dir=rtl] .poalim-search-form::after { left: 0; } html[dir=ltr] .poalim-search-form::after { right: 0; } .poalim-search-form.suggest-active { padding: 45px 0; } .poalim-search-form.suggest-active.no-result ul.search-suggest li { text-align: center; } .poalim-search-form.suggest-active.no-result ul.search-suggest li a, .poalim-search-form.suggest-active.no-result ul.search-suggest li span.no-results-wrapper { padding: 5px 0 0; cursor: inherit; } .poalim-search-form.suggest-active.no-result ul.search-suggest li a span.no-result-icon, .poalim-search-form.suggest-active.no-result ul.search-suggest li span.no-results-wrapper span.no-result-icon { position: relative; display: inline-block; width: 25px; height: 25px; margin-left: 15px; background: transparent url(../images/no-result.svg) no-repeat center center; background-size: 25px; } html[dir=ltr] .poalim-search-form.suggest-active.no-result ul.search-suggest li a span.no-result-icon, html[dir=ltr] .poalim-search-form.suggest-active.no-result ul.search-suggest li span.no-results-wrapper span.no-result-icon { margin: 0 15px 0 0; } .poalim-search-form.suggest-active.no-result ul.search-suggest li a span.text, .poalim-search-form.suggest-active.no-result ul.search-suggest li span.no-results-wrapper span.text { display: initial; padding-right: 0; background: inherit; vertical-align: text-bottom; color: #df1a1e; } .poalim-search-form.suggest-active.no-result ul.search-suggest li span.no-results-wrapper { text-align: center; } .poalim-search-form.suggest-active.no-result .search-wrapper { border-color: #df1a1e; } .poalim-search-form.suggest-active.no-result .search-wrapper input { color: #df1a1e; } .poalim-search-form.suggest-active .search-suggest, .poalim-search-form.suggest-active .search-wrapper { z-index: 101; } .poalim-search-form.suggest-active::after { position: fixed; background-color: rgba(47, 47, 67, 0.4); z-index: 100; } header .header-inner .header-inner-body .header-toolbar .suggest-active.no-result a { padding: 5px 0 0; } header .header-inner .header-inner-body .header-toolbar .suggest-active.no-result a span.text { display: initial; background: inherit; vertical-align: top; } html[dir=rtl] header .header-inner .header-inner-body .header-toolbar .suggest-active.no-result a span.text { padding-right: 0; } html[dir=ltr] header .header-inner .header-inner-body .header-toolbar .suggest-active.no-result a span.text { padding-left: 0; } .search-suggest, header .header-inner .header-inner-body .header-toolbar .search-suggest { position: relative; width: 750px; max-width: 100%; display: block; margin: 10px auto 0; padding: .5rem; list-style: none; } .suggest-active .search-suggest, .suggest-active header .header-inner .header-inner-body .header-toolbar .search-suggest { color: #525252; background-color: #FFFFFF; border-radius: 9px; box-shadow: 0 2px 63px 0 rgba(0, 0, 0, 0.21); } .search-suggest li, header .header-inner .header-inner-body .header-toolbar .search-suggest li { list-style: none; display: block; padding: 0; margin: 0 0 10px; } .search-suggest li:last-child, header .header-inner .header-inner-body .header-toolbar .search-suggest li:last-child { margin: 0; } .search-suggest li:after, header .header-inner .header-inner-body .header-toolbar .search-suggest li:after { display: none; } .search-suggest li a, header .header-inner .header-inner-body .header-toolbar .search-suggest li a { display: inline-block; font-weight: 300; font-size: 20px; text-align: right; color: #0a294c; padding: 1rem; width: 100%; -webkit-transition: color .4s ease; transition: color .4s ease; margin: 0; } html[dir=ltr] .search-suggest li a, html[dir=ltr] header .header-inner .header-inner-body .header-toolbar .search-suggest li a { text-align: left; } .search-suggest li a:hover, .search-suggest li a:focus, header .header-inner .header-inner-body .header-toolbar .search-suggest li a:hover, header .header-inner .header-inner-body .header-toolbar .search-suggest li a:focus { color: #fff; background: #0a294c; border-radius: 6px; text-decoration: none; outline: none; } .search-suggest li a:hover:after, .search-suggest li a:focus:after, header .header-inner .header-inner-body .header-toolbar .search-suggest li a:hover:after, header .header-inner .header-inner-body .header-toolbar .search-suggest li a:focus:after { display: none; } .search-suggest li a .highlight, header .header-inner .header-inner-body .header-toolbar .search-suggest li a .highlight { padding: 0; font-weight: normal; } @media (max-width: 768px) { .search-suggest li a, header .header-inner .header-inner-body .header-toolbar .search-suggest li a { border-bottom: 1px solid #f1f6fb; display: block; padding-bottom: 17px; font-size: 16px; } .search-suggest li a:hover, header .header-inner .header-inner-body .header-toolbar .search-suggest li a:hover { background: none; color: #0a294c; border-radius: 0; } .search-suggest li a .highlight, header .header-inner .header-inner-body .header-toolbar .search-suggest li a .highlight { display: inline !important; } } .header-toolbar ul li.search .search-suggest { display: none !important; } .header-toolbar ul li.search.open .search-suggest { display: block !important; } @media (max-width: 768px) { .search-wrapper { margin: 0 !important; } .search-wrapper .form-clear-btn { height: 39px; width: 30px; top: 0; } .search-wrapper.focus input { font-weight: bold; } .search-wrapper form { height: 39px; } .search-wrapper form:before { width: 22px; } .search-wrapper form .form-item input { line-height: 1; } html[dir=rtl] .search-wrapper form .form-item input { padding-right: 15px; } html[dir=ltr] .search-wrapper form .form-item input { padding-left: 15px; } .search-wrapper form div { width: 0; } .search-wrapper form div input { font-size: 13px; font-weight: 300; line-height: 3.29; } } .button-push-global, #ui-datepicker-div .datepicker-footer .poalim-red-btn, .banner-promotion-wrapper .promotion-data .promotion-btn, #promotional-banner .popup-wrapper .links-container .poalim-red-btn div a, .sticky-plasma .plasma-btn, .plasma-wrapper .plasma-container .plasma-btn, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer .poalim-red-btn, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn-large, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn-small, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .link, .team-wrapper .modal-dialog .modal-content .modal-body .team-member-btn-col .team-member-btn, .form-container .poalim-form .webform-button--submit, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .buttons .slide-btn, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .links .slide-btn, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .buttons .slide-btn, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .links .slide-btn, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .buttons .slide-btn, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .links .slide-btn, .button-push, .promotion-container .button-wrapper div div, .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-links div div, .faq-wrapper .faq-load a, .gallery-articles-wrapper .articles-load .btn-articles-load, .button-regular, header .header-inner .header-inner-top .top-header-tabs .promoted-links ul > li a, .poalim-search-container .results .search-rows .search-row-item .action-button a, .information-platform-wrapper .info-item .info-content .info-buttons > div .info-btn, .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap .column-btn, .matach-wrapper .matach-footer .optional-button a, .button-more-info, #ui-datepicker-div .datepicker-footer .info-btn, footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item a, .mobile-menu .client-buttons .top-header-tabs .item a, .broken_messages .slick.slick-initialized.slick-slider .slick-slide .link, .information-platform-wrapper .info-item .info-content .info-buttons > div .info-link, .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap .column-more-info, .stages-links .stages-links-item-wrapper .stages-links-item .stages-item-ul .stages-links-link, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer .info-btn, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .buttons .slide-link, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .links .slide-link, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .buttons .slide-link, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .links .slide-link, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .buttons .slide-link, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .links .slide-link { position: relative; display: inline-block; flex-direction: row; justify-content: space-between; align-items: center; padding: 10px 40px; border-radius: 24px; font-size: 20px; } .button-push-global:hover, #ui-datepicker-div .datepicker-footer .poalim-red-btn:hover, .banner-promotion-wrapper .promotion-data .promotion-btn:hover, #promotional-banner .popup-wrapper .links-container .poalim-red-btn div a:hover, .sticky-plasma .plasma-btn:hover, .plasma-wrapper .plasma-container .plasma-btn:hover, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer .poalim-red-btn:hover, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn:hover, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn-large:hover, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn-small:hover, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .link:hover, .team-wrapper .modal-dialog .modal-content .modal-body .team-member-btn-col .team-member-btn:hover, .form-container .poalim-form .webform-button--submit:hover, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .buttons .slide-btn:hover, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .links .slide-btn:hover, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .buttons .slide-btn:hover, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .links .slide-btn:hover, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .buttons .slide-btn:hover, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .links .slide-btn:hover, .button-push:hover, .promotion-container .button-wrapper div div:hover, .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-links div div:hover, .faq-wrapper .faq-load a:hover, .gallery-articles-wrapper .articles-load .btn-articles-load:hover, .button-regular:hover, header .header-inner .header-inner-top .top-header-tabs .promoted-links ul > li a:hover, .poalim-search-container .results .search-rows .search-row-item .action-button a:hover, .information-platform-wrapper .info-item .info-content .info-buttons > div .info-btn:hover, .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap .column-btn:hover, .matach-wrapper .matach-footer .optional-button a:hover, .button-more-info:hover, #ui-datepicker-div .datepicker-footer .info-btn:hover, footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item a:hover, .mobile-menu .client-buttons .top-header-tabs .item a:hover, .broken_messages .slick.slick-initialized.slick-slider .slick-slide .link:hover, .information-platform-wrapper .info-item .info-content .info-buttons > div .info-link:hover, .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap .column-more-info:hover, .stages-links .stages-links-item-wrapper .stages-links-item .stages-item-ul .stages-links-link:hover, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer .info-btn:hover, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .buttons .slide-link:hover, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .links .slide-link:hover, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .buttons .slide-link:hover, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .links .slide-link:hover, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .buttons .slide-link:hover, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .links .slide-link:hover { cursor: pointer; text-decoration: blink; } .button-push:after, .promotion-container .button-wrapper div div:after, .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-links div div:after, .button-more-info:after, #ui-datepicker-div .datepicker-footer .info-btn:after, footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item a:after, .mobile-menu .client-buttons .top-header-tabs .item a:after, .broken_messages .slick.slick-initialized.slick-slider .slick-slide .link:after, .information-platform-wrapper .info-item .info-content .info-buttons > div .info-link:after, .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap .column-more-info:after, .stages-links .stages-links-item-wrapper .stages-links-item .stages-item-ul .stages-links-link:after, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer .info-btn:after, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .buttons .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .links .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .buttons .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .links .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .buttons .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .links .slide-link:after { content: " "; position: relative; display: inline-block; width: 10px; height: 15px; margin-right: 15px; background: transparent url(../images/arrow-left.svg) no-repeat center center; bottom: -1px; } html[dir=ltr] .button-push:after, html[dir=ltr] .promotion-container .button-wrapper div div:after, .promotion-container .button-wrapper div html[dir=ltr] div:after, html[dir=ltr] .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-links div div:after, .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-links div html[dir=ltr] div:after, html[dir=ltr] .button-more-info:after, html[dir=ltr] #ui-datepicker-div .datepicker-footer .info-btn:after, #ui-datepicker-div .datepicker-footer html[dir=ltr] .info-btn:after, html[dir=ltr] footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item a:after, footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item html[dir=ltr] a:after, html[dir=ltr] .mobile-menu .client-buttons .top-header-tabs .item a:after, .mobile-menu .client-buttons .top-header-tabs .item html[dir=ltr] a:after, html[dir=ltr] .broken_messages .slick.slick-initialized.slick-slider .slick-slide .link:after, .broken_messages .slick.slick-initialized.slick-slider .slick-slide html[dir=ltr] .link:after, html[dir=ltr] .information-platform-wrapper .info-item .info-content .info-buttons > div .info-link:after, .information-platform-wrapper .info-item .info-content .info-buttons > div html[dir=ltr] .info-link:after, html[dir=ltr] .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap .column-more-info:after, .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap html[dir=ltr] .column-more-info:after, html[dir=ltr] .stages-links .stages-links-item-wrapper .stages-links-item .stages-item-ul .stages-links-link:after, .stages-links .stages-links-item-wrapper .stages-links-item .stages-item-ul html[dir=ltr] .stages-links-link:after, html[dir=ltr] .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer .info-btn:after, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer html[dir=ltr] .info-btn:after, html[dir=ltr] .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .buttons .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .buttons html[dir=ltr] .slide-link:after, html[dir=ltr] .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .links .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .links html[dir=ltr] .slide-link:after, html[dir=ltr] .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .buttons .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .buttons html[dir=ltr] .slide-link:after, html[dir=ltr] .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .links .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .links html[dir=ltr] .slide-link:after, html[dir=ltr] .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .buttons .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .buttons html[dir=ltr] .slide-link:after, html[dir=ltr] .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .links .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .links html[dir=ltr] .slide-link:after { right: 18px; left: inherit; transform: rotate(180deg); } .button-push-global, #ui-datepicker-div .datepicker-footer .poalim-red-btn, .banner-promotion-wrapper .promotion-data .promotion-btn, #promotional-banner .popup-wrapper .links-container .poalim-red-btn div a, .sticky-plasma .plasma-btn, .plasma-wrapper .plasma-container .plasma-btn, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer .poalim-red-btn, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn-large, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn-small, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .link, .team-wrapper .modal-dialog .modal-content .modal-body .team-member-btn-col .team-member-btn, .form-container .poalim-form .webform-button--submit, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .buttons .slide-btn, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .links .slide-btn, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .buttons .slide-btn, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .links .slide-btn, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .buttons .slide-btn, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .links .slide-btn { line-height: 0.95; min-height: 44px; background-image: linear-gradient(to right, #b91335, #dc1223 67%, #de1e1e 84%, #e02a19); color: #FFFFFF; box-shadow: 0 3px 9px 0 rgba(239, 34, 34, 0.29); } .button-push-global:hover, #ui-datepicker-div .datepicker-footer .poalim-red-btn:hover, .banner-promotion-wrapper .promotion-data .promotion-btn:hover, #promotional-banner .popup-wrapper .links-container .poalim-red-btn div a:hover, .sticky-plasma .plasma-btn:hover, .plasma-wrapper .plasma-container .plasma-btn:hover, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer .poalim-red-btn:hover, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn:hover, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn-large:hover, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn-small:hover, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .link:hover, .team-wrapper .modal-dialog .modal-content .modal-body .team-member-btn-col .team-member-btn:hover, .form-container .poalim-form .webform-button--submit:hover, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .buttons .slide-btn:hover, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .links .slide-btn:hover, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .buttons .slide-btn:hover, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .links .slide-btn:hover, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .buttons .slide-btn:hover, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .links .slide-btn:hover { background: #b91335; } @media (max-width: 768px) { .button-push-global, #ui-datepicker-div .datepicker-footer .poalim-red-btn, .banner-promotion-wrapper .promotion-data .promotion-btn, #promotional-banner .popup-wrapper .links-container .poalim-red-btn div a, .sticky-plasma .plasma-btn, .plasma-wrapper .plasma-container .plasma-btn, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer .poalim-red-btn, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn-large, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn-small, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .link, .team-wrapper .modal-dialog .modal-content .modal-body .team-member-btn-col .team-member-btn, .form-container .poalim-form .webform-button--submit, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .buttons .slide-btn, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .links .slide-btn, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .buttons .slide-btn, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .links .slide-btn, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .buttons .slide-btn, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .links .slide-btn { font-size: 16.7px; min-height: 36px; line-height: 0.8; } } .button-push, .promotion-container .button-wrapper div div, .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-links div div { line-height: 1; display: inline-block; background-color: #FFFFFF; min-height: 43px; color: #525252; box-shadow: 0 3px 6px 0 rgba(3, 41, 76, 0.05); padding: 10px 40px; } .button-push, .promotion-container .button-wrapper div div, .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-links div div, .button-push a:hover, .promotion-container .button-wrapper div div a:hover, .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-links div div a:hover { color: #df1a1e; } .button-push:after, .promotion-container .button-wrapper div div:after, .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-links div div:after { bottom: -2px; right: 15px; margin: 0; } html[dir=ltr] .button-push:after, html[dir=ltr] .promotion-container .button-wrapper div div:after, .promotion-container .button-wrapper div html[dir=ltr] div:after, html[dir=ltr] .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-links div div:after, .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-links div html[dir=ltr] div:after { right: inherit; left: 15px; } @media (max-width: 768px) { .button-push, .promotion-container .button-wrapper div div, .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-links div div { min-height: 36px; font-size: 16px; display: inline-flex; align-items: center; } .button-push:after, .promotion-container .button-wrapper div div:after, .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-links div div:after { margin-top: 0; } } .faq-wrapper .faq-load a, .gallery-articles-wrapper .articles-load .btn-articles-load, .button-regular, header .header-inner .header-inner-top .top-header-tabs .promoted-links ul > li a, .poalim-search-container .results .search-rows .search-row-item .action-button a, .information-platform-wrapper .info-item .info-content .info-buttons > div .info-btn, .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap .column-btn, .matach-wrapper .matach-footer .optional-button a { min-height: 44px; color: #0a294c; line-height: 0.95; border: 1px solid #0a294c; } .faq-wrapper .faq-load a:hover, .gallery-articles-wrapper .articles-load .btn-articles-load:hover, .button-regular:hover, header .header-inner .header-inner-top .top-header-tabs .promoted-links ul > li a:hover, .poalim-search-container .results .search-rows .search-row-item .action-button a:hover, .information-platform-wrapper .info-item .info-content .info-buttons > div .info-btn:hover, .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap .column-btn:hover, .matach-wrapper .matach-footer .optional-button a:hover { color: #df1a1e; border: 1px solid #df1a1e; } @media (max-width: 768px) { .faq-wrapper .faq-load a, .gallery-articles-wrapper .articles-load .btn-articles-load, .button-regular, header .header-inner .header-inner-top .top-header-tabs .promoted-links ul > li a, .poalim-search-container .results .search-rows .search-row-item .action-button a, .information-platform-wrapper .info-item .info-content .info-buttons > div .info-btn, .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap .column-btn, .matach-wrapper .matach-footer .optional-button a { font-size: 16px; min-height: 36px; line-height: 0.8; display: initial; width: auto; border-color: #0a294c; } } .faq-wrapper .faq-load a div, .gallery-articles-wrapper .articles-load .btn-articles-load div { margin-top: -4px; } .button-more-info, #ui-datepicker-div .datepicker-footer .info-btn, footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item a, .mobile-menu .client-buttons .top-header-tabs .item a, .broken_messages .slick.slick-initialized.slick-slider .slick-slide .link, .information-platform-wrapper .info-item .info-content .info-buttons > div .info-link, .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap .column-more-info, .stages-links .stages-links-item-wrapper .stages-links-item .stages-item-ul .stages-links-link, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer .info-btn, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .buttons .slide-link, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .links .slide-link, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .buttons .slide-link, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .links .slide-link, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .buttons .slide-link, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .links .slide-link { position: relative !important; padding: 0 20px; line-height: 0.95; color: #525252; } .button-more-info:hover, #ui-datepicker-div .datepicker-footer .info-btn:hover, footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item a:hover, .mobile-menu .client-buttons .top-header-tabs .item a:hover, .broken_messages .slick.slick-initialized.slick-slider .slick-slide .link:hover, .information-platform-wrapper .info-item .info-content .info-buttons > div .info-link:hover, .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap .column-more-info:hover, .stages-links .stages-links-item-wrapper .stages-links-item .stages-item-ul .stages-links-link:hover, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer .info-btn:hover, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .buttons .slide-link:hover, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .links .slide-link:hover, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .buttons .slide-link:hover, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .links .slide-link:hover, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .buttons .slide-link:hover, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .links .slide-link:hover { color: #df1a1e; } html[dir=ltr] .button-more-info:after, html[dir=ltr] #ui-datepicker-div .datepicker-footer .info-btn:after, #ui-datepicker-div .datepicker-footer html[dir=ltr] .info-btn:after, html[dir=ltr] footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item a:after, footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item html[dir=ltr] a:after, html[dir=ltr] .mobile-menu .client-buttons .top-header-tabs .item a:after, .mobile-menu .client-buttons .top-header-tabs .item html[dir=ltr] a:after, html[dir=ltr] .broken_messages .slick.slick-initialized.slick-slider .slick-slide .link:after, .broken_messages .slick.slick-initialized.slick-slider .slick-slide html[dir=ltr] .link:after, html[dir=ltr] .information-platform-wrapper .info-item .info-content .info-buttons > div .info-link:after, .information-platform-wrapper .info-item .info-content .info-buttons > div html[dir=ltr] .info-link:after, html[dir=ltr] .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap .column-more-info:after, .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap html[dir=ltr] .column-more-info:after, html[dir=ltr] .stages-links .stages-links-item-wrapper .stages-links-item .stages-item-ul .stages-links-link:after, .stages-links .stages-links-item-wrapper .stages-links-item .stages-item-ul html[dir=ltr] .stages-links-link:after, html[dir=ltr] .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer .info-btn:after, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer html[dir=ltr] .info-btn:after, html[dir=ltr] .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .buttons .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .buttons html[dir=ltr] .slide-link:after, html[dir=ltr] .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .links .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .links html[dir=ltr] .slide-link:after, html[dir=ltr] .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .buttons .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .buttons html[dir=ltr] .slide-link:after, html[dir=ltr] .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .links .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .links html[dir=ltr] .slide-link:after, html[dir=ltr] .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .buttons .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .buttons html[dir=ltr] .slide-link:after, html[dir=ltr] .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .links .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .links html[dir=ltr] .slide-link:after { right: 0; margin-left: 15px; margin-right: 0; } @media (max-width: 768px) { .button-more-info, #ui-datepicker-div .datepicker-footer .info-btn, footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item a, .mobile-menu .client-buttons .top-header-tabs .item a, .broken_messages .slick.slick-initialized.slick-slider .slick-slide .link, .information-platform-wrapper .info-item .info-content .info-buttons > div .info-link, .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap .column-more-info, .stages-links .stages-links-item-wrapper .stages-links-item .stages-item-ul .stages-links-link, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer .info-btn, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .buttons .slide-link, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .links .slide-link, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .buttons .slide-link, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .links .slide-link, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .buttons .slide-link, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .links .slide-link { font-size: 16.7px; } .button-more-info:after, #ui-datepicker-div .datepicker-footer .info-btn:after, footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item a:after, .mobile-menu .client-buttons .top-header-tabs .item a:after, .broken_messages .slick.slick-initialized.slick-slider .slick-slide .link:after, .information-platform-wrapper .info-item .info-content .info-buttons > div .info-link:after, .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap .column-more-info:after, .stages-links .stages-links-item-wrapper .stages-links-item .stages-item-ul .stages-links-link:after, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer .info-btn:after, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .buttons .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .links .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .buttons .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .links .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .buttons .slide-link:after, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .links .slide-link:after { top: 2px; } } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.video-gallery .article-image .open-yt-popup-btn, body .img-and-video-wrapper .img-wrapper .img-and-video-container .img-row .open-yt-popup-btn { position: absolute; background: transparent; border: #FFFFFF 2px solid; width: 72px; height: 72px; border-radius: 50px; text-align: center; z-index: 99; left: calc(50% - 36px); top: calc(50% - 36px); cursor: pointer; } html[dir=ltr] .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.video-gallery .article-image .open-yt-popup-btn, .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.video-gallery .article-image html[dir=ltr] .open-yt-popup-btn, html[dir=ltr] body .img-and-video-wrapper .img-wrapper .img-and-video-container .img-row .open-yt-popup-btn, body .img-and-video-wrapper .img-wrapper .img-and-video-container .img-row html[dir=ltr] .open-yt-popup-btn { left: inherit; right: calc(50% - 36px); } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.video-gallery .article-image .open-yt-popup-btn svg, body .img-and-video-wrapper .img-wrapper .img-and-video-container .img-row .open-yt-popup-btn svg { height: 25px; width: 20px; left: 2px; position: relative; } html[dir=ltr] .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.video-gallery .article-image .open-yt-popup-btn svg, .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.video-gallery .article-image html[dir=ltr] .open-yt-popup-btn svg, html[dir=ltr] body .img-and-video-wrapper .img-wrapper .img-and-video-container .img-row .open-yt-popup-btn svg, body .img-and-video-wrapper .img-wrapper .img-and-video-container .img-row html[dir=ltr] .open-yt-popup-btn svg { left: 2px; right: 0; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.video-gallery .article-image .open-yt-popup-btn:hover, body .img-and-video-wrapper .img-wrapper .img-and-video-container .img-row .open-yt-popup-btn:hover { border-color: #0a294c; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.video-gallery .article-image .open-yt-popup-btn:hover svg path, body .img-and-video-wrapper .img-wrapper .img-and-video-container .img-row .open-yt-popup-btn:hover svg path { fill: #0a294c; } @media (max-width: 768px) { .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.video-gallery .article-image .open-yt-popup-btn, body .img-and-video-wrapper .img-wrapper .img-and-video-container .img-row .open-yt-popup-btn { width: 65px; height: 65px; left: calc(50% - 32px); top: calc(50% - 32px); } html[dir=ltr] .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.video-gallery .article-image .open-yt-popup-btn, .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.video-gallery .article-image html[dir=ltr] .open-yt-popup-btn, html[dir=ltr] body .img-and-video-wrapper .img-wrapper .img-and-video-container .img-row .open-yt-popup-btn, body .img-and-video-wrapper .img-wrapper .img-and-video-container .img-row html[dir=ltr] .open-yt-popup-btn { right: calc(50% - 32px); left: inherit; } } .search-wrapper form .form-actions input, .search-wrapper form input.form-submit { position: absolute; left: -2px; width: 60px; height: 61px; padding: 0; background: #df1a1e url("../images/search-white.svg") no-repeat center center; border: 0; color: #fff; border-radius: 50%; overflow: hidden; text-indent: -9000px; cursor: pointer; } html[dir=ltr] .search-wrapper form .form-actions input, .search-wrapper form .form-actions html[dir=ltr] input, html[dir=ltr] .search-wrapper form input.form-submit, .search-wrapper form html[dir=ltr] input.form-submit { right: -2px; left: inherit; } @media (max-width: 768px) { .search-wrapper form .form-actions input, .search-wrapper form input.form-submit { height: 41px; width: 40px; background-size: 19px; } } #ui-datepicker-div { box-shadow: 0px 14px 24px 14px rgba(132, 169, 204, 0.24); border-radius: 3px; border: 1px solid white; width: 361px; padding: 0 24px; max-height: 424px; z-index: 9999 !important; /* CALENDAR TABLE */ } #ui-datepicker-div .ui-datepicker-header { color: #df1a1e; background: #FFFFFF; border: 0 none; font-size: 18px; font-weight: normal; margin: 27px 26px 0; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head { display: flex; justify-content: space-between; } @media (max-width: 950px) { #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head { display: none; } } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown { text-align: center; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown.show button { border: 1px solid #0a294c !important; border-radius: 17px; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown button { font-family: 'Poalim'; border-radius: 17px; background-color: #f1f6fb; font-size: 18px; padding: 6px 13px; height: 33px; min-width: 77px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; color: #0a294c; margin: auto; border: 0 none; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown button:after { display: none; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown button:hover, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown button:focus { box-shadow: none; border: 0 none; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown .dropdown-menu { min-width: 88px; max-width: 88px; height: 183px; border-radius: 7px; background-color: #f1f6fb; overflow: auto; direction: ltr; text-align: center; border: 5px solid #f1f6fb; top: 2px !important; background-clip: unset; scrollbar-width: thin; scrollbar-color: #0a294c #f1f6fb; } html[dir=rtl] #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown .dropdown-menu { left: -5px !important; border-right: 5px solid #f1f6fb; } html[dir=ltr] #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown .dropdown-menu { right: -5px !important; border-left: 5px solid #f1f6fb; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown .dropdown-menu li { font-family: Poalim; font-size: 14px; font-weight: 300; letter-spacing: -0.09px; text-align: center; color: #525252; line-height: 18px; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown .dropdown-menu li:hover { color: #0a294c; font-weight: 500; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown .dropdown-menu li.selected { color: #df1a1e; font-weight: 500; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title #style-3::-webkit-scrollbar-track { border-radius: 7px; background-color: #f1f6fb; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title #style-3::-webkit-scrollbar { width: 2px; background-color: #f1f6fb; border-radius: 7px; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title #style-3::-webkit-scrollbar-thumb { border-radius: 7px; background-color: #0a294c; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year { display: none; font-family: 'Poalim'; border-radius: 17px; background-color: #f1f6fb; font-size: 16px; text-align-last: center; padding: 6px 13px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; color: #525252; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month *, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year * { font-family: 'Poalim'; } #ui-datepicker-div table.ui-datepicker-calendar { box-shadow: none; table-layout: fixed; width: 100%; border-spacing: 0; border-collapse: collapse; } #ui-datepicker-div table.ui-datepicker-calendar thead tr { background: white; } #ui-datepicker-div table.ui-datepicker-calendar thead tr th { background: #FFFFFF; padding: 10px 0 4px; height: auto; outline: auto; } #ui-datepicker-div table.ui-datepicker-calendar thead tr th span { font-family: 'Poalim'; font-size: 12px; letter-spacing: -0.1px; text-align: right; color: #525252; font-weight: 300; } html[dir=ltr] #ui-datepicker-div table.ui-datepicker-calendar thead tr th span { text-align: left; } @media (max-width: 950px) { #ui-datepicker-div table.ui-datepicker-calendar thead tr th { outline: none; } } #ui-datepicker-div table.ui-datepicker-calendar tbody tr { border: 1px solid #FFFFFF; } #ui-datepicker-div table.ui-datepicker-calendar tbody tr td { border: 0; text-align: center; max-width: 40px; width: 40px; height: 40px; padding: 0; margin: 0; line-height: 2; } #ui-datepicker-div table.ui-datepicker-calendar tbody tr td a, #ui-datepicker-div table.ui-datepicker-calendar tbody tr td span { font-family: 'Poalim'; background: #FFFFFF; border: none; text-align: center; color: #0a294c; font-size: 18px; font-weight: 300; line-height: 31px; margin: auto; width: 34px; height: 34px !important; padding-top: 0; } #ui-datepicker-div table.ui-datepicker-calendar tbody tr td a.ui-datepicker-next-hover, #ui-datepicker-div table.ui-datepicker-calendar tbody tr td span.ui-datepicker-next-hover { border: 0 none; background: unset; } #ui-datepicker-div table.ui-datepicker-calendar tbody tr td a:hover, #ui-datepicker-div table.ui-datepicker-calendar tbody tr td span:hover { text-decoration: none; } @media (min-width: 950px) { #ui-datepicker-div table.ui-datepicker-calendar tbody tr td a:hover, #ui-datepicker-div table.ui-datepicker-calendar tbody tr td span:hover { background: #df1a1e; border-radius: 50%; color: #FFFFFF; height: 100%; } } #ui-datepicker-div table.ui-datepicker-calendar tbody tr td:before, #ui-datepicker-div table.ui-datepicker-calendar tbody tr td:after { content: unset !important; } #ui-datepicker-div table.ui-datepicker-calendar tbody tr td.ui-datepicker-current-day .ui-state-active { background: #0a294c; border-radius: 50%; color: #FFFFFF; height: 100%; box-shadow: 0 5px 3px 0 rgba(10, 41, 76, 0.08); } #ui-datepicker-div table.ui-datepicker-calendar tbody tr td.ui-datepicker-today a:not(.ui-state-active):before { content: ""; width: 10px; height: 10px; transform: scale(0.5); background-color: #df1a1e; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; border-radius: 50%; } #ui-datepicker-div .datepicker-footer { cursor: default; display: flex; justify-content: center; margin: 28px 0; } #ui-datepicker-div .datepicker-footer.condense { margin-top: -19.5px; } #ui-datepicker-div .datepicker-footer .poalim-red-btn { margin: 6px; font-size: 20px; padding: 11px 34px; } #ui-datepicker-div .datepicker-footer .info-btn { display: block; margin: 6px; font-size: 20px; padding: 12px 0; } #ui-datepicker-div .datepicker-footer.current-day .poalim-red-btn { padding: 11px 62px; } #ui-datepicker-div .datepicker-footer.current-day .info-btn { display: none; } html[dir=rtl] #ui-datepicker-div .ui-datepicker-prev span { background: url(../images/arrow-right.svg) center center no-repeat transparent; left: unset; right: -10; } html[dir=ltr] #ui-datepicker-div .ui-datepicker-prev span { background: url(../images/arrow-left.svg) center center no-repeat transparent; right: unset; left: -10; } html[dir=rtl] #ui-datepicker-div .ui-datepicker-next span { background: url(../images/arrow-left.svg) center center no-repeat transparent; left: 0; right: unset; } html[dir=ltr] #ui-datepicker-div .ui-datepicker-next span { background: url(../images/arrow-right.svg) center center no-repeat transparent; right: 0; left: unset; } pre.sf-dump { text-align: left; } html[dir=ltr] pre.sf-dump { text-align: right; } html .sf-dump { text-align: left; } html[dir=ltr] html .sf-dump { text-align: right; } html, html body { max-width: 100%; overflow-x: hidden; } html.mobile-menu-open, html.mobile-menu-open body { overflow: hidden; height: 100%; } html .breadcrumb { background: none; } .layout-container { overflow: hidden; } html[dir=ltr] { direction: ltr; } html[dir=ltr] pre.sf-dump { text-align: right; } html[dir=ltr] .sf-dump { text-align: right; } .ck-heading-style-1 { font-size: 50px; } .ck-heading-style-2 { font-size: 25px; } .ck-heading-style-3 { font-size: 20px; } .ck-heading-style-4 { font-size: 20px; } .modal-content-materialize { position: relative; max-width: 753px; width: 100%; background: white; padding: 60px; margin: 0 auto; border-radius: 10px; } .modal-content-materialize .close-popup.close-popup-success { right: auto; left: 0; top: 0; font-size: 0; background: url(../images/close_black.svg); background-repeat: no-repeat; background-size: 13px 13px; background-position: center; } html[dir=ltr] .modal-content-materialize .close-popup.close-popup-success { left: auto; right: 0; } .modal-content-materialize .close-popup.close-popup-success span { font-size: 0; } .modal-content-materialize .success-img { margin-bottom: 15px; } .rc-popup-wrapper.modal { width: 100%; max-height: 100%; height: 100%; background: none; } .rc-popup-wrapper.modal .modal-content { padding: 0; } .rc-popup-wrapper.modal span { font-size: inherit; } body { background: #f1f6fb; font-size: 20px; color: #092647; font-family: Poalim; font-weight: normal; } body .app-root-wrapper, body .poalim-loader { min-height: 880px; position: relative; } @media (max-width: 768px) { body .app-root-wrapper, body .poalim-loader { min-height: 330px; } } body .rc-popup-wrapper .modal-dialog { max-width: 752px; } body a:focus, body input:focus { outline: 2px solid #df1a1e; } body .poalim-loader { text-align: center; display: flex; align-items: center; padding-bottom: 30px; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #F1F6FB; z-index: 10; } html[dir=ltr] body .poalim-loader { right: auto; left: 0; } body .poalim-loader .poalim-loader-inner { margin: auto; background: white; padding: 14px 36px 26px; border-radius: 6.3px; } body .poalim-loader .poalim-loader-inner .loader-image { width: 80px; height: 70px; } body .poalim-loader .poalim-loader-inner .loader-text { font-size: 20px; color: #0a294c; line-height: 1.1; } body table:not(.taarifon-table):not(.sr-only) tbody tr th:before, body table:not(.taarifon-table):not(.sr-only) tbody tr th:after, body table:not(.taarifon-table):not(.sr-only) tbody tr th + td:before { content: " "; width: 29px; height: 3px; bottom: -2px; display: block; background: #FFFFFF; position: absolute; } body table:not(.taarifon-table):not(.sr-only) { width: 100%; border-radius: 4px; overflow: hidden; position: relative; table-layout: fixed; background: #FFFFFF; text-align: center; color: #8a8a8a; box-shadow: 0 2px 15px 0 rgba(129, 152, 172, 0.19); border-left-width: 0; border-right-width: 0; border-bottom-width: 0; border-top-width: 0; } body table:not(.taarifon-table):not(.sr-only) thead { color: white; background: #092647; border: 0 solid transparent; } body table:not(.taarifon-table):not(.sr-only) thead tr th { background: #092647; font-weight: 300; padding: 8px 5px; height: 70px; border-width: 0; } body table:not(.taarifon-table):not(.sr-only) thead tr th:first-child { border-radius: 0 4px 4px 0; } html[dir=ltr] body table:not(.taarifon-table):not(.sr-only) thead tr th:first-child { border-radius: 4px 0 0 4px; border-width: 0; } body table:not(.taarifon-table):not(.sr-only) thead tr th:last-child { border-radius: 4px 0 0 4px; border-width: 0; } html[dir=ltr] body table:not(.taarifon-table):not(.sr-only) thead tr th:last-child { border-radius: 0 4px 4px 0; } body table:not(.taarifon-table):not(.sr-only) tbody { position: relative; } body table:not(.taarifon-table):not(.sr-only) tbody tr { border-bottom: 2px solid #f1f6fb; } body table:not(.taarifon-table):not(.sr-only) tbody tr:last-child { border: 0px; } body table:not(.taarifon-table):not(.sr-only) tbody tr th { position: relative; border-left: 7px solid #f1f6fb !important; color: #0a294c; font-weight: 300; border-right-width: 0; border-bottom-width: 0; border-top-width: 0; vertical-align: initial; } html[dir=ltr] body table:not(.taarifon-table):not(.sr-only) tbody tr th { border-right: 7px solid #f1f6fb !important; border-left: 0 !important; } body table:not(.taarifon-table):not(.sr-only) tbody tr th:before { right: 0; } html[dir=ltr] body table:not(.taarifon-table):not(.sr-only) tbody tr th:before { right: auto; left: 0px; } body table:not(.taarifon-table):not(.sr-only) tbody tr th:after { left: 0; } html[dir=ltr] body table:not(.taarifon-table):not(.sr-only) tbody tr th:after { left: auto; right: 0px; } body table:not(.taarifon-table):not(.sr-only) tbody tr th + td { position: relative; } body table:not(.taarifon-table):not(.sr-only) tbody tr th + td:before { right: 0; } html[dir=ltr] body table:not(.taarifon-table):not(.sr-only) tbody tr th + td:before { left: 0; right: auto; } body table:not(.taarifon-table):not(.sr-only) tbody tr td { position: relative; border-left: 2px solid transparent; border-bottom-color: transparent; line-height: 17px; font-weight: 300; border-right-width: 0; border-top-width: 0; color: #525252; vertical-align: initial; } html[dir=ltr] body table:not(.taarifon-table):not(.sr-only) tbody tr td { border-right: 2px solid transparent; border-left: 0px; } body table:not(.taarifon-table):not(.sr-only) tbody tr td:last-child { border-left: 2px solid transparent; } html[dir=ltr] body table:not(.taarifon-table):not(.sr-only) tbody tr td:last-child { border-right: 2px solid transparent; border-left: 0px; } @media (min-width: 769px) { body table:not(.taarifon-table):not(.sr-only) tbody tr td { padding: 23px 30px; } } @media (min-width: 769px) { body table:not(.taarifon-table):not(.sr-only) tbody tr td:first-child:before { content: " "; width: 29px; height: 3px; bottom: -2px; display: block; background: #FFFFFF; position: absolute; right: 0; } html[dir=ltr] body table:not(.taarifon-table):not(.sr-only) tbody tr td:first-child:before { right: auto; left: 0; } body table:not(.taarifon-table):not(.sr-only) tbody tr td:last-child:before { content: " "; width: 29px; height: 3px; bottom: -2px; display: block; background: #FFFFFF; position: absolute; left: 0; } html[dir=ltr] body table:not(.taarifon-table):not(.sr-only) tbody tr td:last-child:before { left: auto; right: 0; } } body input::-ms-clear, body input::-webkit-search-decoration, body input::-webkit-search-cancel-button, body input::-webkit-search-results-button, body input::-webkit-search-results-decoration { display: none; } body h1 { font-size: 50px; } body h2 { font-size: 25px; } body h3, body h4, body h5, body h6 { font-size: 20px; } body .layout-container footer { overflow: hidden; } body .slick-arrow.slick-rounded { box-shadow: -2px -1px 13px 0px rgba(3, 41, 76, 0.12); display: block; height: 49px; width: 49px; text-indent: -9000px; border-radius: 25px; border: 0px; z-index: 1; position: absolute; cursor: pointer; } body .slick-next { background: transparent url("../images/next.svg") no-repeat center center; } html[dir=ltr] body .slick-next { background: transparent url("../images/prev.svg") no-repeat center center; } body .slick-prev { background: transparent url("../images/prev.svg") no-repeat center center; } html[dir=ltr] body .slick-prev { background: transparent url("../images/next.svg") no-repeat center center; } body .popup_overlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(47, 47, 67, 0.4); text-align: center; z-index: 999; opacity: 0; } html[dir=ltr] body .popup_overlay { left: auto; right: 0; } body .popup_overlay .popup { display: inline-block; vertical-align: middle; position: absolute; width: 1023px; height: 581px; border-radius: 9px; } @media (min-width: 769px) { body .popup_overlay .popup { top: calc(50% - 260px); right: calc(50% - 511px); } html[dir=ltr] body .popup_overlay .popup { right: auto; left: calc(50% - 511px); } } @media (max-height: 820px) and (min-width: 769px) { body .popup_overlay .popup { width: 700px; height: 396px; border-radius: 9px; top: calc(50% - 165px); right: calc(50% - 350px); } html[dir=ltr] body .popup_overlay .popup { left: calc(50% - 350px); right: auto; } } body .popup_overlay .popup iframe { width: 100%; height: 100%; border-radius: 9px !important; } body .popup_overlay .popup:hover .iframe-hover-cover { opacity: 0.5; } body .popup_overlay:after { content: ""; display: inline-block; height: 100%; width: 0; vertical-align: middle; } body .popup_overlay.open-popup { display: block; visibility: visible; opacity: 1; } body .popup_close { border: 0; padding: 0; background-image: url(../images/close-popup.png); background-color: transparent; cursor: pointer; width: 37px; height: 37px; z-index: 9999; position: absolute; top: calc(50% - 310px); left: calc(50% - 511px); background-size: contain; } html[dir=ltr] body .popup_close { left: auto; right: calc(50% - 511px); } @media (max-height: 820px) and (min-width: 769px) { body .popup_close { left: calc(50% - 350px); top: calc(50% - 208px); } html[dir=ltr] body .popup_close { right: calc(50% - 350px); left: auto; } } @media (max-width: 768px) { body .popup_close { left: 0; position: absolute; top: -40px; background-size: 23px; } html[dir=ltr] body .popup_close { left: auto; right: 0; } } body .poalim-link-with-arrow { font-size: 20px; font-weight: normal; color: #525252; } body .poalim-link-with-arrow:hover, body .poalim-link-with-arrow a:hover { color: #df1a1e; text-decoration: none; } body .poalim-link-with-arrow a:after, body .poalim-link-with-arrowa:after { display: inline-block; content: " "; width: 15px; height: 15px; background: transparent url("../images/arrow-left.svg") no-repeat center center; position: relative; top: 2px; margin-right: 10px; } html[dir=ltr] body .poalim-link-with-arrow a:after, html[dir=ltr] body .poalim-link-with-arrowa:after { margin-right: 0; margin-left: 10px; background: transparent url("../images/arrow-right.svg") no-repeat center center; } body a { color: #525252; } body a:hover { color: #525252; text-decoration: underline; } body .paragraph-bottom-margin { margin-bottom: 50px; } body .hide { display: none !important; } body #block-poalim-page-title { display: none; } body #toolbar-administration { position: relative; z-index: 9999; } body #block-poalim-local-tasks.contextual-region { z-index: 999; } body #block-poalim-local-tasks.contextual-region ul { list-style: none; border-bottom: 1px solid #ddd; overflow: hidden; } body #block-poalim-local-tasks.contextual-region ul li { float: right; } html[dir=ltr] body #block-poalim-local-tasks.contextual-region ul li { float: left; } body #block-poalim-local-tasks.contextual-region ul li a { padding: 10px 15px; color: #df1a1e; } body .hiddendiv.common { height: 0; padding: 0 !important; } @media (max-width: 768px) { body h1 { font-size: 30px; } body h2 { font-size: 20px; } body h3, body h4, body h5, body h6 { font-size: 16px; } body .ck-heading-style-1 { font-size: 35px; } body .ck-heading-style-2 { font-size: 20px; } body .ck-heading-style-3 { font-size: 20px; } body .ck-heading-style-4 { font-size: 20px; } body .popup_overlay .popup_close { top: 10px; right: 91%; } html[dir=ltr] body .popup_overlay .popup_close { right: auto; left: 91%; } body .popup_overlay.open-popup { display: flex !important; } body .popup_overlay.open-popup .popup { width: 100%; height: 300px; border-radius: 0; border: 0.7px solid #a5a2a2; position: fixed; vertical-align: top; padding-top: 41px; } body .popup_overlay.open-popup:after { content: ""; display: inline-block; height: 100%; width: 0; vertical-align: middle; } body .popup_close { width: 23px; height: 23px; background-size: cover; } body .poalim-red-btn { font-size: 16px; } body .poalim-red-btn a { padding: 7px 11px 10px; font-weight: normal; } body .poalim-link-with-arrow { font-size: 16px; } body .poalim-link-with-arrow a:after { margin-right: 5px; } body .slick-arrow.slick-rounded { box-shadow: -2px -1px 13px 0px rgba(3, 41, 76, 0.12); display: block; height: 39px; width: 39px; text-indent: -9000px; border-radius: 25px; border: 0px; z-index: 1; position: absolute; cursor: pointer; background-size: 49px; top: 152px; } } @media only screen and (max-width: 768px) { body .wysiwyg-field table, body table.with-mobile-style { width: 100% !important; text-align: right; box-shadow: none; border: 0 none; } html[dir=ltr] body .wysiwyg-field table, html[dir=ltr] body table.with-mobile-style { text-align: left; } body .wysiwyg-field table tbody tr, body table.with-mobile-style tbody tr { border: 0px; border-bottom: 20px solid #f1f6fb; } body .wysiwyg-field table tbody tr:last-child, body table.with-mobile-style tbody tr:last-child { border-bottom: 0px; } body .wysiwyg-field table tbody tr:first-child td::after, body table.with-mobile-style tbody tr:first-child td::after { content: ''; display: none; } body .wysiwyg-field table tbody tr td::before, body table.with-mobile-style tbody tr td::before { content: attr(data-th) " "; } body .wysiwyg-field table tbody td, body table.with-mobile-style tbody td { color: #525252; font-weight: 300; background: white; padding: 0; font-size: 14px; border-bottom: 1px solid #E6EEF7; } body .wysiwyg-field table tbody td[data-th], body table.with-mobile-style tbody td[data-th] { border-left-width: 0 !important; border-radius: 4px; } html[dir=ltr] body .wysiwyg-field table tbody td[data-th], html[dir=ltr] body table.with-mobile-style tbody td[data-th] { border-right-width: 0 !important; } body .wysiwyg-field table tbody td > span, body table.with-mobile-style tbody td > span { padding: 20px 10px; } body .wysiwyg-field table tbody td:before, body table.with-mobile-style tbody td:before { font-weight: normal; background: #d5e0ea; color: #0a294c; font-size: 14px; padding: 20px 10px; } body .wysiwyg-field table tbody td:last-child, body table.with-mobile-style tbody td:last-child { border-left-width: 0 !important; } html[dir=ltr] body .wysiwyg-field table tbody td:last-child, html[dir=ltr] body table.with-mobile-style tbody td:last-child { border-right-width: 0 !important; } body .wysiwyg-field table.non-headers-table tbody tr td:before, body table.with-mobile-style.non-headers-table tbody tr td:before { content: ''; display: none; } } @media only screen and (max-width: 768px) and (min-width: 768px) { body .wysiwyg-field table.non-headers-table tbody tr, body table.with-mobile-style.non-headers-table tbody tr { display: block; } } @media only screen and (max-width: 768px) { body .wysiwyg-field table.table-two-axis tbody tr td:first-of-type, body table.with-mobile-style.table-two-axis tbody tr td:first-of-type { background: #0a294c; color: white; line-height: 1.07; font-weight: 300; padding: 10px; } body .wysiwyg-field table.table-two-axis tbody tr td:first-of-type span, body table.with-mobile-style.table-two-axis tbody tr td:first-of-type span { padding: 0; } body .wysiwyg-field table.table-two-axis tbody tr td:first-of-type:before, body table.with-mobile-style.table-two-axis tbody tr td:first-of-type:before { display: none; } .wysiwyg-field table.table-two-axis.bt td, .wysiwyg-field .no-body-headers.bt td { border-bottom: 1px solid #f1f6fb; } .wysiwyg-field .no-body-headers.bt td:first-child { border-bottom: 1px solid #f1f6fb; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS */ body table:not(.taarifon-table):not(.sr-only) { border-radius: 10px; border-top-width: 0; } body table:not(.taarifon-table):not(.sr-only) tbody th { border-top-width: 0; } } @supports (-ms-accelerator: true) { /* Edge 12+ CSS */ body table:not(.taarifon-table):not(.sr-only) { border-radius: 10px; border-top-width: 0; } } @supports (-ms-ime-align: auto) { /* IE Edge 16+ CSS */ body table:not(.taarifon-table):not(.sr-only) { border-radius: 10px; border-top-width: 0; } } @media only screen and (max-width: 950px) { #ui-datepicker-div { position: absolute; display: block; width: 93vw; } html[dir=rtl] #ui-datepicker-div { right: 15px; } html[dir=ltr] #ui-datepicker-div { left: 15px; } } @media only screen and (max-width: 950px) and (min-width: 768px) and (max-width: 950px) { #ui-datepicker-div { width: 50vw; } html[dir=rtl] #ui-datepicker-div { right: 65px; } html[dir=ltr] #ui-datepicker-div { left: 65px; } } @media only screen and (max-width: 950px) { #ui-datepicker-div.mobile-mode .ui-datepicker-header .ui-datepicker-title span.ui-datepicker-month, #ui-datepicker-div.mobile-mode .ui-datepicker-header .ui-datepicker-title span.ui-datepicker-year { font-family: 'Poalim'; display: inline; background: none; font-size: 18px; font-weight: normal; color: #df1a1e; padding: 0; line-height: 1; } #ui-datepicker-div table.ui-datepicker-calendar { border: 1px solid white; } #ui-datepicker-div .datepicker-footer #reset-date.info-btn { position: relative; display: inline-block; flex-direction: row; justify-content: space-between; align-items: center; padding: 10px 40px; border-radius: 24px; font-size: 20px; height: 44px; color: #0a294c; line-height: 0.95; border: 1px solid #0a294c; } #ui-datepicker-div .datepicker-footer #reset-date.info-btn:after { content: unset !important; } #ui-datepicker-div .datepicker-footer #reset-date.info-btn:hover { cursor: pointer; text-decoration: blink; } #ui-datepicker-div .datepicker-footer #choose-date.poalim-red-btn { margin: 6px; padding: 13px 38px; font-size: 20px; height: 43px; } } header .header-inner .header-inner-body .header-main-content .main-menu > ul > li > a:hover, header .header-inner .header-inner-body .header-main-content .main-menu > ul > li > span:hover, header .header-inner .header-inner-body .header-toolbar ul li > a:hover, header .header-inner .header-inner-body .header-toolbar ul li > button:hover { text-decoration: none; } header .header-inner .header-inner-body .header-main-content .main-menu > ul > li > a:hover:after, header .header-inner .header-inner-body .header-main-content .main-menu > ul > li > span:hover:after, header .header-inner .header-inner-body .header-toolbar ul li > a:hover:after, header .header-inner .header-inner-body .header-toolbar ul li > button:hover:after { content: ""; height: 2px; display: block; background-image: linear-gradient(to right, #c01039, #dc1223 67%, #de1e1e 84%, #e02a19); position: absolute; bottom: 0; right: 0; left: 0; } header { max-width: 1545px !important; padding: 0 !important; position: relative; z-index: 100; } header .header-main-row { position: relative; z-index: 1; } header .header-inner { display: block; position: relative; background: #fff; box-shadow: 0 10px 13px 0 rgba(129, 152, 172, 0.19); border-radius: 0 0 4px 4px; } header .header-inner .header-inner-top { position: relative; background: #f1f6fb; } header .header-inner .header-inner-top .top-header-tabs ul, header .header-inner .header-inner-top .top-header-tabs ul li { list-style: none; margin: 0; padding: 0; } header .header-inner .header-inner-top .top-header-tabs ul li { display: inline-block; font-size: 0.8em; } header .header-inner .header-inner-top .top-header-tabs ul li a { display: block; padding: 15px 20px; } header .header-inner .header-inner-top .top-header-tabs ul li a[href="/"] { background: #fff; color: #df1a1e; } header .header-inner .header-inner-top .top-header-tabs ul li a[href="/"]:hover { text-decoration: none; } header .header-inner .header-inner-top .top-header-tabs .promoted-links { position: absolute; top: 9px; left: 0px; } html[dir=ltr] header .header-inner .header-inner-top .top-header-tabs .promoted-links { left: auto; right: 0px; } header .header-inner .header-inner-top .top-header-tabs .promoted-links ul > li { margin: 0 12px; } header .header-inner .header-inner-top .top-header-tabs .promoted-links ul > li a { border: solid 1px #c1d8ea; color: #525252; font-size: 16px; padding: 0 40px; line-height: 2; min-height: 35px; } header .header-inner .header-inner-body { height: 90px; display: flex; } header .header-inner .header-inner-body .header-main-content { flex: 1; display: flex; padding: 0 18px; align-items: center; } header .header-inner .header-inner-body .header-main-content .mobile-menu { display: none; } @media (max-width: 768px) { header .header-inner .header-inner-body .header-main-content .mobile-menu { display: block; } } header .header-inner .header-inner-body .header-main-content .logo { margin: 0; padding-right: 10px; } header .header-inner .header-inner-body .header-main-content .logo a { text-indent: -9000px; overflow: hidden; display: block; width: 139px; height: 29px; background: transparent url("../images/logo.png") no-repeat center center; background-size: 100%; } header .header-inner .header-inner-body .header-main-content .main-menu { flex: 1; height: 100%; } header .header-inner .header-inner-body .header-main-content .main-menu > ul { padding: 0 30px; } @media (max-width: 992px) and (orientation: landscape) { header .header-inner .header-inner-body .header-main-content .main-menu > ul { padding: 0; } } header .header-inner .header-inner-body .header-main-content .main-menu > ul, header .header-inner .header-inner-body .header-main-content .main-menu > ul > li { height: 100%; margin: 0; list-style: none; display: flex; align-items: center; } header .header-inner .header-inner-body .header-main-content .main-menu > ul:before { content: ""; padding: 0 11px; } header .header-inner .header-inner-body .header-main-content .main-menu > ul > li { font-size: 0.9em; align-items: normal; } header .header-inner .header-inner-body .header-main-content .main-menu > ul > li:after { content: ""; margin: 0 10px; } header .header-inner .header-inner-body .header-main-content .main-menu > ul > li:last-child:after { margin: 0; } header .header-inner .header-inner-body .header-main-content .main-menu > ul > li > a, header .header-inner .header-inner-body .header-main-content .main-menu > ul > li > span { display: flex; height: 90px; align-items: center; position: relative; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } header .header-inner .header-inner-body .header-main-content .main-menu > ul > li > span { cursor: default; color: #525252; } header .header-inner .header-inner-body .header-main-content .main-menu > ul > li ul { height: 0; overflow: hidden; position: absolute; top: -100%; right: 0; left: 0; z-index: -1; padding-top: 30px !important; display: flex !important; transition: top 300ms ease; } header .header-inner .header-inner-body .header-main-content .main-menu > ul > li ul:before { padding: 0; } header .header-inner .header-inner-body .header-main-content .main-menu > ul > li ul li { flex: 0 0 14.285714% !important; max-width: 14.285714% !important; } header .header-inner .header-inner-body .header-main-content .main-menu > ul > li ul li:after { margin: 0; } header .header-inner .header-inner-body .header-main-content .main-menu > ul > li ul li a { overflow: hidden; line-height: 1.1em; } @media (min-width: 1025px) { header .header-inner .header-inner-body .header-main-content .main-menu > ul > li:hover ul, header .header-inner .header-inner-body .header-main-content .main-menu > ul > li.hover ul, header .header-inner .header-inner-body .header-main-content .main-menu > ul > li a:focus ~ ul, header .header-inner .header-inner-body .header-main-content .main-menu > ul > li a.hover ~ ul { top: 140px; height: auto; overflow: auto; } } header .header-inner .header-inner-body .header-main-content .main-menu .menu > li.close-menu span:after { content: none; } header .header-inner .header-inner-body .header-main-content .main-menu .menu > li.close-menu ul { display: none !important; } header .header-inner .header-inner-body .header-toolbar { max-width: 550px; display: flex; flex: 1; } header .header-inner .header-inner-body .header-toolbar ul, header .header-inner .header-inner-body .header-toolbar ul li { display: flex; flex: 1; margin: 0; padding: 0; list-style: none; } header .header-inner .header-inner-body .header-toolbar ul li { font-size: 0.9em; line-height: 1.5em; align-items: normal; justify-content: center; } header .header-inner .header-inner-body .header-toolbar ul li:after { width: 1px; height: 22px; content: ""; display: block; background: #f1f6fb; align-self: center; } header .header-inner .header-inner-body .header-toolbar ul li > a, header .header-inner .header-inner-body .header-toolbar ul li > button { flex: 1; text-align: center; position: relative; margin: 0 10px; display: flex; align-items: center; cursor: pointer; background: none; border: 0; padding-right: 10px; } html[dir=ltr] header .header-inner .header-inner-body .header-toolbar ul li > a, html[dir=ltr] header .header-inner .header-inner-body .header-toolbar ul li > button { padding-right: 0; padding-left: 10px; } header .header-inner .header-inner-body .header-toolbar ul li > a:active, header .header-inner .header-inner-body .header-toolbar ul li > button:active { opacity: 0.65; } header .header-inner .header-inner-body .header-toolbar ul li > a span, header .header-inner .header-inner-body .header-toolbar ul li > button span { display: inline-block; padding-right: 28px; background: transparent url("") no-repeat right center; } html[dir=ltr] header .header-inner .header-inner-body .header-toolbar ul li > a span, html[dir=ltr] header .header-inner .header-inner-body .header-toolbar ul li > button span { padding-right: 0; padding-left: 28px; background-position: left center; } header .header-inner .header-inner-body .header-toolbar ul li > a span.desktop, header .header-inner .header-inner-body .header-toolbar ul li > button span.desktop { display: block; } header .header-inner .header-inner-body .header-toolbar ul li > a span.mobile, header .header-inner .header-inner-body .header-toolbar ul li > button span.mobile { display: none; } @media (max-width: 768px) { header .header-inner .header-inner-body .header-toolbar ul li > a span.desktop, header .header-inner .header-inner-body .header-toolbar ul li > button span.desktop { display: none; } header .header-inner .header-inner-body .header-toolbar ul li > a span.mobile, header .header-inner .header-inner-body .header-toolbar ul li > button span.mobile { display: block; } } header .header-inner .header-inner-body .header-toolbar ul li.search { max-width: 66px; } header .header-inner .header-inner-body .header-toolbar ul li.search > a span, header .header-inner .header-inner-body .header-toolbar ul li.search > button span { overflow: hidden; width: 0; display: none; } header .header-inner .header-inner-body .header-toolbar ul li.search .header-search { position: absolute; top: -100%; left: 0; right: 0; background: #fff; border-radius: 0 0 4px 4px; overflow: hidden; transition: top 300ms ease; z-index: 10; display: none; } header .header-inner .header-inner-body .header-toolbar ul li.search .header-search .header-search-inner { padding: 0px 15px; position: relative; } header .header-inner .header-inner-body .header-toolbar ul li.search .header-search .header-search-inner .close-search { height: 12px; width: 12px; background: transparent url("../images/close_black.svg"); background-repeat: no-repeat; background-size: 12px; position: absolute; top: 30px; left: 30px; border: 0; overflow: hidden; text-indent: -9000px; cursor: pointer; } header .header-inner .header-inner-body .header-toolbar ul li.search .header-search .header-search-inner .close-search:hover { opacity: 0.5; } header .header-inner .header-inner-body .header-toolbar ul li.search.open .header-search { top: 140px; display: block; } header .header-inner .header-inner-body .header-toolbar ul li.branches { max-width: 125px; } header .header-inner .header-inner-body .header-toolbar ul li.contact { max-width: 182px; } header .header-inner .header-inner-body .header-toolbar ul li.branches > a span, header .header-inner .header-inner-body .header-toolbar ul li.branches > button span, header .header-inner .header-inner-body .header-toolbar ul li.contact > a span, header .header-inner .header-inner-body .header-toolbar ul li.contact > button span { padding-right: 5px; } header .header-inner .header-inner-body .header-toolbar ul li.branches > a img, header .header-inner .header-inner-body .header-toolbar ul li.branches > button img, header .header-inner .header-inner-body .header-toolbar ul li.contact > a img, header .header-inner .header-inner-body .header-toolbar ul li.contact > button img { padding-left: 5px; } html[dir=ltr] header .header-inner .header-inner-body .header-toolbar ul li.branches > a img, html[dir=ltr] header .header-inner .header-inner-body .header-toolbar ul li.branches > button img, html[dir=ltr] header .header-inner .header-inner-body .header-toolbar ul li.contact > a img, html[dir=ltr] header .header-inner .header-inner-body .header-toolbar ul li.contact > button img { padding-right: 5px; padding-left: 0; } header .header-inner .header-inner-body .header-toolbar ul li.login > a, header .header-inner .header-inner-body .header-toolbar ul li.login > button { margin: 0; } header .header-inner .header-inner-body .header-toolbar ul li.login > a:hover:after, header .header-inner .header-inner-body .header-toolbar ul li.login > button:hover:after { display: none; } header .header-inner .header-inner-body .header-toolbar ul li.login:after { display: none; } header .header-inner .header-inner-body .header-toolbar .login { max-width: 177px; } header .header-inner .header-inner-body .header-toolbar .login .login-button { display: flex; flex-direction: column; flex: 1; background-image: linear-gradient(to right, #c01039, #dc1223 67%, #de1e1e 84%, #e02a19); color: #fff; align-items: center; justify-content: center; font-size: 0.9em; border-radius: 0 0 0 4px; font-weight: bold; } header .header-inner .header-inner-body .header-toolbar .login .login-button span { background-image: url("../images/profile.svg"); } html[dir=ltr] header .header-inner .header-inner-body .header-toolbar .login .login-button { border-radius: 0 0 4px 0; } header .header-inner .header-inner-body .header-toolbar .login .login-button:hover { background: #b91335; } header .header-inner .header-inner-body .header-toolbar .login .login-button.login-mobile { display: none; } @media (max-width: 768px) { header .header-inner .header-inner-body .header-toolbar .login .login-button.login-mobile { display: inherit; } header .header-inner .header-inner-body .header-toolbar .login .login-button.login-desktop { display: none; } } header #block-poalim-breadcrumbs { margin: 0px 30px; } header #block-poalim-breadcrumbs.breadcrumbs-no-plazma { position: static; } header #block-poalim-breadcrumbs.breadcrumbs-no-plazma nav ol li { white-space: nowrap; color: #0a294c; unicode-bidi: plaintext; } header #block-poalim-breadcrumbs.breadcrumbs-no-plazma nav ol li a { color: #0a294c; } header #block-poalim-breadcrumbs.breadcrumbs-no-plazma nav ol li:after { background: transparent url(../images/arrow-right-control-bold.svg) no-repeat center center; background-size: contain; top: 10px; left: 3px; } @media (max-width: 768px) { header #block-poalim-breadcrumbs.breadcrumbs-no-plazma nav ol li:after { top: 8px; } } header #block-poalim-breadcrumbs nav ol { list-style: none; margin-top: 0.6em; padding: 0; } header #block-poalim-breadcrumbs nav ol li { color: #FFFFFF; display: inline-block; position: relative; padding-left: 20px; white-space: nowrap; font-weight: 300; font-size: 18px; direction: ltr; unicode-bidi: plaintext; } html[dir=ltr] header #block-poalim-breadcrumbs nav ol li { padding: 0 20px 0 0; } header #block-poalim-breadcrumbs nav ol li:after { content: " "; position: absolute; display: block; width: 10px; height: 10px; left: 2px; top: 10.5px; background: transparent url(../images/arrow-right-control.svg) no-repeat center center; background-size: contain; } html[dir=ltr] header #block-poalim-breadcrumbs nav ol li:after { right: 3px; left: auto; transform: rotate(180deg); } header #block-poalim-breadcrumbs nav ol li:last-child:after { content: none; } header #block-poalim-breadcrumbs nav ol li:last-child { font-weight: 500; } header #block-poalim-breadcrumbs nav ol li a { color: #FFFFFF; } @media (orientation: landscape) { header div .col .header-main-content .main-menu ul { padding: 0; } header div .col .header-main-content .main-menu ul li.open-menu ul { height: auto; top: 140px; } header div .col .header-main-content .main-menu ul .close-menu a:after { background: none !important; } } @media (max-width: 768px) { header { max-width: 100%; min-width: 100%; margin: 0; padding: 0 !important; } header .header-inner { box-shadow: none; } header .header-inner .header-inner-top { display: none; } header .header-inner .header-inner-body { height: auto; display: block; } header .header-inner .header-inner-body .header-main-content { padding: 20px; position: relative; justify-content: center; } header .header-inner .header-inner-body .header-main-content .logo a { width: 127px; height: 23px; } header .header-inner .header-inner-body .header-main-content .main-menu { display: none; } header .header-inner .header-inner-body .header-toolbar { height: 61px; max-width: 100%; background-image: linear-gradient(#ebebeb, #fff, #fff, #fff); } header .header-inner .header-inner-body .header-toolbar ul li { max-width: none !important; padding: 0; font-size: 15px; } header .header-inner .header-inner-body .header-toolbar ul li a { justify-content: center; margin: 0; } header .header-inner .header-inner-body .header-toolbar ul li a span { padding-right: 24px; background-position: right center !important; } html[dir=ltr] header .header-inner .header-inner-body .header-toolbar ul li a span { padding-right: 0; padding-left: 5px; background-position: left center !important; } header .header-inner .header-inner-body .header-toolbar ul li.login a { height: 32px !important; } header .header-inner .header-inner-body .header-toolbar ul li.login a span { line-height: 32px !important; } header .header-inner .header-inner-body .header-toolbar ul li.search { width: 20px; position: absolute; top: 20px; left: 15px; } header .header-inner .header-inner-body .header-toolbar ul li.search span { display: none; } header .header-inner .header-inner-body .header-toolbar ul li.search img { height: 17px; width: 18px; } header .header-inner .header-inner-body .header-toolbar ul li.search > a:hover:after, header .header-inner .header-inner-body .header-toolbar ul li.search > button:hover:after { display: none; } header .header-inner .header-inner-body .header-toolbar ul li.search .header-search { position: fixed; } header .header-inner .header-inner-body .header-toolbar ul li.search.open .header-search { top: 0; bottom: 0; z-index: 250; } header .header-inner .header-inner-body .header-toolbar ul li.search.open .header-search .header-search-inner { padding: 59px 15px; } header .header-inner .header-inner-body .header-toolbar ul li.search.open .header-search .header-search-inner .search-wrapper { flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } header .header-inner .header-inner-body .header-toolbar ul li.search.open .header-search .header-search-inner .search-wrapper .clear-form { display: none; } header .header-inner .header-inner-body .header-toolbar ul li.search.open .header-search .header-search-inner .search-wrapper.focus .clear-form { background: transparent url("../images/close_black.svg"); background-size: 11px; height: 11px; width: 11px; position: absolute; top: 14px; right: 15px; display: block; } header .header-inner .header-inner-body .header-toolbar ul li.search.open .header-search .header-search-inner .search-wrapper .poalim-elastic-search .js-form-type-textfield input { width: 100%; } header .header-inner .header-inner-body .header-toolbar ul li.search.open .header-search .header-search-inner .search-wrapper .poalim-elastic-search .js-form-submit { padding: 0; width: 42px; height: 41px; top: -1px; left: -2px; } header .header-inner .header-inner-body .header-toolbar ul li.search.open .header-search .close-search { top: 15px; left: 15px; } html[dir=ltr] header .header-inner .header-inner-body .header-toolbar ul li.search { left: auto; right: 15px; } header .header-inner .header-inner-body .header-toolbar ul li.login { align-items: center; } header .header-inner .header-inner-body .header-toolbar ul li.login a { width: 114px; height: 40px; flex: unset; display: inline-block; padding: 0 25px; margin: 0 10px; border-radius: 30px !important; } header .header-inner .header-inner-body .header-toolbar ul li.login a span { width: 50px; white-space: nowrap; overflow: hidden; font-size: 13px; background-size: 13px 16px; padding-right: 20px; line-height: 40px; } header .header-inner .header-inner-body .header-toolbar ul li.login a span.mobile { width: auto; } html[dir=ltr] header .header-inner .header-inner-body .header-toolbar ul li.login a span { padding-right: 0; padding-left: 20px !important; } header .header-inner .header-inner-body .header-toolbar ul li.login:after { display: none; } header #block-poalim-breadcrumbs { position: absolute; width: 100%; margin: 0; } header #block-poalim-breadcrumbs nav ol { padding-inline-start: 15px; margin-top: 0.2em; } header #block-poalim-breadcrumbs nav ol li { font-size: 16.2px; } header #block-poalim-breadcrumbs nav ol li:after { height: 10px; left: 4px; top: 8px; } } @media (min-width: 1140px) { header .header-inner { margin: 0 30px; } } footer .container { position: relative; } footer .container .combine-shape { position: absolute; top: 58px; } html[dir=rtl] footer .container .combine-shape { left: -241px; } html[dir=ltr] footer .container .combine-shape { right: -241px; } @media (max-width: 1199px) { html[dir=rtl] footer .container .combine-shape { left: -223px; } html[dir=ltr] footer .container .combine-shape { right: -223px; } } @media (max-width: 991px) { footer .container .combine-shape { top: auto; bottom: -156px; } html[dir=rtl] footer .container .combine-shape { left: 114px; } html[dir=ltr] footer .container .combine-shape { right: 114px; } footer .container .combine-shape img { height: 430px; } } @media (max-width: 576px) { footer .container .combine-shape { opacity: 0.62; top: auto; bottom: -156px; } html[dir=rtl] footer .container .combine-shape { left: -70px; } html[dir=ltr] footer .container .combine-shape { right: -70px; } } footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links, .mobile-menu .menu-inner ul.menu.links, footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links, .mobile-menu .footer-menu ul.menu.links, footer .container .footer-inner .footer-inner-body .footer-applications-menu ul.menu.links, .mobile-menu .footer-applications-menu ul.menu.links { display: table; width: 100%; padding: 0; line-height: 1.63; } footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links > li, .mobile-menu .menu-inner ul.menu.links > li, footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links > li, .mobile-menu .footer-menu ul.menu.links > li, footer .container .footer-inner .footer-inner-body .footer-applications-menu ul.menu.links > li, .mobile-menu .footer-applications-menu ul.menu.links > li { display: table-cell; width: 25%; } footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links > li > span, .mobile-menu .menu-inner ul.menu.links > li > span, footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links > li > span, .mobile-menu .footer-menu ul.menu.links > li > span, footer .container .footer-inner .footer-inner-body .footer-applications-menu ul.menu.links > li > span, .mobile-menu .footer-applications-menu ul.menu.links > li > span { line-height: normal; color: #525252; width: 100%; display: block; padding: 4px 0; } footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links > li ul, .mobile-menu .menu-inner ul.menu.links > li ul, footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links > li ul, .mobile-menu .footer-menu ul.menu.links > li ul, footer .container .footer-inner .footer-inner-body .footer-applications-menu ul.menu.links > li ul, .mobile-menu .footer-applications-menu ul.menu.links > li ul { padding: 0; } footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links > li ul li, .mobile-menu .menu-inner ul.menu.links > li ul li, footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links > li ul li, .mobile-menu .footer-menu ul.menu.links > li ul li, footer .container .footer-inner .footer-inner-body .footer-applications-menu ul.menu.links > li ul li, .mobile-menu .footer-applications-menu ul.menu.links > li ul li { font-weight: 300; font-size: 16px; display: block; max-height: 48px; overflow: hidden; } footer .container .footer-inner .footer-inner-body .footer-applications-menu, .mobile-menu .footer-applications-menu, .mobile-menu .mobile-menu-drawer .menu-main .footer-applications-menu { margin-top: 20px; } footer .container .footer-inner .footer-inner-body .footer-applications-menu ul.menu.links > li ul, .mobile-menu .footer-applications-menu ul.menu.links > li ul { padding: 5px 0 0; display: inline-flex; } footer .container .footer-inner .footer-inner-body .footer-applications-menu ul.menu.links > li ul li, .mobile-menu .footer-applications-menu ul.menu.links > li ul li { display: inline-block; max-height: inherit; height: 90px; width: 62px; text-align: center; margin-left: 5px; } html[dir=ltr] footer .container .footer-inner .footer-inner-body .footer-applications-menu ul.menu.links > li ul li, footer .container .footer-inner html[dir=ltr] .footer-inner-body .footer-applications-menu ul.menu.links > li ul li, html[dir=ltr] .mobile-menu .footer-applications-menu ul.menu.links > li ul li, .mobile-menu .mobile-menu-drawer html[dir=ltr] .menu-main .footer-applications-menu ul.menu.links > li ul li { margin-left: 0; margin-right: 5px; } footer .container .footer-inner .footer-inner-body .footer-applications-menu ul.menu.links > li ul li a, .mobile-menu .footer-applications-menu ul.menu.links > li ul li a { display: block; padding-top: 65px; background-position: top center; height: 80px; font-size: 14px; } footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs, .mobile-menu .client-buttons .top-header-tabs, .mobile-menu .mobile-menu-drawer .menu-main .client-buttons .top-header-tabs { list-style: none; } footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item, .mobile-menu .client-buttons .top-header-tabs .item, .mobile-menu .mobile-menu-drawer .menu-main .client-buttons .top-header-tabs .item { float: right; margin-bottom: 10px; background: #FFFFFF; height: 44px; border-radius: 24px; box-shadow: 0 3px 6px 0 rgba(3, 41, 76, 0.05); } html[dir=ltr] footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item, footer .container .footer-inner html[dir=ltr] .footer-inner-body .client-buttons .top-header-tabs .item, html[dir=ltr] .mobile-menu .client-buttons .top-header-tabs .item, .mobile-menu .mobile-menu-drawer html[dir=ltr] .menu-main .client-buttons .top-header-tabs .item { float: left; } footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item a, .mobile-menu .client-buttons .top-header-tabs .item a { display: inline-block; line-height: 0.95; padding: 10px 25px; } footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item a:after, .mobile-menu .client-buttons .top-header-tabs .item a:after { height: 15px; width: 10px; top: 2px; display: inline-block; } html[dir=rtl] footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item a:after, footer .container .footer-inner html[dir=rtl] .footer-inner-body .client-buttons .top-header-tabs .item a:after, html[dir=rtl] .mobile-menu .client-buttons .top-header-tabs .item a:after, .mobile-menu .mobile-menu-drawer html[dir=rtl] .menu-main .client-buttons .top-header-tabs .item a:after { margin-right: 10px; } html[dir=ltr] footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item a:after, footer .container .footer-inner html[dir=ltr] .footer-inner-body .client-buttons .top-header-tabs .item a:after, html[dir=ltr] .mobile-menu .client-buttons .top-header-tabs .item a:after, .mobile-menu .mobile-menu-drawer html[dir=ltr] .menu-main .client-buttons .top-header-tabs .item a:after { margin-left: 10px; } @media (max-width: 1200px) and (min-width: 992px) { footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs, .mobile-menu .client-buttons .top-header-tabs, .mobile-menu .mobile-menu-drawer .menu-main .client-buttons .top-header-tabs { padding-inline-start: 0; } } html[dir=ltr] footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs, footer .container .footer-inner html[dir=ltr] .footer-inner-body .client-buttons .top-header-tabs, html[dir=ltr] .mobile-menu .client-buttons .top-header-tabs, .mobile-menu .mobile-menu-drawer html[dir=ltr] .menu-main .client-buttons .top-header-tabs { padding-inline-start: 30px; } footer .container .footer-inner .footer-inner-body .footer-social-links-menu, .mobile-menu .footer-social-links-menu, .mobile-menu .mobile-menu-drawer .menu-main .footer-social-links-menu { padding: 15px 0 0; } html[dir=rtl] footer .container .footer-inner .footer-inner-body .footer-social-links-menu, footer .container .footer-inner html[dir=rtl] .footer-inner-body .footer-social-links-menu, html[dir=rtl] .mobile-menu .footer-social-links-menu, html[dir=rtl] .mobile-menu .mobile-menu-drawer .menu-main .footer-social-links-menu, .mobile-menu .mobile-menu-drawer html[dir=rtl] .menu-main .footer-social-links-menu { margin-right: -50px; text-align: left; } html[dir=ltr] footer .container .footer-inner .footer-inner-body .footer-social-links-menu, footer .container .footer-inner html[dir=ltr] .footer-inner-body .footer-social-links-menu, html[dir=ltr] .mobile-menu .footer-social-links-menu, html[dir=ltr] .mobile-menu .mobile-menu-drawer .menu-main .footer-social-links-menu, .mobile-menu .mobile-menu-drawer html[dir=ltr] .menu-main .footer-social-links-menu { margin-left: -50px; text-align: right; } @media (min-width: 768px) { html[dir=rtl] footer .container .footer-inner .footer-inner-body .footer-social-links-menu, footer .container .footer-inner html[dir=rtl] .footer-inner-body .footer-social-links-menu, html[dir=rtl] .mobile-menu .footer-social-links-menu, html[dir=rtl] .mobile-menu .mobile-menu-drawer .menu-main .footer-social-links-menu, .mobile-menu .mobile-menu-drawer html[dir=rtl] .menu-main .footer-social-links-menu { margin-right: -15px; } html[dir=lrt] footer .container .footer-inner .footer-inner-body .footer-social-links-menu, footer .container .footer-inner html[dir=lrt] .footer-inner-body .footer-social-links-menu, html[dir=lrt] .mobile-menu .footer-social-links-menu, html[dir=lrt] .mobile-menu .mobile-menu-drawer .menu-main .footer-social-links-menu, .mobile-menu .mobile-menu-drawer html[dir=lrt] .menu-main .footer-social-links-menu { margin-left: -15px; } } html[dir=ltr] footer .container .footer-inner .footer-inner-body .footer-social-links-menu, footer .container .footer-inner html[dir=ltr] .footer-inner-body .footer-social-links-menu, html[dir=ltr] .mobile-menu .footer-social-links-menu, html[dir=ltr] .mobile-menu .mobile-menu-drawer .menu-main .footer-social-links-menu, .mobile-menu .mobile-menu-drawer html[dir=ltr] .menu-main .footer-social-links-menu { text-align: right; } footer .container .footer-inner .footer-inner-body .footer-social-links-menu ul.menu.links, .mobile-menu .footer-social-links-menu ul.menu.links { padding: 0; } footer .container .footer-inner .footer-inner-body .footer-social-links-menu ul.menu.links li, .mobile-menu .footer-social-links-menu ul.menu.links li { display: inline-block; } html[dir=rtl] footer .container .footer-inner .footer-inner-body .footer-social-links-menu ul.menu.links li, footer .container .footer-inner html[dir=rtl] .footer-inner-body .footer-social-links-menu ul.menu.links li, html[dir=rtl] .mobile-menu .footer-social-links-menu ul.menu.links li, .mobile-menu .mobile-menu-drawer html[dir=rtl] .menu-main .footer-social-links-menu ul.menu.links li { margin-right: 5px; } html[dir=ltr] footer .container .footer-inner .footer-inner-body .footer-social-links-menu ul.menu.links li, footer .container .footer-inner html[dir=ltr] .footer-inner-body .footer-social-links-menu ul.menu.links li, html[dir=ltr] .mobile-menu .footer-social-links-menu ul.menu.links li, .mobile-menu .mobile-menu-drawer html[dir=ltr] .menu-main .footer-social-links-menu ul.menu.links li { margin-left: 5px; } footer .container .footer-inner .footer-inner-body .footer-social-links-menu ul.menu.links li a, .mobile-menu .footer-social-links-menu ul.menu.links li a { font-size: 0; width: 57px; height: 62px; display: block; background-position: top center; } footer .container .footer-inner .footer-inner-body .footer-social-links-menu ul.menu.links li a:hover, .mobile-menu .footer-social-links-menu ul.menu.links li a:hover { background-position: bottom center; opacity: 0.8; } footer .container .footer-inner .footer-inner-body .footer-social-links-menu ul.menu.links li a:hover path[fill='#525252'], .mobile-menu .footer-social-links-menu ul.menu.links li a:hover path[fill='#525252'] { fill: #df1a1e; } footer .container .footer-inner .footer-inner-body .footer-social-links-menu .my-gradient, .mobile-menu .footer-social-links-menu .my-gradient, .mobile-menu .mobile-menu-drawer .menu-main .footer-social-links-menu .my-gradient { height: 0; } footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links, .mobile-menu .menu-inner ul.menu.links, footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links, .mobile-menu .footer-menu ul.menu.links { min-height: 150px; } html[dir=rtl] footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links .arrow:last-child, footer .container .footer-inner html[dir=rtl] .footer-inner-body .menu-inner ul.menu.links .arrow:last-child, html[dir=rtl] .mobile-menu .menu-inner ul.menu.links .arrow:last-child, .mobile-menu .mobile-menu-drawer html[dir=rtl] .menu-main .menu-inner ul.menu.links .arrow:last-child, html[dir=rtl] footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links .arrow:last-child, footer .container .footer-inner html[dir=rtl] .footer-inner-body .footer-menu ul.menu.links .arrow:last-child, html[dir=rtl] .mobile-menu .footer-menu ul.menu.links .arrow:last-child, .mobile-menu .mobile-menu-drawer html[dir=rtl] .menu-main .footer-menu ul.menu.links .arrow:last-child { padding-right: 20px; } html[dir=ltr] footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links .arrow:last-child, footer .container .footer-inner html[dir=ltr] .footer-inner-body .menu-inner ul.menu.links .arrow:last-child, html[dir=ltr] .mobile-menu .menu-inner ul.menu.links .arrow:last-child, .mobile-menu .mobile-menu-drawer html[dir=ltr] .menu-main .menu-inner ul.menu.links .arrow:last-child, html[dir=ltr] footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links .arrow:last-child, footer .container .footer-inner html[dir=ltr] .footer-inner-body .footer-menu ul.menu.links .arrow:last-child, html[dir=ltr] .mobile-menu .footer-menu ul.menu.links .arrow:last-child, .mobile-menu .mobile-menu-drawer html[dir=ltr] .menu-main .footer-menu ul.menu.links .arrow:last-child { padding-left: 20px; } @media (max-width: 768px) { footer .container .footer-inner .footer-inner-body .footer-social-links-menu, .mobile-menu .footer-social-links-menu, .mobile-menu .mobile-menu-drawer .menu-main .footer-social-links-menu, footer .container .footer-inner .footer-inner-body .footer-applications-menu, .mobile-menu .footer-applications-menu, .mobile-menu .mobile-menu-drawer .menu-main .footer-applications-menu { margin: 0; text-align: center; padding: 0; } footer .container .footer-inner .footer-inner-body .footer-social-links-menu ul.menu.links > li > span, .mobile-menu .footer-social-links-menu ul.menu.links > li > span, footer .container .footer-inner .footer-inner-body .footer-applications-menu ul.menu.links > li > span, .mobile-menu .footer-applications-menu ul.menu.links > li > span { font-size: 15.3px; } footer .container .footer-inner .footer-inner-body .footer-social-links-menu ul.menu.links > li ul li, .mobile-menu .footer-social-links-menu ul.menu.links > li ul li, footer .container .footer-inner .footer-inner-body .footer-applications-menu ul.menu.links > li ul li, .mobile-menu .footer-applications-menu ul.menu.links > li ul li { font-size: 13.6px; } footer .container .footer-inner .footer-inner-body .footer-social-links-menu ul.menu.links > li ul li a, .mobile-menu .footer-social-links-menu ul.menu.links > li ul li a, footer .container .footer-inner .footer-inner-body .footer-applications-menu ul.menu.links > li ul li a, .mobile-menu .footer-applications-menu ul.menu.links > li ul li a { font-size: 13px; } footer .container .footer-inner .footer-inner-body .footer-social-links-menu, .mobile-menu .footer-social-links-menu, .mobile-menu .mobile-menu-drawer .menu-main .footer-social-links-menu { padding-top: 35px; } footer .container .footer-inner .footer-inner-body .footer-applications-menu ul.menu.links, .mobile-menu .footer-applications-menu ul.menu.links { margin: 0; } footer .container .footer-inner .footer-inner-body .footer-applications-menu ul.menu.links > li ul li, .mobile-menu .footer-applications-menu ul.menu.links > li ul li { width: 51px; } footer .container .footer-inner .footer-inner-body .footer-applications-menu ul.menu.links > li ul li a, .mobile-menu .footer-applications-menu ul.menu.links > li ul li a { padding-top: 50px; background-size: 51px; } footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links, .mobile-menu .menu-inner ul.menu.links, footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links, .mobile-menu .footer-menu ul.menu.links { display: block; margin: 0; } footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links > li, .mobile-menu .menu-inner ul.menu.links > li, footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links > li, .mobile-menu .footer-menu ul.menu.links > li { display: block; position: relative; width: 100%; padding: 15px 10px !important; border-bottom: 2px solid #dee8f1; } footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links > li.arrow::after, .mobile-menu .menu-inner ul.menu.links > li.arrow::after, footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links > li.arrow::after, .mobile-menu .footer-menu ul.menu.links > li.arrow::after { content: " "; position: absolute; display: block; width: 10px; height: 15px; top: 20px; background: url(../images/arrow-left.svg) center center no-repeat transparent; } html[dir=rtl] footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links > li.arrow::after, footer .container .footer-inner html[dir=rtl] .footer-inner-body .menu-inner ul.menu.links > li.arrow::after, html[dir=rtl] .mobile-menu .menu-inner ul.menu.links > li.arrow::after, .mobile-menu .mobile-menu-drawer html[dir=rtl] .menu-main .menu-inner ul.menu.links > li.arrow::after, html[dir=rtl] footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links > li.arrow::after, footer .container .footer-inner html[dir=rtl] .footer-inner-body .footer-menu ul.menu.links > li.arrow::after, html[dir=rtl] .mobile-menu .footer-menu ul.menu.links > li.arrow::after, .mobile-menu .mobile-menu-drawer html[dir=rtl] .menu-main .footer-menu ul.menu.links > li.arrow::after { left: 18px; } html[dir=ltr] footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links > li.arrow::after, footer .container .footer-inner html[dir=ltr] .footer-inner-body .menu-inner ul.menu.links > li.arrow::after, html[dir=ltr] .mobile-menu .menu-inner ul.menu.links > li.arrow::after, .mobile-menu .mobile-menu-drawer html[dir=ltr] .menu-main .menu-inner ul.menu.links > li.arrow::after, html[dir=ltr] footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links > li.arrow::after, footer .container .footer-inner html[dir=ltr] .footer-inner-body .footer-menu ul.menu.links > li.arrow::after, html[dir=ltr] .mobile-menu .footer-menu ul.menu.links > li.arrow::after, .mobile-menu .mobile-menu-drawer html[dir=ltr] .menu-main .footer-menu ul.menu.links > li.arrow::after { right: 18px; } footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links > li ul, .mobile-menu .menu-inner ul.menu.links > li ul, footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links > li ul, .mobile-menu .footer-menu ul.menu.links > li ul { transition: all 0.3s ease-in-out; max-height: 0; overflow: hidden; } footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links > li ul li, .mobile-menu .menu-inner ul.menu.links > li ul li, footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links > li ul li, .mobile-menu .footer-menu ul.menu.links > li ul li { font-size: 15px; padding: 2px 0; } footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links > li.show ul, .mobile-menu .menu-inner ul.menu.links > li.show ul, footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links > li.show ul, .mobile-menu .footer-menu ul.menu.links > li.show ul { max-height: 1000px; } footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links > li::after, .mobile-menu .menu-inner ul.menu.links > li::after, footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links > li::after, .mobile-menu .footer-menu ul.menu.links > li::after { display: block; top: 25px; transform: rotate(-90deg); } html[dir=ltr] footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links > li::after, footer .container .footer-inner html[dir=ltr] .footer-inner-body .menu-inner ul.menu.links > li::after, html[dir=ltr] .mobile-menu .menu-inner ul.menu.links > li::after, .mobile-menu .mobile-menu-drawer html[dir=ltr] .menu-main .menu-inner ul.menu.links > li::after, html[dir=ltr] footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links > li::after, footer .container .footer-inner html[dir=ltr] .footer-inner-body .footer-menu ul.menu.links > li::after, html[dir=ltr] .mobile-menu .footer-menu ul.menu.links > li::after, .mobile-menu .mobile-menu-drawer html[dir=ltr] .menu-main .footer-menu ul.menu.links > li::after { transform: rotate(-90deg); } footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links > li.show::after, .mobile-menu .menu-inner ul.menu.links > li.show::after, footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links > li.show::after, .mobile-menu .footer-menu ul.menu.links > li.show::after { transform: rotate(90deg); } html[dir=ltr] footer .container .footer-inner .footer-inner-body .menu-inner ul.menu.links > li.show::after, footer .container .footer-inner html[dir=ltr] .footer-inner-body .menu-inner ul.menu.links > li.show::after, html[dir=ltr] .mobile-menu .menu-inner ul.menu.links > li.show::after, .mobile-menu .mobile-menu-drawer html[dir=ltr] .menu-main .menu-inner ul.menu.links > li.show::after, html[dir=ltr] footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links > li.show::after, footer .container .footer-inner html[dir=ltr] .footer-inner-body .footer-menu ul.menu.links > li.show::after, html[dir=ltr] .mobile-menu .footer-menu ul.menu.links > li.show::after, .mobile-menu .mobile-menu-drawer html[dir=ltr] .menu-main .footer-menu ul.menu.links > li.show::after { transform: rotate(90deg); } footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links, .mobile-menu .footer-menu ul.menu.links { line-height: 1.91; } footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links > li > span, .mobile-menu .footer-menu ul.menu.links > li > span { line-height: normal; font-size: 18px; } footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links > li ul, .mobile-menu .footer-menu ul.menu.links > li ul { margin: 0; } footer .container .footer-inner .footer-inner-body .footer-menu ul.menu.links > li ul li, .mobile-menu .footer-menu ul.menu.links > li ul li { font-size: 16px; padding: 2px 0; } footer .container .footer-inner .footer-inner-body .client-buttons, footer .mobile-menu .client-buttons, footer .mobile-menu .mobile-menu-drawer .menu-main .client-buttons, .mobile-menu .mobile-menu-drawer footer .menu-main .client-buttons { text-align: center; } footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs, .mobile-menu .client-buttons .top-header-tabs, .mobile-menu .mobile-menu-drawer .menu-main .client-buttons .top-header-tabs { margin: 35px 0 25px; } html[dir=rtl] footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs, footer .container .footer-inner html[dir=rtl] .footer-inner-body .client-buttons .top-header-tabs, html[dir=rtl] .mobile-menu .client-buttons .top-header-tabs, .mobile-menu .mobile-menu-drawer html[dir=rtl] .menu-main .client-buttons .top-header-tabs { padding-right: 0; } html[dir=ltr] footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs, footer .container .footer-inner html[dir=ltr] .footer-inner-body .client-buttons .top-header-tabs, html[dir=ltr] .mobile-menu .client-buttons .top-header-tabs, .mobile-menu .mobile-menu-drawer html[dir=ltr] .menu-main .client-buttons .top-header-tabs { padding-left: 0; } footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item, .mobile-menu .client-buttons .top-header-tabs .item, .mobile-menu .mobile-menu-drawer .menu-main .client-buttons .top-header-tabs .item { display: inline-block; float: none; } html[dir=rtl] footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item, footer .container .footer-inner html[dir=rtl] .footer-inner-body .client-buttons .top-header-tabs .item, html[dir=rtl] .mobile-menu .client-buttons .top-header-tabs .item, .mobile-menu .mobile-menu-drawer html[dir=rtl] .menu-main .client-buttons .top-header-tabs .item { margin-left: 10px; } html[dir=ltr] footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item, footer .container .footer-inner html[dir=ltr] .footer-inner-body .client-buttons .top-header-tabs .item, html[dir=ltr] .mobile-menu .client-buttons .top-header-tabs .item, .mobile-menu .mobile-menu-drawer html[dir=ltr] .menu-main .client-buttons .top-header-tabs .item { margin-right: 10px; } footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item a, .mobile-menu .client-buttons .top-header-tabs .item a { white-space: nowrap; font-size: 15px; display: inline-block; padding: 10px 20px; } footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item a:after, .mobile-menu .client-buttons .top-header-tabs .item a:after { display: inline-block; position: relative; top: 3px; background-size: 12px; } html[dir=rtl] footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item a:after, footer .container .footer-inner html[dir=rtl] .footer-inner-body .client-buttons .top-header-tabs .item a:after, html[dir=rtl] .mobile-menu .client-buttons .top-header-tabs .item a:after, .mobile-menu .mobile-menu-drawer html[dir=rtl] .menu-main .client-buttons .top-header-tabs .item a:after { left: 3px; } html[dir=ltr] footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item a:after, footer .container .footer-inner html[dir=ltr] .footer-inner-body .client-buttons .top-header-tabs .item a:after, html[dir=ltr] .mobile-menu .client-buttons .top-header-tabs .item a:after, .mobile-menu .mobile-menu-drawer html[dir=ltr] .menu-main .client-buttons .top-header-tabs .item a:after { right: 3px; } footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item:first-child, .mobile-menu .client-buttons .top-header-tabs .item:first-child { padding-left: 13px; } html[dir=ltr] footer .container .footer-inner .footer-inner-body .client-buttons .top-header-tabs .item:first-child, footer .container .footer-inner html[dir=ltr] .footer-inner-body .client-buttons .top-header-tabs .item:first-child, html[dir=ltr] .mobile-menu .client-buttons .top-header-tabs .item:first-child, .mobile-menu .mobile-menu-drawer html[dir=ltr] .menu-main .client-buttons .top-header-tabs .item:first-child { padding-left: 0; padding-right: 10px; } } footer { background-image: linear-gradient(#E2E9F0, #f1f6fb, #f1f6fb); } footer .container .bg { position: absolute; top: 1539px; right: 1085px; width: 469px; height: 367.4px; overflow: hidden; } html[dir=ltr] footer .container .bg { left: inherit; right: 0; } footer .container .bg span { position: relative; display: block; transform: rotate(45deg); width: 450px; height: 400px; border-radius: 73px; border: solid 3px #ffffff; } html[dir=ltr] footer .container .bg span { left: inherit; right: -30px; } footer .container .footer-inner { padding: 50px 0 30px; position: relative; } footer .container .footer-inner .collapse-menu .menu-icon a { background-size: 10px; padding-right: 15px; background-position-y: 6px; } footer .container .footer-inner .footer-inner-body ul.menu.links > li > span { font-size: 18px; } @media (max-width: 768px) { footer .container { padding-bottom: 20px; } footer .container .footer-inner { padding: 30px 0; } footer .container .footer-inner .bg { bottom: -20px; } html[dir=rtl] footer .container .footer-inner .bg { left: -15px; } html[dir=ltr] footer .container .footer-inner .bg { right: -15px; } footer .container .footer-inner .bg span { width: 350px; height: 500px; top: 135px; left: -131px; } html[dir=ltr] footer .container .footer-inner .bg span { right: -131px; left: inherit; } } .poalim-search-container { padding-top: 32px; } .poalim-search-container .search-box h2 { text-align: center; } .poalim-search-container .results .search-rows .search-row-item .item-icon { background: transparent url("../images/rectangle.svg") no-repeat center 7px; background-size: 26px 25px; } .poalim-search-container .results .search-rows .search-row-item .item-custom-icon { text-align: center; } .poalim-search-container .results .search-rows .search-row-item .item-custom-icon img { width: 26px; height: 25px; } .poalim-search-container .results .search-rows .search-row-item.search-row-item-branch .item-icon { background-image: url("../images/branch-icon.svg"); background-size: 24px 33px; } .poalim-search-container .results .search-rows .search-row-item .item-snippet, .poalim-search-container .results .search-rows .search-row-item .item-title { font-weight: 300; } .poalim-search-container .results .search-rows .search-row-item .item-snippet em, .poalim-search-container .results .search-rows .search-row-item .item-title em { font-weight: 400 !important; font-style: normal; } .poalim-search-container .results .search-rows .search-row-item .action-button { margin-top: 10px; } @media (max-width: 768px) { .poalim-search-container { padding: 0; margin-top: -3px; } } .broken_messages { display: flex; background-color: rgba(10, 41, 76, 0.62); color: #FFFFFF; margin-top: -5px; padding-top: 5px; font-size: 18px; font-weight: 100; border-radius: 0 0 4px 4px; height: auto; position: absolute; left: 15px; right: 15px; z-index: -3; } .broken_messages .slick { width: 85%; } .broken_messages .slick > div { display: none; } .broken_messages .slick.slick-initialized.slick-slider { display: block; float: right; } html[dir=ltr] .broken_messages .slick.slick-initialized.slick-slider { float: left; } .broken_messages .slick.slick-initialized.slick-slider > div { display: block; } .broken_messages .slick.slick-initialized.slick-slider .slick-slide { height: 0; text-overflow: ellipsis; padding: 2px 20px 0px 0; } html[dir=ltr] .broken_messages .slick.slick-initialized.slick-slider .slick-slide { padding: 2px 0 0px 20px; } .broken_messages .slick.slick-initialized.slick-slider .slick-slide.slick-current.slick-active { height: auto; padding: 2px 20px 4px 0; } html[dir=ltr] .broken_messages .slick.slick-initialized.slick-slider .slick-slide.slick-current.slick-active { padding: 2px 0 4px 20px; } .broken_messages .slick.slick-initialized.slick-slider .slick-slide .msg-value { padding-left: 15px; } .broken_messages .slick.slick-initialized.slick-slider .slick-slide .link { color: #FFFFFF; font-weight: normal; margin-top: -9px; padding-right: 0px; padding-bottom: 2px; font-size: 18px; } html[dir=ltr] .broken_messages .slick.slick-initialized.slick-slider .slick-slide .link { padding-right: 30px; padding-left: 15px; } .broken_messages .slick.slick-initialized.slick-slider .slick-slide .link.poalim-link-with-arrow { position: relative; display: inline; } .broken_messages .slick.slick-initialized.slick-slider .slick-slide .link.poalim-link-with-arrow:after { position: relative; } .broken_messages .controls, .broken_messages .controls-mobile { float: left; width: 15%; min-width: 122px; text-align: left; height: 35px; } html[dir=ltr] .broken_messages .controls, html[dir=ltr] .broken_messages .controls-mobile { float: right; text-align: right; } .broken_messages .controls button, .broken_messages .controls-mobile button { display: inline-flex; width: 34px; height: 34px; border-radius: 4px; border: 0px; cursor: pointer; background-repeat: no-repeat; background-color: #0a294c; background-position: center; } .broken_messages .controls button.prev, .broken_messages .controls-mobile button.prev { background-image: url("../images/arrow-left-control.svg"); } html[dir=ltr] .broken_messages .controls button.prev, html[dir=ltr] .broken_messages .controls-mobile button.prev { background-image: url("../images/arrow-right-control.svg"); } .broken_messages .controls button.prev:hover, .broken_messages .controls-mobile button.prev:hover { background-image: url("../images/arrow-left-control-bold.svg"); } html[dir=ltr] .broken_messages .controls button.prev:hover, html[dir=ltr] .broken_messages .controls-mobile button.prev:hover { background-image: url("../images/arrow-right-control-bold.svg"); } .broken_messages .controls button.next, .broken_messages .controls-mobile button.next { background-image: url("../images/arrow-right-control.svg"); } html[dir=ltr] .broken_messages .controls button.next, html[dir=ltr] .broken_messages .controls-mobile button.next { background-image: url("../images/arrow-left-control.svg"); } .broken_messages .controls button.next:hover, .broken_messages .controls-mobile button.next:hover { background-image: url("../images/arrow-right-control-bold.svg"); } html[dir=ltr] .broken_messages .controls button.next:hover, html[dir=ltr] .broken_messages .controls-mobile button.next:hover { background-image: url("../images/arrow-left-control-bold.svg"); } .broken_messages .controls button.play, .broken_messages .controls-mobile button.play { background-image: url("../images/play-control.svg"); } .broken_messages .controls button.play:hover, .broken_messages .controls-mobile button.play:hover { background-image: url("../images/play-control-bold.svg"); } .broken_messages .controls button.pause, .broken_messages .controls-mobile button.pause { background-image: url("../images/pause-control.svg"); } .broken_messages .controls button.pause:hover, .broken_messages .controls-mobile button.pause:hover { background-image: url("../images/pause-control-bold.svg"); } .broken_messages .controls button.play, .broken_messages .controls button.pause, .broken_messages .controls-mobile button.play, .broken_messages .controls-mobile button.pause { margin-right: 12px; } html[dir=ltr] .broken_messages .controls button.play, html[dir=ltr] .broken_messages .controls button.pause, html[dir=ltr] .broken_messages .controls-mobile button.play, html[dir=ltr] .broken_messages .controls-mobile button.pause { margin-right: 0; margin-left: 12px; } .broken_messages .controls-mobile { display: none; } .broken_messages.one_item .slick { width: 100%; } .broken_messages.one_item .controls, .broken_messages.one_item .controls-mobile { display: none; } @media (max-width: 992px) { .broken_messages .slick.slick-initialized.slick-slider { width: 83%; } } @media (min-width: 1140px) { .broken_messages { margin: 0 30px; } } @media (max-width: 768px) { .broken_messages { display: block; padding: 8px 20px 5px; height: auto; } .broken_messages .controls { display: none; } .broken_messages .slick.slick-initialized.slick-slider { float: inherit; width: 100%; } html[dir=ltr] .broken_messages .slick.slick-initialized.slick-slider { float: inherit; } .broken_messages .slick.slick-initialized.slick-slider .slick-slide { padding: 0 0 5px; height: 0; } .broken_messages .slick.slick-initialized.slick-slider .slick-slide.slick-current.slick-active { height: auto; padding: 0 0 5px; line-height: 1; } .broken_messages .controls-mobile { min-width: 110px; float: inherit; display: flex; flex-direction: row; justify-content: space-between; } html[dir=ltr] .broken_messages .controls-mobile { float: inherit; } .broken_messages .controls-mobile button.play, .broken_messages .controls-mobile button.pause { margin: 0px; } html[dir=ltr] .broken_messages .controls-mobile button.play, html[dir=ltr] .broken_messages .controls-mobile button.pause { margin: 0px; } } nav.pager { direction: ltr; margin-bottom: 40px; display: flex; justify-content: center; font-size: 18px; font-weight: 300; color: #525252; } html[dir=ltr] nav.pager { direction: rtl; } nav.pager ul.pager__items { display: flex; list-style: none; margin: 0; padding: 0; } nav.pager ul.pager__items li.item-page { max-height: 35px; background: #fff; padding: 6px 4px; margin: 0; } nav.pager ul.pager__items li.item-page.first-page { border-radius: 50px 0 0 50px; padding-left: 12px; } html[dir=ltr] nav.pager ul.pager__items li.item-page.first-page { padding-left: 0; padding-right: 12px; border-radius: 0 50px 50px 0; } nav.pager ul.pager__items li.item-page.last-page { border-radius: 0 50px 50px 0; padding-right: 12px; } html[dir=ltr] nav.pager ul.pager__items li.item-page.last-page { padding-left: 12px; padding-right: 0; border-radius: 50px 0 0 50px; } nav.pager ul.pager__items li.item-page.is-active a { background: #df1a1e; color: #ffffff; box-shadow: 0 5px 10px -3px rgba(223, 26, 30, 0.39); } nav.pager ul.pager__items li.item-page a { min-width: 23px; height: 23px; display: block; text-align: center; border-radius: 4px; line-height: 20px; } nav.pager ul.pager__items li.item-page a:hover { background: #0a294c; box-shadow: 0 5px 10px -3px rgba(4, 16, 30, 0.39); text-decoration: none; color: #ffffff; } nav.pager ul.pager__items li.pager-arrow { padding: 0; margin: 0 10px; } nav.pager ul.pager__items li.pager-arrow a { display: block; width: 40px; height: 40px; overflow: hidden; position: relative; } nav.pager ul.pager__items li.pager-arrow a span { visibility: hidden; } nav.pager ul.pager__items li.pager-arrow a svg { position: absolute; top: 0; left: 0; } html[dir=ltr] nav.pager ul.pager__items li.pager-arrow a svg { left: auto; right: 0; } nav.pager ul.pager__items li.pager-arrow a:hover #Icon-\/-Chevron\/-Left { fill: #0a294c; } nav.pager ul.pager__items li.pager__item--ellipsis { padding-left: 0; padding-right: 0; } .mobile-menu, .mobile-menu a, .mobile-menu li.arrow > span { font-size: 16px !important; } .mobile-menu button.hamburger { background: none; display: block; border: 0; cursor: pointer; position: absolute; top: 0px; bottom: 0; right: 0; padding: 0; } html[dir=ltr] .mobile-menu button.hamburger { right: auto; left: 0; } .mobile-menu button.hamburger:active { opacity: 0.6; } .mobile-menu button.hamburger .mobile-menu-icon { width: 18px; height: 15px; display: block; margin: 0 16px; } .mobile-menu button.hamburger .mobile-menu-icon img { height: 100%; display: block; } .mobile-menu ul.menu.links li.arrow { position: relative; width: 100%; } .mobile-menu ul.menu.links li.arrow:after { content: " "; position: absolute; display: block; width: 10px; height: 15px; left: 18px; top: 20px; background: url(../images/arrow-left.svg) center center no-repeat transparent; } html[dir=ltr] .mobile-menu ul.menu.links li.arrow:after { left: auto; right: 18px; } .mobile-menu .drawer-overlay { display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 900; } .mobile-menu-open .mobile-menu .drawer-overlay { display: block; overflow: hidden; } .mobile-menu .mobile-menu-drawer { flex-direction: column; justify-content: space-between; position: fixed; width: 271px; max-width: 90%; top: 0; right: -100%; bottom: 0; background: #f1f6fb; z-index: 950; transition: right 300ms ease-in-out; overflow-y: scroll; } html[dir=ltr] .mobile-menu .mobile-menu-drawer { left: -100%; right: auto; transition: left 300ms ease-in-out; } .mobile-menu-open .mobile-menu .mobile-menu-drawer { right: 0; } .mobile-menu-open[dir=ltr] .mobile-menu .mobile-menu-drawer { left: 0; right: auto; } .mobile-menu .mobile-menu-drawer .menu-top { background: #f9fbfd; padding: 15px 22px 15px 22px; margin: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-bottom: 2px solid #f1f6fb; } .mobile-menu .mobile-menu-drawer .menu-top .login-button { font-weight: bold; color: #df1a1e; display: flex; align-items: center; text-indent: 10px; } .mobile-menu .mobile-menu-drawer .menu-top .login-button:before { content: ""; width: 18px; height: 18px; display: block; margin-top: 1px; background: transparent url("../images/group-6.svg") no-repeat center center; } .mobile-menu .mobile-menu-drawer .menu-top .close { width: 12px; height: 12px; background: transparent url("../images/close.svg") no-repeat center center; border: 0; } .mobile-menu .mobile-menu-drawer .menu-main { background: #f9fbfd; padding: 0 22px 0; } .mobile-menu .mobile-menu-drawer .menu-main ul { margin-bottom: 0; } .mobile-menu .mobile-menu-drawer .menu-main ul > li ul { display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-right: -15px; } html[dir=ltr] .mobile-menu .mobile-menu-drawer .menu-main ul > li ul { margin-right: 0; margin-left: -15px; } .mobile-menu .mobile-menu-drawer .menu-main ul > li ul > li { width: 33.33%; height: 60px; max-height: none !important; display: flex; align-items: center; border-left: 1px solid #f1f6fb; margin-bottom: 13px; } html[dir=ltr] .mobile-menu .mobile-menu-drawer .menu-main ul > li ul > li { border-left: 0; border-right: 1px solid #f1f6fb; } .mobile-menu .mobile-menu-drawer .menu-main ul > li ul > li:nth-child(3n) { border-left: 0; border-right: 0; } .mobile-menu .mobile-menu-drawer .menu-main ul > li ul > li > a { display: block; padding: 22px 5px 0; text-align: center; color: #333333; font-weight: normal; font-size: 1em !important; background-size: auto 20px; background-position: top center; line-height: 1.1em; } .mobile-menu .mobile-menu-drawer .menu-main ul > li.show ul { margin-top: 15px; } .mobile-menu .mobile-menu-drawer .menu-main ul > li:last-child { border-bottom: 0px; } .mobile-menu .mobile-menu-drawer .menu-footer { padding: 0 22px 22px; background: #f1f6fb; } .mobile-menu .mobile-menu-drawer .menu-footer .client-buttons .top-header-tabs { margin: 0px 5px; padding: 20px 0 0; } .mobile-menu .mobile-menu-drawer .menu-footer .client-buttons .top-header-tabs .item { float: none; } .mobile-menu .mobile-menu-drawer .menu-footer .client-buttons .top-header-tabs .item a { white-space: nowrap; } .gallery-banner-wrapper { position: relative; } @media (max-width: 768px) { .banner-wrapper .banner-row { position: relative; height: 169px !important; } .banner-wrapper .banner-row .slick-arrow { top: 148px; left: 0; right: 0; bottom: 0; } .banner-wrapper .banner-row .slick-arrow.slick-next { left: 23px; right: auto; } html[dir=ltr] .banner-wrapper .banner-row .slick-arrow.slick-next { left: auto; right: 23px; } .banner-wrapper .banner-row .slick-arrow.slick-prev { left: 69px; right: auto; } html[dir=ltr] .banner-wrapper .banner-row .slick-arrow.slick-prev { left: auto; right: 69px; } .banner-wrapper .banner-row .content-wrapper .banner-content { box-shadow: 0 2px 15px 0 rgba(129, 152, 172, 0.19); border-radius: 6px; } .banner-wrapper .banner-row .banner-title { font-size: 20px !important; line-height: 0.8 !important; margin-bottom: 16px !important; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: right; } html[dir=ltr] .banner-wrapper .banner-row .banner-title { text-align: left; } .banner-wrapper .banner-row .banner-description { font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; text-align: right; } html[dir=ltr] .banner-wrapper .banner-row .banner-description { text-align: left; } .banner-wrapper .banner-row .banner-description .banner-description-span { max-height: none; } } .banner-wrapper .slick-arrow { border: none; position: absolute; border-radius: 50px; text-indent: -9000px; cursor: pointer; background-size: 49px !important; height: 49px; width: 49px; z-index: 1; top: 150px; } .banner-wrapper .slick-arrow.slick-prev { left: 102px; } html[dir=ltr] .banner-wrapper .slick-arrow.slick-prev { left: auto; right: 102px; } .banner-wrapper .slick-arrow.slick-next { left: 55px; } html[dir=ltr] .banner-wrapper .slick-arrow.slick-next { left: auto; right: 55px; } .banner-wrapper .content-wrapper { padding: 0; } .banner-wrapper .content-wrapper .banner-content { border-top-right-radius: 6px; border-bottom-right-radius: 6px; height: 171px; box-shadow: 0 2px 15px 0 rgba(129, 152, 172, 0.19); padding: 25px 38px 15px 20px; background-color: #FFFFFF; } .banner-wrapper .content-wrapper .banner-content .banner-title { font-size: 25px; line-height: normal; color: #df1a1e; margin-bottom: 2px; } .banner-wrapper .content-wrapper .banner-content .banner-description { font-weight: 300; color: #757575; } .banner-wrapper .content-wrapper .banner-content .banner-description .banner-description-span { display: block; word-wrap: break-word; overflow: hidden; max-height: 2em; line-height: 1em; width: 100%; } .banner-wrapper .images-wrapper { padding: 0; } .banner-wrapper .images-wrapper img { width: 100%; height: 100%; border-radius: 6px; } .banner-wrapper .images-wrapper .banner-image { box-shadow: 0 2px 15px 0 rgba(129, 152, 172, 0.19); height: 171px; border-radius: 6px; background-repeat: no-repeat; background-position: center; background-size: cover; } .banner-promotion-wrapper { background: #FFFFFF; color: #525252; position: relative; overflow: hidden; } .banner-promotion-wrapper img { position: absolute; left: 1em; } .banner-promotion-wrapper img.image-mobile { display: none; } html[dir=ltr] .banner-promotion-wrapper img { right: 1em; left: auto; } .banner-promotion-wrapper .promotion-data { width: 50%; padding: 2.4em 2em 2.4em 0.5em; } html[dir=rtl] .banner-promotion-wrapper .promotion-data { padding-right: 0; } html[dir=ltr] .banner-promotion-wrapper .promotion-data { padding-left: 0; } .banner-promotion-wrapper .promotion-data .promotion-title { font-size: 50px; line-height: 1.1; margin: 0; } .banner-promotion-wrapper .promotion-data .promotion-subtitle { line-height: 1.1; font-size: 35px; } .banner-promotion-wrapper .promotion-data .promotion-text { font-weight: 300; line-height: 1.1; margin: 1em 0 1.6em; } html[dir=rtl] .banner-promotion-wrapper .promotion-data .promotion-btn.second-btn { margin-right: 16px; } html[dir=ltr] .banner-promotion-wrapper .promotion-data .promotion-btn.second-btn { margin-left: 16px; } @media (max-width: 992px) { .banner-promotion-wrapper .promotion-data .promotion-btn { margin: 27px 0 0 !important; } } .banner-promotion-wrapper .promotion-data .promotion-phone, .banner-promotion-wrapper .promotion-data .promotion-phone a { font-size: 30px; line-height: 0.97; color: #ef2222; } .banner-promotion-wrapper .promotion-data .promotion-phone.phone-mobile, .banner-promotion-wrapper .promotion-data .promotion-phone a.phone-mobile { display: none; } @media (max-width: 800px) { .banner-promotion-wrapper img.image-mobile { display: inherit; } html[dir=rtl] .banner-promotion-wrapper img.image-mobile { left: 0; } html[dir=ltr] .banner-promotion-wrapper img.image-mobile { right: 0; } .banner-promotion-wrapper img.image-desktop { display: none; } } @media (max-width: 768px) { .banner-promotion-wrapper .promotion-data { width: 70%; padding: 2.4em 0.3em 2.4em 0; } html[dir=ltr] .banner-promotion-wrapper .promotion-data { padding: 2.4em 0 2.4em 0.3em; } .banner-promotion-wrapper .promotion-data .promotion-title { line-height: 0.9; width: 64%; margin-bottom: 0.2em; font-size: 35px; } .banner-promotion-wrapper .promotion-data .promotion-subtitle { line-height: 0.99; width: 65%; margin-top: 0.5em; font-size: 20px; } .banner-promotion-wrapper .promotion-data .promotion-text { margin: 1em 0; max-width: calc(100% - 46px); } .banner-promotion-wrapper .promotion-data .promotion-phone.phone-mobile { display: inherit; } html[dir=rtl] .banner-promotion-wrapper .promotion-data .promotion-phone.phone-mobile { left: 0; } html[dir=ltr] .banner-promotion-wrapper .promotion-data .promotion-phone.phone-mobile { right: 0; } .banner-promotion-wrapper .promotion-data .promotion-phone.phone-desktop { display: none; } } .promotion-container { text-align: center; color: #525252; } .promotion-container .main-header .promotion-header { font-size: 40px; line-height: 0.88; } .promotion-container .second-header { padding-bottom: 16px; } .promotion-container .second-header .promotion-second-header { font-size: 25px; letter-spacing: -0.2px; margin: 0; } .promotion-container .main-paragraph { padding: 0 200px; font-size: 20px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.1; letter-spacing: normal; margin-bottom: 30px; } .promotion-container .button-wrapper div { display: inline-flex; } .promotion-container .button-wrapper div div { margin: 0 15px; } @media (max-width: 768px) { .promotion-container .main-header, .promotion-container .promotion-header { font-size: 35px !important; } .promotion-container .second-header { padding-bottom: 11px; } .promotion-container .second-header, .promotion-container .promotion-second-header { font-size: 20px; } .promotion-container .main-paragraph { font-size: 16px; padding: 0 15px; line-height: 1.13; margin-bottom: 28px; } .promotion-container .button-wrapper div { display: block; } .promotion-container .button-wrapper div div { margin: 15px auto 0; } .promotion-container .button-wrapper div div a { font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: -0.11px; } .promotion-container .button-wrapper div div:after { top: 2px; } } .faq-wrapper .faq-titles { margin-top: 60px; } .faq-wrapper .faq-title { font-size: 50px; text-align: center; color: #525252; } .faq-wrapper .faq-title.subtitle { font-size: 25px; line-height: 25px; } .faq-wrapper.right-titles .faq-title { text-align: right; } html[dir=ltr] .faq-wrapper.right-titles .faq-title { text-align: left; } .faq-wrapper .faq-tabs { text-align: center; border-bottom: 1px solid #c1d8ea; display: block; } .faq-wrapper .faq-tabs button { color: #525252; background: transparent; border: 0; font-size: 25px; padding: 0.6em 1em; cursor: pointer; position: relative; width: auto; } .faq-wrapper .faq-tabs button.active:after { content: ''; height: 4px; position: absolute; right: 0; left: 0; bottom: -3px; background-image: linear-gradient(to left, #c01039, #dc1223 67%, #de1e1e 84%, #e02a19); border-radius: 4px; } .faq-wrapper .faq-list { display: none; color: #0a294c; margin: 1.8em 0 1em; margin-top: 16px; transition: top 300ms ease; } .faq-wrapper .faq-list.active { display: inherit; } .faq-wrapper .faq-list .faq-single { background: #FFFFFF; border-radius: 0.2em; padding: 0.6em 36px; margin-bottom: 0.4em; } .faq-wrapper .faq-list .faq-single.open-question { box-shadow: 0 2px 15px 0 rgba(129, 152, 172, 0.19); } .faq-wrapper .faq-list .faq-single .question { cursor: pointer; font-size: 20px; font-weight: 300; position: relative; margin: 0 auto; } .faq-wrapper .faq-list .faq-single .question:before { content: ''; display: inline-block; position: absolute; width: 16px; height: 15px; transform: rotate(-90deg); left: 5px; top: 0; bottom: 0; margin: auto; background: transparent url(../images/arrow-left.svg) no-repeat center center; background-size: contain; } html[dir=ltr] .faq-wrapper .faq-list .faq-single .question:before { right: 5px; left: auto; } .faq-wrapper .faq-list .faq-single .answer { display: none; font-size: 18px; font-weight: 300; line-height: 1.22; padding-top: 1em; } .faq-wrapper .faq-list .faq-single.open-question .question { font-weight: normal; } .faq-wrapper .faq-list .faq-single.open-question .question:before { transform: rotate(90deg); } .faq-wrapper .faq-load { margin-top: 50px; text-align: center; } .faq-wrapper .faq-load a { background: transparent; } @media (max-width: 768px) { .faq-wrapper .faq-load a { display: initial; } } @media (max-width: 768px) { .faq-wrapper { margin: 1em 0; padding: 0 !important; } .faq-wrapper .faq-title { font-size: 35px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.88; } .faq-wrapper .faq-title.subtitle { font-size: 20px; } .faq-wrapper .faq-tabs { margin: 1em 0 2.2em; display: flex; justify-content: center; } .faq-wrapper .faq-tabs button { padding: 10px 5px; line-height: 1; font-size: 18px; width: 100%; } .faq-wrapper .faq-tabs button.active:after { height: 3px; } .faq-wrapper .faq-list { margin: 1.4em 0; } .faq-wrapper .faq-list .faq-single { padding: 0.6em 0.9em; } .faq-wrapper .faq-list .faq-single .question { font-size: 16px; } .faq-wrapper .faq-list .faq-single .question > div { width: 90%; } .faq-wrapper .faq-list .faq-single .question:before { width: 14px; height: 13px; left: 0; } html[dir=ltr] .faq-wrapper .faq-list .faq-single .question:before { left: auto; right: 0; } .faq-wrapper .faq-list .faq-single .answer { font-size: 16px; } .faq-wrapper .faq-list .faq-single .answer * { width: 100%; } } .gallery-articles-wrapper { color: #525252; } .gallery-articles-wrapper .articles-title { text-align: center; margin: 0; font-size: 50px; } .gallery-articles-wrapper .articles-sub-title { font-size: 25px; text-align: center; max-width: 630px; margin: 0 auto; line-height: normal; padding-bottom: 44px; } .gallery-articles-wrapper .articles-container .articles-item { margin-top: 1.6em; } .gallery-articles-wrapper .articles-container .articles-item:nth-child(1), .gallery-articles-wrapper .articles-container .articles-item:nth-child(2), .gallery-articles-wrapper .articles-container .articles-item:nth-child(3) { margin-top: 0; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner { background: #FFFFFF; height: 100%; border-radius: 4px; overflow: hidden; box-shadow: 0 2px 15px 0 rgba(129, 152, 172, 0.19); text-decoration: blink; display: block; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner:hover { box-shadow: 1px -2px 28px 8px rgba(189, 208, 228, 0.6); } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner .article-image { width: 100%; height: 282px; overflow: hidden; z-index: 0; position: relative; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner .article-image img { position: absolute; width: 100%; height: 100%; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner .article-image .article-image-bg { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; pointer-events: none; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner .article-bottom { padding: 26px; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner .article-bottom .article-sub-title { font-size: 25px; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner .article-bottom .article-text { font-size: 20px; font-weight: 300; line-height: 1.1; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner .article-bottom.no-image { margin-top: 14.2em; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.image-gallery { cursor: pointer; height: auto; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.image-gallery .article-image { max-height: none; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.video-gallery { cursor: pointer; background: transparent; height: auto; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.video-gallery.with-bottom-video { background: #FFFFFF; height: 100%; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.video-gallery .article-image { position: relative; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.video-gallery .article-image .open-yt-popup-btn { cursor: pointer; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.video-gallery .popup_overlay .close-popup { background-image: url(../images/close-popup.png); background-color: transparent; background-repeat: no-repeat; cursor: pointer; height: 37px; left: 0; right: 0; opacity: 1; display: inline-block; width: 37px; top: 0; bottom: 0; position: absolute; margin: auto; transform: translate(-490px, -319px); } @media (max-width: 768px) { .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.video-gallery .popup_overlay .close-popup { transform: none; right: auto; bottom: auto; top: 2px; left: 2px; } html[dir=ltr] .gallery-articles-wrapper .articles-container .articles-item .article-item-inner.video-gallery .popup_overlay .close-popup { right: 2px; left: auto; } } .gallery-articles-wrapper .articles-container .articles-item .modal { z-index: 999; display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(47, 47, 67, 0.4); text-align: center; } html[dir=ltr] .gallery-articles-wrapper .articles-container .articles-item .modal { left: auto; right: 0; } .gallery-articles-wrapper .articles-container .articles-item .modal .modal-content { margin: auto; -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s; width: 1023px; display: inline-block; vertical-align: middle; max-width: 100%; border-radius: 9px; position: relative; background: transparent; border: none; } .gallery-articles-wrapper .articles-container .articles-item .modal .modal-content .popup_close { top: calc(50% - 330px); left: calc(50% - 496px); } html[dir=ltr] .gallery-articles-wrapper .articles-container .articles-item .modal .modal-content .popup_close { left: 0; right: calc(50% - 496px); } @media (max-height: 820px) and (min-width: 769px) { .gallery-articles-wrapper .articles-container .articles-item .modal .modal-content .popup_close { top: calc(50% - 245px); left: calc(50% - 339px); } html[dir=ltr] .gallery-articles-wrapper .articles-container .articles-item .modal .modal-content .popup_close { left: auto; right: calc(50% - 339px); } } @media (max-width: 768px) { .gallery-articles-wrapper .articles-container .articles-item .modal .modal-content .popup_close { top: -25px; left: 15px; } html[dir=ltr] .gallery-articles-wrapper .articles-container .articles-item .modal .modal-content .popup_close { left: auto; right: 15px; } } .gallery-articles-wrapper .articles-container .articles-item .modal .modal-content img { width: 100%; max-height: 575px; border-radius: 9px; } @media (max-height: 820px) and (min-width: 769px) { .gallery-articles-wrapper .articles-container .articles-item .modal .modal-content { width: 700px; height: 396px; top: calc(50% - 165px); right: calc(50% - 350px); position: absolute; } html[dir=ltr] .gallery-articles-wrapper .articles-container .articles-item .modal .modal-content { right: auto; left: 15px; } } .gallery-articles-wrapper .articles-container .articles-item .modal:after { content: ""; display: inline-block; height: 100%; width: 0; vertical-align: middle; } @media (max-width: 768px) { .gallery-articles-wrapper .articles-container .articles-item .modal .modal-content { width: 100%; height: auto; border-radius: 0; border: 0.7px solid #a5a2a2; position: fixed; top: 53px; left: 0; } html[dir=ltr] .gallery-articles-wrapper .articles-container .articles-item .modal .modal-content { left: auto; right: 0; } .gallery-articles-wrapper .articles-container .articles-item .modal .modal-content img { margin-top: -7px; height: 100%; max-height: initial; } .gallery-articles-wrapper .articles-container .articles-item .modal .modal-content .close-popup { width: 22px; height: 22px; background-size: contain; top: -39px; left: 14px; } html[dir=ltr] .gallery-articles-wrapper .articles-container .articles-item .modal .modal-content .close-popup { right: 14px; left: 0; } } .gallery-articles-wrapper .articles-container:last-child { padding-bottom: 0; } .gallery-articles-wrapper .articles-load { display: flex; justify-content: center; margin-top: 58px; text-align: center; } .gallery-articles-wrapper .articles-load .btn-articles-load { background: transparent; } @media (max-width: 768px) { .gallery-articles-wrapper .articles-load .btn-articles-load { margin-top: 0 !important; } } @-webkit-keyframes zoom { from { -webkit-transform: scale(0); } to { -webkit-transform: scale(1); } } @keyframes zoom { from { transform: scale(0); } to { transform: scale(1); } } @media (max-width: 768px) { .gallery-articles-wrapper .articles-title { line-height: 0.84; font-size: 35px; } .gallery-articles-wrapper .articles-subtitle { line-height: 0.92; width: 80%; margin: 0.5em auto 0; font-size: 1.2em; } .gallery-articles-wrapper .articles-container { padding: 1.5em 0 0; } .gallery-articles-wrapper .articles-container .articles-item { margin-bottom: 1.5em; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner .article-image { height: 235px !important; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner .article-image img { width: 100%; height: 100%; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner .popup_overlay.open-popup .close-popup { bottom: unset; transform: unset; top: 9px; left: 14px; width: 22px; height: 22px; background-size: contain; z-index: 999; right: unset; } html[dir=ltr] .gallery-articles-wrapper .articles-container .articles-item .article-item-inner .popup_overlay.open-popup .close-popup { right: 14px; left: auto; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner .article-bottom { padding-top: 1em; padding-right: 0; padding-left: 0; width: calc(100% - 2.5em); margin: 0 auto; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner .article-bottom .article-sub-title { font-size: 20px; margin-bottom: 0; } .gallery-articles-wrapper .articles-container .articles-item .article-item-inner .article-bottom .article-text { font-size: 16px; color: #757575; word-break: break-word; white-space: pre-wrap; } } main[role=main].popup-index { z-index: 999; } .advantages-wrapper { background: #FFFFFF; margin-bottom: 50px; color: #525252; } .advantages-wrapper .advantages-content { padding: 1em 0; } .advantages-wrapper .advantages-title { text-align: center; line-height: 1.1em; font-size: 50px; margin: 0; } .advantages-wrapper .advantages-sub-title { text-align: center; font-size: 25px; line-height: normal; } .advantages-wrapper .advantage-item { padding: 1.5em 1em; position: relative; } .advantages-wrapper .advantage-item .paragraph { text-align: center; } .advantages-wrapper .advantage-item .paragraph .advantage-image { height: 50px; width: 50px; margin: 0.8em auto; } .advantages-wrapper .advantage-item .paragraph .advantage-image img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; } .advantages-wrapper .advantage-item .paragraph .advantage-text { margin: auto; margin-top: 82px; font-size: 25px; width: 60%; line-height: 0.96; margin-bottom: 10px; } .advantages-wrapper .advantage-item .paragraph .advantage-sub-text { font-size: 20px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; text-align: center; } .advantages-wrapper .advantage-item .paragraph .advantage-text.text-with-img { margin-top: 0; } .advantages-wrapper .advantage-item:after { content: ''; position: absolute; top: 1em; bottom: 1em; width: 2px; left: 0; background: #f1f6fb; } html[dir=ltr] .advantages-wrapper .advantage-item:after { left: auto; right: 0; } .advantages-wrapper .advantage-item:nth-child(3):after, .advantages-wrapper .advantage-item:nth-child(6):after, .advantages-wrapper .advantage-item:nth-child(9):after, .advantages-wrapper .advantage-item:nth-child(12):after { content: none; } @media (max-width: 768px) { .advantages-wrapper .advantages-content { color: #525252; padding: 1.3em 0; } .advantages-wrapper .advantages-title { font-size: 35px; } .advantages-wrapper .advantages-sub-title { font-size: 20px; } .advantages-wrapper .advantage-item { padding: 1em; } .advantages-wrapper .advantage-item:after { width: 55%; bottom: unset; height: 2px; top: 0; right: 0; left: 0; margin: auto; content: '' !important; } html[dir=ltr] .advantages-wrapper .advantage-item:after { left: 0; } .advantages-wrapper .advantage-item:first-child:after { content: none !important; } .advantages-wrapper .advantage-item .paragraph .advantage-image { height: 40px; width: 44px; } .advantages-wrapper .advantage-item .paragraph .advantage-text { font-size: 20px; line-height: 22px; } } .promotion-wrapper.paragraph-bottom-margin { margin-bottom: calc(50px - 1.5rem); } .information-platform-wrapper { width: 95%; margin: auto; } .information-platform-wrapper .info-item .info-content { padding: 36px 42px !important; background: #FFFFFF; border-radius: 4px; box-shadow: 0 2px 15px 0 rgba(129, 152, 172, 0.19); height: 100%; } .information-platform-wrapper .info-item .info-content .info-title { font-size: 25px; font-weight: normal; line-height: normal; color: #df1a1e; margin-bottom: 0.2em; } .information-platform-wrapper .info-item .info-content .info-description { font-size: 20px; font-weight: 300; line-height: 1.1; color: #333333; margin-bottom: 2em; } .information-platform-wrapper .info-item .info-content .info-buttons { margin-bottom: 0.7em; } .information-platform-wrapper .info-item .info-content .info-buttons > div { display: inline-block; } .information-platform-wrapper .info-item .info-content .info-buttons .link-info.padding-none .info-link { padding: 0; } @media (max-width: 768px) { .information-platform-wrapper .info-item .info-title { font-size: 21px; } .information-platform-wrapper .info-item .info-description { font-size: 16.7px; line-height: 1.15; font-weight: normal; } .information-platform-wrapper .info-item .info-content .info-buttons { margin: 0; } .information-platform-wrapper .info-item .info-content .info-buttons > div { display: block; } .information-platform-wrapper .info-item .info-content .info-buttons > div.button-info { margin-bottom: 0.9em; } .information-platform-wrapper .info-item .info-content .info-buttons > div.button-info a { display: initial; } .information-platform-wrapper .info-item .info-content .info-buttons > div .info-link { padding: 0 4px; width: 100%; } .information-platform-wrapper .info-item .info-content .info-buttons > div .info-link:after { top: 2px; } } .regular-paragraph { overflow: hidden; margin-bottom: 50px; } .regular-paragraph.margin-off { margin-bottom: 0; } .regular-paragraph .wysiwyg-field { margin-bottom: 22px; font-weight: 300; font-size: 20px; line-height: 22px; } .regular-paragraph .wysiwyg-field h1, .regular-paragraph .wysiwyg-field h2 { margin-bottom: 3px; } .regular-paragraph .wysiwyg-field a { text-decoration: underline; } .regular-paragraph .wysiwyg-field a:hover { color: #df1a1e; } html[dir=rtl] .regular-paragraph .wysiwyg-field table tbody tr td { border-left: 2px solid #f1f6fb; } html[dir=ltr] .regular-paragraph .wysiwyg-field table tbody tr td { border-right: 2px solid #f1f6fb; } .regular-paragraph ul { list-style: none; padding-inline-start: 33px; } .regular-paragraph ul li { position: relative; font-weight: 300; } .regular-paragraph ul li:before { display: block; height: 8px; width: 8px; content: ""; background: #0a294c; position: absolute; top: 9.5px; z-index: 999; transform: rotate(45deg); border-radius: 2px; } html[dir=rtl] .regular-paragraph ul li:before { right: -19px; } html[dir=ltr] .regular-paragraph ul li:before { left: -19px; } .regular-paragraph ul ul li { position: relative; } .regular-paragraph ul ul li:before { display: block; height: 8px; width: 8px; content: ""; background: transparent; position: absolute; top: 9.5px; z-index: 999; transform: rotate(45deg); border: solid 1px #0a294c; border-radius: 2px; } html[dir=rtl] .regular-paragraph ul ul li:before { right: -19px; } html[dir=ltr] .regular-paragraph ul ul li:before { left: -19px; } .regular-paragraph a:hover { color: #df1a1e; } .regular-paragraph p * { font-weight: 300; } .columns-wrapper { text-align: center; color: #525252; } .columns-wrapper .columns-title { font-size: 2.5em; margin: 0; line-height: 1; } .columns-wrapper .columns-subtitle { font-size: 25px; } .columns-wrapper .columns-container { justify-content: center; position: relative; } .columns-wrapper .columns-container .column-wrap-table { padding: 0 0.4em; } .columns-wrapper .columns-container .column-wrap-table .column-table { border-radius: 4px; box-shadow: 0 2px 15px 0 rgba(129, 152, 172, 0.19); background-color: #FFFFFF; overflow: hidden; height: 100%; display: flex; justify-content: space-between; flex-direction: column; } .columns-wrapper .columns-container .column-wrap-table .column-table .column-list { width: 100%; } .columns-wrapper .columns-container .column-wrap-table .column-table .column-list .column-head { background: #0a294c; color: #FFFFFF; font-size: 25px; font-weight: normal; padding: 0.7em 1em; border-radius: 4px; overflow: hidden; } .columns-wrapper .columns-container .column-wrap-table .column-table .column-list ul { padding: 0; } .columns-wrapper .columns-container .column-wrap-table .column-table .column-list ul li { list-style: none; position: relative; font-size: 20px; font-weight: 300; padding: 1em 2em; line-height: 1.1; } .columns-wrapper .columns-container .column-wrap-table .column-table .column-list ul li:after { content: ''; right: 2em; left: 2em; height: 1px; background: #dae6f3; position: absolute; bottom: 0; } .columns-wrapper .columns-container .column-wrap-table .column-table .column-list ul li:last-child:after { content: none; } .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap { padding: 1em 2em; } .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap .column-btn { margin-bottom: 0.5em; } .columns-wrapper .columns-container .column-wrap-table .column-table.column-has-links .column-list ul li:last-child:after { content: ''; } @media (max-width: 768px) { .columns-wrapper { padding: 2em 15px; } .columns-wrapper .columns-title { font-size: 35px; line-height: 0.9; width: 72%; margin: 0 auto 0.3em; } .columns-wrapper .columns-subtitle { font-size: 20px; line-height: 0.92; color: #757575; } .columns-wrapper .columns-container .column-wrap-table { padding: 0 15px; } .columns-wrapper .columns-container .column-wrap-table .column-table .column-list .column-head { font-size: 20px; padding: 0.5em 1em; } .columns-wrapper .columns-container .column-wrap-table .column-table .column-list ul li { font-size: 18px; line-height: 1.15; } .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap .column-btn { font-size: 16px; } .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap .column-more-info { font-size: 16px; width: 100%; margin-top: 24px; display: block; } .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap .column-more-info:after { width: 10px !important; margin-right: 8px; } html[dir=ltr] .columns-wrapper .columns-container .column-wrap-table .column-table .column-btn-wrap .column-more-info:after { margin-left: 8px; margin-right: 0; } } .numbered-paragraph-container { display: flex; margin-bottom: 50px; } .numbered-paragraph-container .paragraph-count { position: relative; width: 48px; } html[dir=rtl] .numbered-paragraph-container .paragraph-count { margin-left: 23px; } html[dir=ltr] .numbered-paragraph-container .paragraph-count { margin-right: 23px; } .numbered-paragraph-container .paragraph-count .count { position: absolute; font-size: 50px; font-weight: 300; line-height: 0.7; max-height: 50px; min-height: 50px; width: 100%; margin-top: 5px; text-align: center; color: #525252; } html[dir=rtl] .numbered-paragraph-container .paragraph-count .count { border-left: 2px solid red; } html[dir=ltr] .numbered-paragraph-container .paragraph-count .count { border-right: 2px solid red; } .numbered-paragraph-container .numbered-content { max-width: 90%; } .numbered-paragraph-container .numbered-content .numbered-title { color: #ef2222; font-size: 25px; margin: 0; } .numbered-paragraph-container .numbered-content .numbered-description { color: #333333; font-size: 20px; font-weight: 300; line-height: 1.1; } @media only screen and (max-width: 768px) { body .numbered-paragraph-container { display: block; margin-bottom: 45px; } body .numbered-paragraph-container .paragraph-count { position: relative; width: auto; display: inline-block; margin-bottom: 10px; } body .numbered-paragraph-container .paragraph-count .count { position: relative; font-size: 36px; } html[dir=rtl] body .numbered-paragraph-container .paragraph-count .count { text-align: right; padding-left: 15px; } html[dir=ltr] body .numbered-paragraph-container .paragraph-count .count { text-align: left; padding-right: 15px; } body .numbered-paragraph-container .numbered-content .numbered-description { font-size: 16px; color: #525252; } } #promotional-banner { display: none; } #promotional-banner.show { display: block; position: fixed; height: 100vh; width: 100vw; z-index: 999; background-color: rgba(47, 47, 67, 0.4); } #promotional-banner .popup-wrapper { width: 947px; position: fixed; z-index: 9999; padding: 75px 52px; height: 598px; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: white; background-size: 67%; background-repeat: no-repeat; background-position-y: bottom; border-radius: 9px; box-shadow: 0 2px 63px 0 rgba(0, 0, 0, 0.21); } @media (min-width: 769px) { #promotional-banner .popup-wrapper .popup-content { max-width: 383px; } } #promotional-banner .popup-wrapper .popup-content h1, #promotional-banner .popup-wrapper .popup-content h2 { font-size: 50px; line-height: 0.8; margin-bottom: 15px; } #promotional-banner .popup-wrapper .popup-content .popup-description { color: #757575; margin-bottom: 23px; line-height: 1.1; } #promotional-banner .popup-wrapper .popup-content .desktop-popup-banner { display: block; position: absolute; bottom: 0; height: 510px; width: 620px; overflow: hidden; } html[dir=rtl] #promotional-banner .popup-wrapper .popup-content .desktop-popup-banner { left: 0; } html[dir=ltr] #promotional-banner .popup-wrapper .popup-content .desktop-popup-banner { right: 0; } #promotional-banner .popup-wrapper .popup-content .desktop-popup-banner > img { height: auto; width: auto; max-height: 100%; position: absolute; bottom: 0; } html[dir=rtl] #promotional-banner .popup-wrapper .popup-content .desktop-popup-banner > img { left: 0; } html[dir=ltr] #promotional-banner .popup-wrapper .popup-content .desktop-popup-banner > img { right: 0; } #promotional-banner .popup-wrapper .popup-content .mobile-popup-banner { display: none; } #promotional-banner .popup-wrapper .close-popup { position: absolute; background-image: url(../images/close-popup.png); background-color: transparent; cursor: pointer; width: 37px; height: 37px; top: -50px; opacity: 1; } html[dir=rtl] #promotional-banner .popup-wrapper .close-popup { left: 0; } html[dir=ltr] #promotional-banner .popup-wrapper .close-popup { right: 0; } #promotional-banner .popup-wrapper .links-container { display: flex; } #promotional-banner .popup-wrapper .links-container .poalim-red-btn { margin-top: -4px; } html[dir=rtl] #promotional-banner .popup-wrapper .links-container .poalim-red-btn { margin-left: 34px; } html[dir=ltr] #promotional-banner .popup-wrapper .links-container .poalim-red-btn { margin-right: 34px; } @media (max-width: 768px) { #promotional-banner .popup-wrapper { font-family: Poalim; width: 90%; height: auto; transform: translate(-50%, 0%); top: 10vh; padding: 30px 20px 20px; } #promotional-banner .popup-wrapper .popup-content h1, #promotional-banner .popup-wrapper .popup-content h2 { font-size: 30px; } #promotional-banner .popup-wrapper .popup-content .popup-description { font-family: 'Poalim'; font-weight: 300; color: #757575; font-size: 1rem; margin-bottom: 18px; } #promotional-banner .popup-wrapper .popup-content .mobile-popup-banner { display: block; position: relative; } #promotional-banner .popup-wrapper .popup-content .mobile-popup-banner img { transform: none; width: 100%; height: auto; display: block; position: relative; top: 20px; } html[dir=rtl] #promotional-banner .popup-wrapper .popup-content .mobile-popup-banner img { left: -20px; } html[dir=ltr] #promotional-banner .popup-wrapper .popup-content .mobile-popup-banner img { right: -20px; } #promotional-banner .popup-wrapper .popup-content .desktop-popup-banner { display: none; } #promotional-banner .popup-wrapper .popup-content .links-container { display: inline-block; width: 110%; } #promotional-banner .popup-wrapper .popup-content .links-container .poalim-red-btn { margin: 0 0 0 10px; float: right; width: auto; } html[dir=ltr] #promotional-banner .popup-wrapper .popup-content .links-container .poalim-red-btn { float: left; } #promotional-banner .popup-wrapper .popup-content .links-container .poalim-red-btn > div { width: 100%; } #promotional-banner .popup-wrapper .popup-content .links-container .poalim-red-btn > div > a { display: inline-block; max-width: 100%; white-space: nowrap; } #promotional-banner .popup-wrapper .popup-content .links-container .poalim-link-with-arrow { width: max-content; float: right; padding-top: 6px; } html[dir=ltr] #promotional-banner .popup-wrapper .popup-content .links-container .poalim-link-with-arrow { float: left; } #promotional-banner .popup-wrapper .close-popup { width: 23px; height: 23px; background-size: cover; top: -34px; } } @media screen and (min-width: 769px) and (max-height: 768px) { #promotional-banner .popup-wrapper { height: 500px; } #promotional-banner .popup-wrapper .popup-content .desktop-popup-banner { height: 450px; width: 540px; } #promotional-banner .popup-wrapper .popup-content .desktop-popup-banner img { height: 100%; } } @media screen and (min-width: 769px) and (max-height: 670px) { #promotional-banner .popup-wrapper { height: 400px; padding: 30px 52px; } #promotional-banner .popup-wrapper .popup-content .desktop-popup-banner { height: 350px; width: 420px; } } @media screen and (min-width: 769px) and (max-height: 550px) { #promotional-banner .popup-wrapper { padding: 10px 52px; height: 350px; } #promotional-banner .popup-wrapper .popup-content .desktop-popup-banner { height: 300px; width: 360px; } } @media (min-width: 769px) { .links-group-container { color: #525252; } .links-group-container .links-group-desktop .group-title { margin: 0; } .links-group-container .links-group-desktop .title-row .main-header { font-size: 25px; line-height: normal; padding-bottom: 18px; } .links-group-container .links-group-desktop .title-row .second-header { font-size: 20px; line-height: 1.1; } .links-group-container .links-group-desktop .links-row { padding-top: 15px; } .links-group-container .links-group-desktop .links-row .link-wrapper { align-items: center; font-size: 20px; font-weight: 300; line-height: 1.1; padding-bottom: 26px; } .links-group-container .links-group-desktop .links-row .link-wrapper .img-col, .links-group-container .links-group-desktop .links-row .link-wrapper .text-col { padding: 0 10px; } .links-group-container .links-group-mobile { display: none; } } @media only screen and (max-width: 768px) { .links-group-container { color: #525252; } .links-group-container .links-group-desktop { display: none; } .links-group-container .links-group-mobile .title-row .group-title { margin: 0; } .links-group-container .links-group-mobile .title-row .main-header { font-size: 20px; line-height: normal; } .links-group-container .links-group-mobile .title-row .second-header { font-size: 16px; line-height: normal; } .links-group-container .links-group-mobile .title-row.last-title { padding-bottom: 15px; } .links-group-container .links-group-mobile .links { padding-bottom: 29px; } .links-group-container .links-group-mobile .links .link-wrapper { font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.16px; text-align: right; padding-bottom: 18px; } html[dir=ltr] .links-group-container .links-group-mobile .links .link-wrapper { text-align: left; } } .steps-container { padding-top: 60px; } .steps-container .step-content-container { display: flex; margin-bottom: 40px; } html[dir=ltr] .steps-container .step-content-container .step-image { margin-left: 23px; } html[dir=rtl] .steps-container .step-content-container .step-image { margin-right: 23px; } .steps-container .step-content-container .step-image img { width: 169px; height: 169px; margin-top: 17px; border-radius: 4px; } .steps-container .step-content-container .step-text { margin-top: 7px; } .steps-container .step-content-container .step-text .step-title { color: #df1a1e; display: none; } .steps-container .step-content-container .step-text .step-description { font-size: 20px; color: #333333; line-height: 22px; font-weight: 300; } .steps-container .step-content-container .step-text .step-description h1, .steps-container .step-content-container .step-text .step-description h2, .steps-container .step-content-container .step-text .step-description h3, .steps-container .step-content-container .step-text .step-description h4, .steps-container .step-content-container .step-text .step-description h5, .steps-container .step-content-container .step-text .step-description h6 { margin-top: -2px; } .steps-container.terraced .step-rubric:nth-child(even) .step-content-container { flex-direction: row-reverse; } html[dir=rtl] .steps-container.terraced .step-rubric:nth-child(even) .step-content-container .step-image { margin-right: 23px; margin-left: 0; } html[dir=ltr] .steps-container.terraced .step-rubric:nth-child(even) .step-content-container .step-image { margin-left: 23px; margin-right: 0; } html[dir=ltr] .steps-container.terraced .step-rubric:nth-child(even) .step-content-container .step-text { padding-right: 0; } html[dir=rtl] .steps-container.terraced .step-rubric:nth-child(even) .step-content-container .step-text { padding-left: 0; } @media (max-width: 768px) { .steps-container .step-rubric .step-content-container { margin-bottom: 20px; } .steps-container .step-rubric .step-content-container .step-image { display: none; } .steps-container .step-rubric .step-content-container .step-text .step-title { font-size: 20px; } .steps-container .step-rubric .step-content-container .step-text .step-title h1, .steps-container .step-rubric .step-content-container .step-text .step-title h2, .steps-container .step-rubric .step-content-container .step-text .step-title h3, .steps-container .step-rubric .step-content-container .step-text .step-title h4, .steps-container .step-rubric .step-content-container .step-text .step-title h5, .steps-container .step-rubric .step-content-container .step-text .step-title h6 { font-size: unset; margin: 0; } .steps-container .step-rubric .step-content-container .step-text .step-description { font-size: 16px; } .steps-container .step-rubric:last-child { margin-bottom: 0; } } .matach-wrapper .matach-header { text-align: center; margin-bottom: 40px; margin-top: 16px; } .matach-wrapper .matach-header .matach-title { font-weight: normal; margin: 0; color: #525252; } .matach-wrapper .matach-header .matach-sub-title { color: #525252; } .matach-wrapper .matach-units-container { display: flex; flex-wrap: wrap; } .matach-wrapper .matach-units-container .matach-unit { display: flex; flex-wrap: wrap; position: relative; justify-content: center; align-items: center; text-align: center; height: 217px; border-radius: 4px; margin-bottom: 18px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content { box-shadow: 0 11px 17px 0 rgba(129, 152, 172, 0.09); border-radius: 4px; width: 100%; background-color: #FFFFFF; height: 100%; margin-bottom: 18px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit { display: flex; flex-wrap: wrap; flex-direction: column; margin: auto; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.rates { color: #525252; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.rates.tile-title { order: 2; font-weight: 300; line-height: 1; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.rates.coin-icon { order: 1; margin-bottom: 17px; margin-top: 31px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.rates.coin-icon div { min-height: 50px; max-height: 50px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.rates.coin-icon div img { width: 48px; height: auto; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.rates.coin-value { order: 3; font-size: 50px; font-weight: 300; line-height: 1; margin-bottom: 11px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.rates.date { order: 4; font-size: 16px; font-weight: 300; display: flex; justify-content: center; } html[dir=rtl] .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.rates.date span { margin-left: 3px; } html[dir=ltr] .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.rates.date span { margin-right: 3px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.rates.date div { direction: ltr; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes { color: #525252; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes.tile-title { font-size: 20px; font-weight: 300; direction: ltr; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes.index-values { display: flex; justify-content: center; line-height: 1; margin-bottom: 22px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes.index-values .index-percentage, .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes.index-values .index-value { padding: 0 11.5px; font-size: 40px; font-weight: 300; direction: ltr; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes.index-change { margin-bottom: 10px; margin-top: 35px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes.index-change img { display: inline-block; height: 30px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes.date { font-size: 16px; font-weight: 300; display: flex; justify-content: center; } html[dir=rtl] .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes.date span { margin-left: 3px; } html[dir=ltr] .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes.date span { margin-right: 3px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes.date div { direction: ltr; } html[dir=ltr] .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes.date div { direction: rtl; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .up .index-percentage { color: #037c09; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .down .index-percentage { color: #df1a1e; } .matach-wrapper .matach-footer .optional-button { text-align: center; margin-top: 50px; } @media only screen and (max-width: 768px) { .matach-wrapper .matach-header { margin-bottom: 21px; margin-top: 30px; } .matach-wrapper .matach-header .matach-title { font-size: 35px; } .matach-wrapper .matach-header .matach-sub-title { font-size: 20px; line-height: 1; } .matach-wrapper .matach-units-container { display: flex; flex-wrap: wrap; justify-content: space-between; } .matach-wrapper .matach-units-container .matach-unit { margin: 10px 0; width: 50%; height: 135px; max-height: 135px; padding: 0 8px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content { box-shadow: 1px 5px 10px 2px rgba(129, 152, 172, 0.09); } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes.index-change { margin-bottom: 0; margin-top: 11px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes.index-change img { width: 13px; height: 17px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes.tile-title { font-size: 16px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes.date { font-size: 12px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes.date span { margin-left: 2px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes.index-values { margin-bottom: 16px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes.index-values .index-value, .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.indexes.index-values .index-percentage { font-size: 20px; padding: 0 4.5px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.rates.coin-icon { margin-bottom: 4px; margin-top: 11px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.rates.coin-icon div { min-height: unset; max-height: unset; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.rates.coin-icon div img { width: 21px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.rates.tile-title { font-size: 16px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.rates.coin-value { font-size: 30px; } .matach-wrapper .matach-units-container .matach-unit .matach-unit-content .paragraph--type--matach-unit .tile-item.rates.date { font-size: 12px; } .matach-wrapper .matach-footer .optional-button { margin-top: 23px; } } .sl-container { position: relative; min-height: 50px; height: 50px; } .sl-container.gray { background: #f1f6fb; } .sl-container.gray.line:before { background: #FFFFFF; } .sl-container.white { background: #FFFFFF; } .sl-container.white.line:before { background: #f1f6fb; } .sl-container.line:before { content: ""; position: absolute; width: 100%; height: 2px; } .chart-wrapper > .container { background: #FFFFFF; box-shadow: 0 8px 16px 0 rgba(129, 152, 172, 0.25); padding: 29px 38px; color: #525252; } .chart-wrapper > .container .chart-content .chart-top { margin-bottom: 110px; display: flex; justify-content: space-between; } .chart-wrapper > .container .chart-content .chart-top .chart-titles-region .chart-title { margin-bottom: 0; font-size: 22px; color: #5c5c5c; } .chart-wrapper > .container .chart-content .chart-top .chart-titles-region .chart-uptodate { font-size: 14px; display: block; line-height: 1.3; } .chart-wrapper > .container .chart-content .chart-top .chart-titles-region .chart-uptodate span { padding: 0 5px; } .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle { position: relative; display: block; padding: 0 !important; background: white; border: 1px solid #0a294c; border-radius: 20px; width: 206px; height: 38px; } .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle a { display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; border-radius: 17px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45); background-color: #0a294c; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), transparent); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), transparent); } .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle label, .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle > span { line-height: 2.1em; vertical-align: middle; } .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle input:checked + label { color: #FFFFFF; } .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle input { position: absolute; opacity: 0; } html[dir=ltr] .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle input { left: 0; } html[dir=rtl] .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle input { right: 0; } .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle input + label { position: relative; z-index: 2; display: block; padding: 0 0.5em; margin: 0; text-align: center; height: 100%; color: #0a294c; font-size: 16px; font-weight: 100; line-height: 2em; } html[dir=ltr] .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle input + label { float: left; } html[dir=rtl] .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle input + label { float: right; } .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle input:focus ~ span a, .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle input:focus + label { outline-width: 2px; outline-style: solid; outline-color: Highlight; } .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle *, .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle *:before, .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle *:after { box-sizing: border-box; } .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle a { position: absolute; top: -1.14px; padding: 0; z-index: 1; height: 38.3px; } html[dir=ltr] .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle a { left: 0; } html[dir=rtl] .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle a { right: 0; } html[dir=ltr] .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a { left: 50%; } html[dir=rtl] .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a { right: 50%; } .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle label:nth-child(2):nth-last-child(6), .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle label:nth-child(2):nth-last-child(6) ~ label, .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle label:nth-child(2):nth-last-child(6) ~ a { width: 33.33%; } html[dir=ltr] .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a { left: 33.33%; } html[dir=rtl] .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a { right: 33.33%; } html[dir=ltr] .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a { left: 66.66%; } html[dir=rtl] .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a { right: 66.66%; } .chart-wrapper > .container .chart-content .chart-top .chart-toggle-time .switch-toggle:after { clear: both; content: ""; display: table; } .chart-wrapper > .container #chartjs-tooltip { position: absolute; padding: 4px 24px 8px; border-radius: 3px; transition: all 0.1s ease 0s; pointer-events: none; transform: translate(-50%, 0px); width: max-content; background: white; box-shadow: 0 8px 16px 0 rgba(129, 152, 172, 0.25); border: solid 1px #d6d6d6; } .chart-wrapper > .container #chartjs-tooltip .tooltip-el { display: block; } .chart-wrapper > .container #chartjs-tooltip .tooltip-el * { display: inline; } .chart-wrapper > .container #chartjs-tooltip .tooltip-el .tooltip-title { font-size: 14px; } html[dir=rtl] .chart-wrapper > .container #chartjs-tooltip .tooltip-el .tooltip-title { margin-left: 3px; } html[dir=ltr] .chart-wrapper > .container #chartjs-tooltip .tooltip-el .tooltip-title { margin-right: 3px; } .chart-wrapper > .container #chartjs-tooltip .tooltip-el .tooltip-key { font-size: 24px; } .chart-wrapper > .container #chartjs-tooltip .tooltip-el .tooltip-key:after { content: ''; display: inline-block; width: 8px; background: url(../images/arrow-up.png) top center no-repeat transparent; height: 15px; } html[dir=rtl] .chart-wrapper > .container #chartjs-tooltip .tooltip-el .tooltip-key:after { margin: 0 4px 0 0; } html[dir=ltr] .chart-wrapper > .container #chartjs-tooltip .tooltip-el .tooltip-key:after { margin: 0 0 0 4px; } .chart-wrapper > .container #chartjs-tooltip .tooltip-el .tooltip-key.positive { color: #037c09; } .chart-wrapper > .container #chartjs-tooltip .tooltip-el .tooltip-key.positive:after { background: url(../images/arrow-up.png) top center no-repeat transparent; } .chart-wrapper > .container #chartjs-tooltip .tooltip-el .tooltip-key.negative { color: #df1a1e; } .chart-wrapper > .container #chartjs-tooltip .tooltip-el .tooltip-key.negative:after { background: url(../images/down-red-arrow.svg) top center no-repeat transparent; width: 11px; height: 15px; background-size: contain; } .chart-wrapper > .container #chartjs-tooltip .tooltip-el .tooltip-key.even:after { background-image: none; } .chart-wrapper > .container #chartjs-tooltip:before { content: ''; position: absolute; top: 46.4px; width: 0; height: 0; border: 8px solid transparent; border-top-color: rgba(82, 82, 82, 0.17); border-bottom: 0; z-index: 99999; right: 45.1%; } .chart-wrapper > .container #chartjs-tooltip:after { content: ''; position: absolute; top: 45px; width: 0; height: 0; border: 8px solid transparent; border-top-color: #FFFFFF; border-bottom: 0; z-index: 999999; transform: translate(-50%, 0px); right: 40%; } @media (max-width: 768px) { .chart-wrapper { display: none; } } .links-gallery .links-on-plasma { margin-top: -100px; } .links-gallery .links-gallery-container { font-size: 18px; } .links-gallery .links-gallery-container .links-gallery-wrapper { position: relative; box-shadow: 0 2px 15px 0 rgba(129, 152, 172, 0.19); background: #FFFFFF; } .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-header { margin-bottom: 10px; line-height: normal; display: inline-block; margin-top: 19px; font-family: Poalim; font-size: 25px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #525252; } .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul { margin-bottom: 0; line-height: 1.22; display: flex; flex-wrap: wrap; padding: 16px; background: #fff; border-radius: 4px; } .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul .links-gallery-li { list-style: none; margin: 0; flex: 1; text-align: center; padding: 0; } .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul .links-gallery-li a { overflow: hidden; padding: 24px 0; display: block; height: 117px; background-position: center 32px; border-radius: 7px !important; position: relative; background-color: transparent; transition: background-color 0.3s; } .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul .links-gallery-li a:before { content: ""; width: 1px; background: #f1f6fb; position: absolute; top: 7px; left: 0; bottom: 7px; } html[dir=ltr] .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul .links-gallery-li a:before { left: auto; right: 0; } .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul .links-gallery-li a:hover { background-color: #f1f6fb; color: #df1a1e; text-decoration: none !important; } .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul .links-gallery-li a .links-gallery-title { padding: 0 22px; line-height: 0.93; margin-top: 5px; } .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul .links-gallery-li a .links-gallery-icon { margin-bottom: 2.5px; height: 45px; width: 45px; display: inline-block; } .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul .links-gallery-li:nth-child(7n) a:before, .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul .links-gallery-li:last-child a:before { display: none; } .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul .links-gallery-li.more-then-7 { -ms-flex: 0 0 14.285714%; flex: 0 0 14.285714%; max-width: 14.285714%; } .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul .links-gallery-li.more-then-7 a .links-gallery-title { padding: 0 10px; } .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul .links-gallery-li.more-then-7:nth-child(n+8) { padding-top: 15px; } html[dir=ltr] .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul { direction: ltr; } @media (max-width: 992px) { .links-gallery .links-on-plasma { margin-top: -50px; } .links-gallery .links-gallery-container { font-size: 16px; } .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul { padding-bottom: 0; padding-right: 0; padding-left: 0; } .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul .links-gallery-li { max-width: 20%; min-width: 33%; } .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul .links-gallery-li a { padding: 21px 0; line-height: 1; } .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul .links-gallery-li:nth-child(3n) a:before, .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul .links-gallery-li:last-child a:before { display: none; } .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul .links-gallery-li.more-then-7:nth-child(n+8) { padding-top: 0; } .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul .links-gallery-li.more-then-7:nth-child(n+4) { padding-top: 5px; } .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul li:nth-child(7n) a:after { content: ""; width: 1px; background: #f1f6fb; position: absolute; top: 7px; left: 0; bottom: 7px; } html[dir=ltr] .links-gallery .links-gallery-container .links-gallery-wrapper .links-gallery-ul li:nth-child(7n) a:after { left: auto; right: 0; } } .main-links-gallery { text-align: -webkit-center; } .main-links-gallery.paragraph-bottom-margin { margin-bottom: 36px; } .main-links-gallery .main-header { text-align: center; color: #525252; font-size: 50px; } .main-links-gallery .second-header { font-size: 25px; line-height: 1; text-align: center; color: #525252; max-width: 490px; margin: 0 auto 30px; } .main-links-gallery .main-links-gallery-container ul { padding-inline-start: 0; background-color: transparent; border-radius: 4px; padding: 0; } .main-links-gallery .main-links-gallery-container ul .li-wrapper li { overflow: hidden; text-align: center; list-style: none; margin: 14px 0; background: #FFFFFF; font-size: 25px; color: #525252; height: 217px; padding: 0; box-shadow: 0 11px 17px 0 rgba(129, 152, 172, 0.09); border-radius: 4px; } .main-links-gallery .main-links-gallery-container ul .li-wrapper li a { display: block; padding-top: 57px; border-radius: 7px !important; position: relative; height: 100%; } .main-links-gallery .main-links-gallery-container ul .li-wrapper li a img { height: 50px; } .main-links-gallery .main-links-gallery-container ul .li-wrapper li a .link-description { display: none; } .main-links-gallery .main-links-gallery-container ul .li-wrapper li a .link-title { line-height: 0.8; margin-bottom: 0; margin-top: 20px; padding: 10px; height: 52px; overflow: hidden; } .main-links-gallery .main-links-gallery-container ul li:hover, .main-links-gallery .main-links-gallery-container ul li.focused { box-shadow: 2px 11px 28px 8px rgba(189, 208, 228, 0.6); } .main-links-gallery .main-links-gallery-container ul li:hover .link-item-wrapper, .main-links-gallery .main-links-gallery-container ul li.focused .link-item-wrapper { text-decoration: none; } .main-links-gallery .main-links-gallery-container ul li:hover .link-item-wrapper.full-description, .main-links-gallery .main-links-gallery-container ul li.focused .link-item-wrapper.full-description { padding-top: 25px; } .main-links-gallery .main-links-gallery-container ul li:hover .link-item-wrapper.full-description .link-title, .main-links-gallery .main-links-gallery-container ul li.focused .link-item-wrapper.full-description .link-title { margin-top: 13px; } .main-links-gallery .main-links-gallery-container ul li:hover .link-item-wrapper.full-description .link-description, .main-links-gallery .main-links-gallery-container ul li.focused .link-item-wrapper.full-description .link-description { padding-right: 50px; padding-left: 50px; font-size: 20px; display: block; font-weight: 300; line-height: 1.1; max-height: 71px; overflow: hidden; } .main-links-gallery.padding-gallery { padding-top: 42px; } .main-links-gallery.padding-gallery .main-header, .main-links-gallery.padding-gallery .second-header { margin: 0; padding: 0; } @media (max-width: 768px) { .main-links-gallery .main-header { padding: 0 57px; font-size: 35px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.84; letter-spacing: normal; } .main-links-gallery .second-header { padding: 0 40px; font-size: 20px; line-height: 0.92; margin-bottom: 5px; } .main-links-gallery .main-links-gallery-container .li-wrapper li { margin: 10px 0; height: 175px !important; } } @media (max-width: 768px) and (max-width: 376px) { .main-links-gallery .main-links-gallery-container .li-wrapper li { height: 123px !important; } } @media (max-width: 768px) { .main-links-gallery .main-links-gallery-container .li-wrapper li .link-item-wrapper { padding-top: 15% !important; font-size: 16px; } .main-links-gallery .main-links-gallery-container .li-wrapper li .link-item-wrapper .link-title { margin-top: 15px; padding-top: 0; line-height: 1; font-weight: normal; height: 33px; } .main-links-gallery .main-links-gallery-container .li-wrapper li .link-item-wrapper img { height: 34px; } .main-links-gallery .main-links-gallery-container .li-wrapper li:hover .link-item-wrapper.full-description .link-description { display: none; } } .stages-links.paragraph-bottom-margin { margin-bottom: 22px; } .stages-links .stages-links-item-wrapper { padding-bottom: 28px; } .stages-links .stages-links-item-wrapper .stages-links-item { height: 100%; padding-top: 38px; padding-right: 95px; padding-left: 95px; border-radius: 6px; box-shadow: 0 2px 15px 0 rgba(129, 152, 172, 0.19); background-color: #FFFFFF; } .stages-links .stages-links-item-wrapper .stages-links-item .stages-links-item-title { font-size: 25px; width: 354px; margin-bottom: 5px; font-family: Poalim; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: right; color: #df1a1e; } html[dir=ltr] .stages-links .stages-links-item-wrapper .stages-links-item .stages-links-item-title { text-align: left; } .stages-links .stages-links-item-wrapper .stages-links-item .stages-item-ul { padding: 28px 0; } .stages-links .stages-links-item-wrapper .stages-links-item .stages-item-ul .stages-links-link { word-break: break-word; line-height: 1; position: relative; margin: 0px 0 10px 0px; padding: 0; width: 100%; cursor: auto !important; } .stages-links .stages-links-item-wrapper .stages-links-item .stages-item-ul .stages-links-link a:hover { color: #df1a1e; } .stages-links .stages-links-item-wrapper .stages-item-ul .stages-links-link:last-child { margin-bottom: 28px; } .stages-links .stages-links-item-wrapper.col-lg-6 .stages-links-item { min-height: 270px; height: 100%; } .stages-links .stages-links-item-wrapper.col-lg-12 .stages-links-item { min-height: 209px; } .stages-links .stages-links-item-wrapper.col-lg-12 .stages-links-item .stages-item-ul { width: 100%; display: inline-block; } .stages-links .stages-links-item-wrapper.col-lg-12 .stages-links-item .stages-item-ul .stages-links-link { width: 33%; display: inline-block; vertical-align: top; height: 100%; } @media (max-width: 991px) { .stages-links .stages-links-item-wrapper .stages-links-item { padding: 29px 24px 0 24px; } .stages-links .stages-links-item-wrapper .stages-links-item .stages-links-item-title { font-size: 24px; width: 100%; height: max-content; margin: 0; } .stages-links .stages-links-item-wrapper .stages-links-item .stages-item-ul { padding-top: 22px; } .stages-links .stages-links-item-wrapper .stages-links-item .stages-item-ul .stages-links-link { margin: 10px 0; } .stages-links .stages-links-item-wrapper .stages-links-item .stages-item-ul .stages-links-link .stages-item-link:after { width: 35px; } .stages-links .stages-links-item-wrapper.col-12 .stages-links-item { min-height: 209px; } .stages-links .stages-links-item-wrapper.col-12 .stages-links-item .stages-item-ul .stages-links-link { height: 100%; width: 100%; } } .system-requirements-wrapper table#system-requirements-table { color: #525252; margin-bottom: 23px; } .system-requirements-wrapper table#system-requirements-table tbody tr td { border: 1px solid #dae6f3; } .system-requirements-wrapper table#system-requirements-table tbody tr td:before, .system-requirements-wrapper table#system-requirements-table tbody tr td:after { display: none; } .system-requirements-wrapper table#system-requirements-table a { text-decoration: underline #928888; } .system-requirements-wrapper .sr-status-desc { font-size: 20px; line-height: 22px; color: #525252; margin-bottom: 50px; } .system-requirements-wrapper .sr-status-desc > div { margin-bottom: 6px; display: table; } .system-requirements-wrapper .sr-status-desc > div .fa { display: table-cell; } .system-requirements-wrapper .sr-status-desc > div .fa.fa-check { color: #037c09; padding-left: 10px; font-size: 12px; } html[dir=ltr] .system-requirements-wrapper .sr-status-desc > div .fa.fa-check { padding-left: unset; padding-right: 10px; } .system-requirements-wrapper .sr-status-desc > div .fa.fa-times { color: #df1a1e; font-size: 14px; padding-left: 13px; } html[dir=ltr] .system-requirements-wrapper .sr-status-desc > div .fa.fa-times { padding-left: unset; padding-right: 13px; } .system-requirements-wrapper .sr-status-desc > div p { margin: 0; } .system-requirements-wrapper .status-images-hidden { display: none; } @media (max-width: 768px) { .system-requirements-wrapper #system-requirements-table .bt-content { width: 100%; text-align: center; } .system-requirements-wrapper #system-requirements-table .bt-content img { height: 20px; } .system-requirements-wrapper .sr-status-desc { font-size: 16px; } } #login_page { position: relative; width: 100%; height: 100%; padding-top: 20px; margin-bottom: 42px; } @media (max-width: 768px) { #login_page { padding-top: 0px; } } #login_page .container { position: relative; } @media (max-width: 1199px) { #login_page .container { margin: 0; min-width: 100%; } } #login_page #login-desktop-img { position: absolute; width: 717px; height: 513px; pointer-events: none; bottom: -40px; left: -290px; } html[dir=ltr] #login_page #login-desktop-img { right: -290px; left: auto; } @media (max-width: 1199px) { #login_page #login-desktop-img { left: -378px; } html[dir=ltr] #login_page #login-desktop-img { right: -378px; left: auto; } } @media (max-width: 768px) { #login_page #login-desktop-img { display: none; } } #login_page #login-desktop-img .img { width: 100%; height: 100%; } #login_page #login-mobile-img { position: absolute; top: 0; left: 0; width: 194px; pointer-events: none; } html[dir=ltr] #login_page #login-mobile-img { left: auto; right: 0; } @media (min-width: 769px) { #login_page #login-mobile-img { display: none; } } #login_page #login-mobile-img img { width: 100%; } #login_page .login-pic { position: absolute; bottom: 0; left: 0; max-width: 35%; } html[dir=ltr] #login_page .login-pic { left: auto; right: 0; } #login_page .login-pic img { max-width: 100%; max-height: 100%; } #login_page .iframe-wrapper { box-shadow: 0 11px 17px 0 rgba(129, 152, 172, 0.2); border-radius: 5px; overflow: hidden; font-size: 0; } #login_page iframe { width: 100%; border: 0; height: 554px; overflow: hidden; } #login_page .slick-arrow { bottom: -80px; } #login_page .slick-next { right: 59px; } html[dir=ltr] #login_page .slick-next { right: auto; left: 59px; } #login_page .slick-prev { right: 0; } html[dir=ltr] #login_page .slick-prev { right: auto; left: 0; } #login_page .login-page-indicator { padding-top: 60px; margin-bottom: 6px; display: inline-block; border-bottom-style: solid; border-bottom-width: 2px; border-image-source: linear-gradient(to right, #c01039, #dc1223 67%, #de1e1e 84%, #e02a19); border-image-slice: 1; font-size: 0; min-width: 30px; } #login_page .login-page-indicator .login-page-indicator-font { color: #525252; font-size: 25px; font-weight: lighter; } #login_page .login-messages-slider { position: relative; max-width: 350px; } #login_page .wrap-login-message { text-decoration: blink; } #login_page .paragraph-login-message { color: #525252; font-size: 20px; line-height: 1.1; font-weight: normal; } #login_page .paragraph-login-message .login-message-header { max-height: 70px; overflow: hidden; } #login_page .paragraph-login-message .login-message-content { overflow: hidden; font-weight: 300; margin-bottom: 20px; max-width: 400px; } #login_page .paragraph-login-message h2 { line-height: 1; margin-bottom: 5px; font-size: 25px; } #login_page .paragraph-login-message h2:last-child { margin-bottom: 10px; } #login_page .login-message-link a:hover { text-decoration: none; color: #df1a1e; } @media (max-width: 768px) { #login_page .container { padding: 0; } #login_page .container > .row { margin-right: 0; margin-left: 0; } #login_page .container > .row > [class*=col-] { padding-left: 0; padding-right: 0; } #login_page .container > .row > [class*=col-].login-content-container { padding-left: 15px; padding-right: 15px; background: #FFFFFF; position: relative; } #login_page .container > .row > [class*=col-].login-content-container:after { content: ' '; position: absolute; right: 0; background: #FFFFFF; height: 42px; bottom: -42px; width: 100%; display: block; } html[dir=ltr] #login_page .container > .row > [class*=col-].login-content-container:after { right: auto; left: 0; } #login_page .container .slick-arrow { margin-top: 20px; } #login_page .slick-arrow.login-messages-slider-prev { margin-left: 13px; } html[dir=ltr] #login_page .slick-arrow.login-messages-slider-prev { margin-left: 0; margin-right: 13px; } #login_page .paragraph-login-message { margin-bottom: 15px; } #login_page .slick-arrow { position: static; display: inline-block; } #login_page .login-page-indicator { border: 0; border-bottom: 2px solid #df1a1e; } } .lobby-plasma { height: 593px; } .lobby-plasma .plasma-container { padding-top: 292px; } .parallax-container.lobby-content-plasma { height: 593px; margin-top: -242px; } .parallax-container.lobby-content-plasma .plasma-wrapper { height: 593px; } @media (min-width: 768px) { .parallax-container.lobby-content-plasma.lobby-content-plasma-small { height: 524px; } } @media (min-width: 1140px) { .parallax-container.lobby-content-plasma .parallax .plasma-wrapper { background-size: 1920px auto; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; } } .parallax-container.lobby-content-plasma .parallax .plasma-wrapper .plasma-container { padding-top: 320px; } @media (max-width: 768px) { .parallax-container.lobby-content-plasma { margin-top: -120px; } } .content-plasma { height: 524px; } .content-plasma .plasma-container { padding-top: 224px; } .sticky-plasma { z-index: 999; background-color: #FFFFFF; position: fixed; top: 0; left: 0; right: 0; align-items: center; height: 86px; display: none; } .sticky-plasma .plasma-sticky-desktop { font-size: 25px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; display: flex; float: right; color: #525252; } html[dir=ltr] .sticky-plasma .plasma-sticky-desktop { float: left; } .sticky-plasma .plasma-sticky-mobile { display: none; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; text-align: right; color: #525252; } html[dir=ltr] .sticky-plasma .plasma-sticky-mobile { text-align: left; } .sticky-plasma .plasma-btn a { width: 100%; height: 100%; float: left; color: inherit; } html[dir=ltr] .sticky-plasma .plasma-btn a { float: right; } .plasma-wrapper { margin-bottom: 50px; position: relative; overflow: hidden; background-size: auto; background-repeat: no-repeat; color: #FFFFFF; text-align: center; transition: 0.4s top cubic-bezier(0.3, 0.73, 0.3, 0.74); } @media (max-width: 768px) { .plasma-wrapper { background-size: 100%; } } .plasma-wrapper.close-to-advantages { margin-bottom: 0 !important; } .plasma-wrapper .plasma-container .main-header, .plasma-wrapper .plasma-container .content-product-header { padding: 0 310px; font-size: 50px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; } @media (max-width: 768px) { .plasma-wrapper .plasma-container .main-header, .plasma-wrapper .plasma-container .content-product-header { font-size: 35px; } } .plasma-wrapper .plasma-container .main-header { margin: 0 0 0.67em; } .plasma-wrapper .plasma-container .content-product-header { font-size: 25px; display: none; } .plasma-wrapper .plasma-container .plasma-btn a { width: 100%; height: 100%; color: inherit; } .plasma-wrapper .plasma-container .plasma-sticky-desktop, .plasma-wrapper .plasma-container .plasma-sticky-mobile { display: none; } .plasma-container.container-padding .content-product-header { display: block; } @media (max-width: 768px) { .plasma-wrapper.content-plasma .plasma-container { padding-top: 290px !important; } .plasma-wrapper.lobby-plasma .plasma-container { padding-top: 280px !important; } .plasma-wrapper { height: 490px; } .plasma-wrapper .plasma-container .row { padding: 0 15px; } .plasma-wrapper .plasma-container .row .main-header, .plasma-wrapper .plasma-container .row .content-product-header { word-break: break-word; padding: 0 42px; font-size: 35px; line-height: 0.86; padding: 0 !important; } .plasma-wrapper .plasma-container .row .content-product-header { padding-top: 0; font-size: 20px; } .plasma-wrapper .plasma-container .row .plasma-btn { margin-top: 49px; } .plasma-wrapper .plasma-container .row .main-header, .plasma-wrapper .plasma-container .row .content-product-header { padding: 0 42px; font-size: 35px; line-height: 0.86; } .plasma-wrapper .plasma-container .row .content-product-header { padding-top: 0; font-size: 20px; } .plasma-wrapper .plasma-container .row .plasma-btn { margin-top: 49px; } .plasma-container.container-padding { padding-top: 127px; } } @media (max-width: 768px) { .sticky-plasma .plasma-btn { margin: 12px 0; } .sticky-plasma .plasma-btn a { float: right; } html[dir=ltr] .sticky-plasma .plasma-btn a { float: left; } } .dd-table .dd-table-data { margin-top: 49px; line-height: 25px; } @media (max-width: 768px) { .dd-table .dd-table-data { margin-top: 37px; } } @media (max-width: 768px) { .dd-table .dd-table-data { margin-right: 15px; margin-left: 15px; } } .dd-table .dd-table-data .row.header { font-size: 25px; color: #0a294c; } .dd-table .dd-table-data .strip-items { margin-top: 15px; } .dd-table .dd-table-data .mobile { display: none; } .dd-table .dd-table-data .item { color: #0a294c; background: #FFFFFF; border-radius: 0.2em; padding: 10px 0; margin-bottom: 0.4em; margin-top: 12px; cursor: pointer; font-family: Poalim; font-weight: 300; font-size: 16px; } .dd-table .dd-table-data .item .arrow { position: relative; } .dd-table .dd-table-data .item .arrow span { content: ''; display: inline-block; position: absolute; width: 16px; height: 15px; transform: rotate(-90deg); left: 21px; top: 8px; margin: auto; background: transparent url(../images/arrow-left.svg) no-repeat center center; background-size: contain; } html[dir=ltr] .dd-table .dd-table-data .item .arrow span { left: auto; right: 21px; } .dd-table .dd-table-data .item .content { display: none; } .dd-table .dd-table-data .item .content .body { padding-top: 10px; } .dd-table .dd-table-data .item .content .butttons, .dd-table .dd-table-data .item .content .body { padding-bottom: 10px; } .dd-table .dd-table-data .item .content .butttons .btn-list { font-size: 20px; display: inline; } .dd-table .dd-table-data .item .content .butttons .btn-list .button { margin-top: 10px; } html[dir=rtl] .dd-table .dd-table-data .item .content .butttons .btn-list .button { margin-left: 15px; } html[dir=ltr] .dd-table .dd-table-data .item .content .butttons .btn-list .button { margin-right: 15px; } .dd-table .dd-table-data .item .content .butttons .btn-list .button.file { height: 44px; font-weight: 300; padding: 4px 6px; vertical-align: inherit; } .dd-table .dd-table-data .item .content .butttons .btn-list .button.file > div { display: inline-block; } html[dir=rtl] .dd-table .dd-table-data .item .content .butttons .btn-list .button.file > div { padding-left: 5px; } html[dir=ltr] .dd-table .dd-table-data .item .content .butttons .btn-list .button.file > div { padding-right: 5px; } .dd-table .dd-table-data .item .content .butttons .btn-list .button.file > div img { width: 38px; height: 36px; } .dd-table .dd-table-data .item.open { box-shadow: 0 2px 15px 0 rgba(129, 152, 172, 0.19); } .dd-table .dd-table-data .item.open .column-1 { font-weight: normal; } .dd-table .dd-table-data .item.open .content { display: inline-table; } .dd-table .dd-table-data .item.open .arrow span { transform: rotate(90deg); } .dd-table .dd-table-data .item.open .butttons { display: flex; } @media (max-width: 768px) { .dd-table .dd-table-data .item.open .butttons { display: block; } } @media (min-width: 769px) { .dd-table .dd-table-data .column { font-size: 20px; } .dd-table .dd-table-data .column.column-2, .dd-table .dd-table-data .column.column-3 { font-size: 18px; } } html[dir=rtl] .dd-table .dd-table-data .content, html[dir=rtl] .dd-table .dd-table-data .column-1 { padding-right: 36px; } @media (max-width: 768px) { html[dir=rtl] .dd-table .dd-table-data .content, html[dir=rtl] .dd-table .dd-table-data .column-1 { padding-right: 13px; padding-left: 13px; } } html[dir=ltr] .dd-table .dd-table-data .content, html[dir=ltr] .dd-table .dd-table-data .column-1 { padding-left: 36px; } @media (max-width: 768px) { html[dir=ltr] .dd-table .dd-table-data .content, html[dir=ltr] .dd-table .dd-table-data .column-1 { padding-right: 13px; padding-left: 13px; } } .dd-table .dd-table-data .content .body { font-size: 20px; } .dd-table .dd-table-data.columns-1 .column-1 { flex: 0 0 91.666667%; max-width: 91.666667%; } .dd-table .dd-table-data.columns-1 .column-2 { flex: 0 0 0; max-width: 0; } .dd-table .dd-table-data.columns-1 .column-3 { flex: 0 0 0; max-width: 0; } .dd-table .dd-table-data.columns-2 .column-1 { flex: 0 0 41.666665%; max-width: 41.666665%; } .dd-table .dd-table-data.columns-2 .column-2 { flex: 0 0 41.666665%; max-width: 41.666665%; } .dd-table .dd-table-data.columns-2 .column-3 { flex: 0 0 0; max-width: 0; } .dd-table .dd-table-data.columns-3 .column-1 { flex: 0 0 41.666665%; max-width: 41.666665%; } .dd-table .dd-table-data.columns-3 .column-2 { flex: 0 0 16.666666%; max-width: 16.666666%; } .dd-table .dd-table-data.columns-3 .column-3 { flex: 0 0 16.666666%; max-width: 16.666666%; } @media (max-width: 768px) { .dd-table .dd-table-data .header { display: none; } .dd-table .dd-table-data .mobile { display: block; } .dd-table .dd-table-data .columns.mobile .header.mobile { font-weight: normal; } .dd-table .dd-table-data .item .butttons, .dd-table .dd-table-data .item .body { padding-top: 10px; } .dd-table .dd-table-data .item .butttons .btn-list a.button { display: inline-flex; } .dd-table .dd-table-data .item .column-1 { flex: 0 0 91.66667%; max-width: 91.66667%; } .dd-table .dd-table-data .item .column + .offset-1:not(.arrow), .dd-table .dd-table-data .item .column-2, .dd-table .dd-table-data .item .column-3 { display: none; } } .dd-table .faq-title:not(.subtitle) { margin-bottom: 0; } @media (max-width: 768px) { .dd-table .faq-title:not(.subtitle) { margin-bottom: 5px; } } .fer-container #fer-table-content table thead tr:nth-child(2) td:first-child:before, .fer-container #fer-table-content table thead tr:nth-child(2) td:first-child:after, .fer-container #fer-table-content table thead tr:nth-child(2) td:nth-child(2):before, .fer-container #fer-table-content table thead tr:nth-child(2) td:nth-child(2):after, .fer-container #fer-table-content table thead tr:nth-child(2) td:nth-child(3):before, .fer-container #fer-table-content table thead tr:nth-child(2) td:last-child:after, .fer-container #fer-table-content table tbody tr.last-visible td:first-child:before, .fer-container #fer-table-content table tbody tr.last-visible td:first-child:after, .fer-container #fer-table-content table tbody tr.last-visible td:nth-child(2):before, .fer-container #fer-table-content table tbody tr.last-visible td:nth-child(2):after, .fer-container #fer-table-content table tbody tr.last-visible td:nth-child(3):after, .fer-container #fer-table-content table tbody tr.last-visible td:last-child:after { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 30%; } .fer-container { /* MAIN TABLE*/ } .fer-container .fer-title { text-align: center; margin-bottom: 25px; color: #525252; font-size: 50px; } .fer-container .far-mobile-content { display: none; } .fer-container .filters-container { display: block; justify-content: space-between; align-items: center; padding: 0; margin-bottom: 24px; } .fer-container .filters-container .filter-item { cursor: pointer; } html[dir=rtl] .fer-container .filters-container .filter-item { margin-left: 4px; } html[dir=ltr] .fer-container .filters-container .filter-item { margin-right: 4px; } .fer-container .filters-container button.filter-item { font-size: 18px; font-weight: normal; background: transparent; border: 1px solid #03294c; border-radius: 19.4px; color: #03294c; padding-bottom: 3px; } .fer-container .filters-container button.filter-item.marked { background: #03294c !important; color: #FFFFFF; } .fer-container .filters-container .filter-label { margin-bottom: 15px; color: #525252; font-size: 20px; } .fer-container .filters-container .days-filters button { padding-left: 13px; padding-right: 13px; height: 38.7px; } .fer-container .filters-container .days-filters button.today { width: 94px; } .fer-container .filters-container .days-filters button.yesterday { width: 98px; } .fer-container .filters-container .days-filters button.dby { width: 99px; } .fer-container .filters-container .days-dropdown-select { position: relative; display: inline-block; border-radius: 2px; border: solid 1px transparent; cursor: pointer; } .fer-container .filters-container .days-dropdown-select .base-line { width: auto; height: 38.7px; padding: 3px 17px 0; text-align: center; font-size: 18px; font-weight: normal; background: transparent; border: 1px solid #03294c; border-radius: 19.4px; color: #03294c; } html[dir=rtl] .fer-container .filters-container .days-dropdown-select .base-line > span { margin-left: 1px; } html[dir=ltr] .fer-container .filters-container .days-dropdown-select .base-line > span { margin-right: 1px; } .fer-container .filters-container .days-dropdown-select .base-line.marked { background: #0a294c; color: #FFFFFF; } .fer-container .filters-container .days-dropdown-select .base-line.marked i { border-color: #FFFFFF; } .fer-container .filters-container .days-dropdown-select .base-line i { border: solid #03294c; border-width: 0 1px 1px 0; display: inline-block; padding: 2px; } .fer-container .filters-container .days-dropdown-select .base-line i.down { transform: rotate(45deg); -webkit-transform: rotate(45deg); margin: 3px 1px; } .fer-container .filters-container .days-dropdown-select input#datepicker { position: absolute; z-index: 55; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .fer-container .filters-container .days-dropdown-select input#datepicker:focus { outline: none; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div { box-shadow: 0 14px 24px 0 rgba(132, 169, 204, 0.24); border-radius: 3px; border: 1px solid white; width: 361px; padding: 0 24px; min-height: 424px; max-height: 424px; /* CALENDAR TABLE */ } @media screen and (min-width: 950px) { .fer-container .filters-container .days-dropdown-select #ui-datepicker-div { top: 41px !important; } html[dir=rtl] .fer-container .filters-container .days-dropdown-select #ui-datepicker-div { left: auto !important; } html[dir=ltr] .fer-container .filters-container .days-dropdown-select #ui-datepicker-div { right: auto !important; direction: ltr; left: 0 !important; } } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div:before { content: ""; display: block; position: absolute; top: -10px; width: 10px; height: 10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #FFFFFF; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header { color: #df1a1e; background: #FFFFFF; border: 0 none; font-size: 18px; font-weight: normal; margin: 27px 26px 0; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head { display: flex; justify-content: space-between; } @media (max-width: 950px) { .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head { display: none; } } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown { text-align: center; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown.show button { border: 1px solid #0a294c !important; border-radius: 17px; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown button { font-family: 'Poalim'; border-radius: 17px; background-color: #f1f6fb; font-size: 18px; padding: 6px 13px; height: 33px; min-width: 77px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; color: #0a294c; margin: auto; border: 0 none; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown button:after { display: none; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown button:hover, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown button:focus { box-shadow: none; border: 0 none; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown .dropdown-menu { min-width: 88px; max-width: 88px; height: 183px; border-radius: 7px; background-color: #f1f6fb; overflow: auto; direction: ltr; text-align: center; border: 5px solid #f1f6fb; top: 2px !important; background-clip: unset; scrollbar-width: thin; scrollbar-color: #0a294c #f1f6fb; } html[dir=rtl] .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown .dropdown-menu { left: -5px !important; border-right: 5px solid #f1f6fb; } html[dir=ltr] .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown .dropdown-menu { right: -5px !important; border-left: 5px solid #f1f6fb; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown .dropdown-menu li { font-family: Poalim; font-size: 14px; font-weight: 300; letter-spacing: -0.09px; text-align: center; color: #525252; line-height: 18px; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown .dropdown-menu li:hover { color: #0a294c; font-weight: 500; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .datepicker-head .dropdown .dropdown-menu li.selected { color: #df1a1e; font-weight: 500; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title #style-3::-webkit-scrollbar-track { border-radius: 7px; background-color: #f1f6fb; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title #style-3::-webkit-scrollbar { width: 2px; background-color: #f1f6fb; border-radius: 7px; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title #style-3::-webkit-scrollbar-thumb { border-radius: 7px; background-color: #0a294c; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year { display: none; font-family: 'Poalim'; border-radius: 17px; background-color: #f1f6fb; font-size: 16px; text-align-last: center; padding: 6px 13px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; color: #525252; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month *, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year * { font-family: 'Poalim'; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar { box-shadow: none; table-layout: fixed; width: 100%; border-spacing: 0; border-collapse: collapse; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar thead tr { background: white; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar thead tr th { background: #FFFFFF; padding: 10px 0 4px; height: auto; outline: auto; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar thead tr th span { font-family: 'Poalim'; font-size: 12px; letter-spacing: -0.1px; text-align: right; color: #525252; font-weight: 300; } html[dir=ltr] .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar thead tr th span { text-align: left; } @media (max-width: 950px) { .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar thead tr th { outline: none; } } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar tbody tr { border: 1px solid #FFFFFF; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar tbody tr td { border: 0; text-align: center; max-width: 40px; width: 40px; height: 40px; padding: 0; margin: 0; line-height: 2; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar tbody tr td a, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar tbody tr td span { font-family: 'Poalim'; background: #FFFFFF; border: none; text-align: center; color: #0a294c; font-size: 18px; font-weight: 300; line-height: 31px; margin: auto; width: 34px; height: 34px !important; padding-top: 0; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar tbody tr td a.ui-datepicker-next-hover, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar tbody tr td span.ui-datepicker-next-hover { border: 0 none; background: unset; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar tbody tr td a:hover, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar tbody tr td span:hover { text-decoration: none; } @media (min-width: 950px) { .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar tbody tr td a:hover, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar tbody tr td span:hover { background: #df1a1e; border-radius: 50%; color: #FFFFFF; height: 100%; } } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar tbody tr td:before, .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar tbody tr td:after { content: unset !important; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar tbody tr td.ui-datepicker-current-day .ui-state-active { background: #0a294c; border-radius: 50%; color: #FFFFFF; height: 100%; box-shadow: 0 5px 3px 0 rgba(10, 41, 76, 0.08); } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar tbody tr td.ui-datepicker-today a:not(.ui-state-active):before { content: ""; width: 10px; height: 10px; transform: scale(0.5); background-color: #df1a1e; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; border-radius: 50%; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer { cursor: default; display: flex; justify-content: center; margin: 28px 0; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer.condense { margin-top: -19.5px; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer .poalim-red-btn { margin: 6px; font-size: 20px; padding: 11px 34px; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer .info-btn { display: block; margin: 6px; font-size: 20px; padding: 12px 0; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer.current-day .poalim-red-btn { padding: 11px 62px; } .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer.current-day .info-btn { display: none; } html[dir=rtl] .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-prev span { background: url(../images/arrow-right.svg) center center no-repeat transparent; left: unset; right: -10; } html[dir=ltr] .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-prev span { background: url(../images/arrow-left.svg) center center no-repeat transparent; right: unset; left: -10; } html[dir=rtl] .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-next span { background: url(../images/arrow-left.svg) center center no-repeat transparent; left: 0; right: unset; } html[dir=ltr] .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .ui-datepicker-next span { background: url(../images/arrow-right.svg) center center no-repeat transparent; right: 0; left: unset; } .fer-container .notation { font-size: 14px; font-weight: normal; text-align: right; color: #0a294c; margin-top: 10px; } html[dir=ltr] .fer-container .notation { text-align: left; } .fer-container #fer-table-content { position: relative; } .fer-container #fer-table-content .notation { position: absolute; top: 0; z-index: 1; } html[dir=rtl] .fer-container #fer-table-content .notation { left: 0; } html[dir=ltr] .fer-container #fer-table-content .notation { right: 0; } .fer-container #fer-table-content .print { display: inline-block; position: absolute; top: -55px; cursor: pointer; height: 36px; width: 36px; } html[dir=rtl] .fer-container #fer-table-content .print { left: 0; } html[dir=ltr] .fer-container #fer-table-content .print { right: 0; } .fer-container #fer-table-content .print:before { content: ""; background: url(../images/print.png); background-size: contain; width: 36px; height: 36px; position: absolute; } .fer-container #fer-table-content .print:hover:before { background: url(../images/print-hover.png); background-size: contain; } .fer-container #fer-table-content table { background: transparent; box-shadow: none; border-collapse: separate !important; border-spacing: 0; overflow: auto; } .fer-container #fer-table-content table * { color: #525252; font-size: 18px; } .fer-container #fer-table-content table thead tr td { border: 0 none; border-bottom: 5px solid #f1f6fb; } html[dir=rtl] .fer-container #fer-table-content table thead tr td { text-align: right; padding-right: 30px; } html[dir=ltr] .fer-container #fer-table-content table thead tr td { text-align: left; padding-left: 30px; } html[dir=rtl] .fer-container #fer-table-content table thead tr td.publish-date, html[dir=rtl] .fer-container #fer-table-content table thead tr td.trade-date { padding-right: 0; } html[dir=ltr] .fer-container #fer-table-content table thead tr td.publish-date, html[dir=ltr] .fer-container #fer-table-content table thead tr td.trade-date { padding-left: 0; } .fer-container #fer-table-content table thead tr td.publish-date *, .fer-container #fer-table-content table thead tr td.trade-date * { font-size: 14px; } .fer-container #fer-table-content table thead tr td.publish-date span, .fer-container #fer-table-content table thead tr td.trade-date span { display: block; } .fer-container #fer-table-content table thead tr td #precent-tooltip { position: relative; width: 15px; height: 15px; display: inline-block; padding-top: 7px; transform: translateY(-3px); cursor: pointer; } html[dir=rtl] .fer-container #fer-table-content table thead tr td #precent-tooltip { margin-right: 3px; } html[dir=lrt] .fer-container #fer-table-content table thead tr td #precent-tooltip { margin-left: 3px; } .fer-container #fer-table-content table thead tr td #precent-tooltip:after { content: ""; position: absolute; background-image: url(../images/tooltip-icon.svg); background-repeat: no-repeat; background-size: contain; width: 100%; height: 100%; } .fer-container #fer-table-content table thead tr td:first-child { width: 140px; height: 44px; text-align: center !important; padding-right: 0; background: #FFFFFF; } html[dir=rtl] .fer-container #fer-table-content table thead tr td:first-child { border-left: 9px solid #f1f6fb; padding-right: 0; } html[dir=ltr] .fer-container #fer-table-content table thead tr td:first-child { border-right: 9px solid #f1f6fb; padding-left: inherit; text-align: center; } html[dir=rtl] .fer-container #fer-table-content table thead tr td:nth-child(2) { border-left: 9px solid #f1f6fb; padding-right: 0; text-align: center; } html[dir=ltr] .fer-container #fer-table-content table thead tr td:nth-child(2) { border-right: 9px solid #f1f6fb; padding-left: 0; text-align: center; } .fer-container #fer-table-content table thead tr td:not(:first-child) { background: #e6f0fb; } .fer-container #fer-table-content table thead tr:first-child td { background: #f1f6fb !important; font-size: 14px; font-weight: normal; font-style: normal; line-height: 1; text-align: right; color: #0a294c; } html[dir=ltr] .fer-container #fer-table-content table thead tr:first-child td { text-align: left; } .fer-container #fer-table-content table thead tr:first-child td * { color: #0a294c; } .fer-container #fer-table-content table thead tr:nth-child(2) td:first-child { position: relative; } .fer-container #fer-table-content table thead tr:nth-child(2) td:first-child:before { top: -1px; border: 3px solid #f1f6fb; border-bottom-color: transparent; background: transparent; } html[dir=rtl] .fer-container #fer-table-content table thead tr:nth-child(2) td:first-child:before { border-left-color: transparent; right: -1px; } html[dir=lrt] .fer-container #fer-table-content table thead tr:nth-child(2) td:first-child:before { border-right-color: transparent; left: -1px; } .fer-container #fer-table-content table thead tr:nth-child(2) td:first-child:after { top: -1px; box-shadow: 4px -5px 0 0 #f1f6fb; transform: scaleX(-1); border: 3px solid #f1f6fb; border-bottom-color: transparent; background: transparent; } html[dir=rtl] .fer-container #fer-table-content table thead tr:nth-child(2) td:first-child:after { border-right-color: transparent; right: -2px; } html[dir=ltr] .fer-container #fer-table-content table thead tr:nth-child(2) td:first-child:after { border-left-color: transparent; left: -2px; } .fer-container #fer-table-content table thead tr:nth-child(2) td:nth-child(2) { position: relative; } .fer-container #fer-table-content table thead tr:nth-child(2) td:nth-child(2):before { top: -1px; box-shadow: 4px -5px 0 0 #f1f6fb; border: 3px solid #f1f6fb; border-bottom-color: transparent; background: transparent; } html[dir=rtl] .fer-container #fer-table-content table thead tr:nth-child(2) td:nth-child(2):before { right: -1px; left: -2px; border-left-color: transparent; } html[dir=ltr] .fer-container #fer-table-content table thead tr:nth-child(2) td:nth-child(2):before { left: -1px; right: -2px; border-right-color: transparent; } .fer-container #fer-table-content table thead tr:nth-child(2) td:nth-child(2):after { transform: scaleX(-1); top: -1px; box-shadow: 4px -5px 0 0 #f1f6fb; border: 3px solid #f1f6fb; border-bottom-color: transparent; background: transparent; } html[dir=rtl] .fer-container #fer-table-content table thead tr:nth-child(2) td:nth-child(2):after { border-left-color: transparent; left: -2px; } html[dir=ltr] .fer-container #fer-table-content table thead tr:nth-child(2) td:nth-child(2):after { border-right-color: transparent; right: -2px; } .fer-container #fer-table-content table thead tr:nth-child(2) td:nth-child(3) { position: relative; } .fer-container #fer-table-content table thead tr:nth-child(2) td:nth-child(3):before { top: -1px; box-shadow: 4px -5px 0 0 #f1f6fb; border: 3px solid #f1f6fb; border-bottom-color: transparent; background: transparent; } html[dir=rtl] .fer-container #fer-table-content table thead tr:nth-child(2) td:nth-child(3):before { border-left-color: transparent; left: -2px; right: -1px; } html[dir=ltr] .fer-container #fer-table-content table thead tr:nth-child(2) td:nth-child(3):before { border-right-color: transparent; right: -2px; left: -1px; } .fer-container #fer-table-content table thead tr:nth-child(2) td:last-child { position: relative; } .fer-container #fer-table-content table thead tr:nth-child(2) td:last-child:after { transform: scaleX(-1); top: -1px; border: 3px solid #f1f6fb; border-bottom-color: transparent; background: transparent; } html[dir=rtl] .fer-container #fer-table-content table thead tr:nth-child(2) td:last-child:after { border-left-color: transparent; left: -1px; } html[dir=ltr] .fer-container #fer-table-content table thead tr:nth-child(2) td:last-child:after { border-right-color: transparent; right: -1px; } .fer-container #fer-table-content table tbody tr { border: 0 none; } .fer-container #fer-table-content table tbody tr td { border: 0 none; text-align: right; } html[dir=ltr] .fer-container #fer-table-content table tbody tr td { text-align: left; } .fer-container #fer-table-content table tbody tr td:before { display: none; } .fer-container #fer-table-content table tbody tr td.change span { direction: ltr; display: inline-block; } .fer-container #fer-table-content table tbody tr td.change:before { content: ''; display: inline-block; width: 9px; height: 13px; background-repeat: no-repeat; background-size: contain; } html[dir=rtl] .fer-container #fer-table-content table tbody tr td.change:before { margin-left: 14px; } html[dir=ltr] .fer-container #fer-table-content table tbody tr td.change:before { margin-right: 14px; } .fer-container #fer-table-content table tbody tr td.change.positive span { color: #037c09; } .fer-container #fer-table-content table tbody tr td.change.positive:before { content: ''; background-image: url(../images/up-green-arrow.svg); } .fer-container #fer-table-content table tbody tr td.change.negative span { color: #df1a1e; } .fer-container #fer-table-content table tbody tr td.change.negative:before { content: ''; background-image: url(../images/down-red-arrow.svg); } .fer-container #fer-table-content table tbody tr td.change.even:before { background-image: none; } .fer-container #fer-table-content table tbody tr td:first-child { text-align: center; background: #FFFFFF; font-weight: normal; } html[dir=rtl] .fer-container #fer-table-content table tbody tr td:first-child { border-left: 9px solid #f1f6fb; } html[dir=ltr] .fer-container #fer-table-content table tbody tr td:first-child { border-right: 9px solid #f1f6fb; text-align: center; } .fer-container #fer-table-content table tbody tr td:nth-child(2) { text-align: center; font-weight: normal; } html[dir=rtl] .fer-container #fer-table-content table tbody tr td:nth-child(2) { border-left: 9px solid #f1f6fb; } html[dir=ltr] .fer-container #fer-table-content table tbody tr td:nth-child(2) { border-right: 9px solid #f1f6fb; text-align: center; } .fer-container #fer-table-content table tbody tr td:not(:first-child) { background: #e6f0fb; } .fer-container #fer-table-content table tbody tr.last-visible td:first-child:before { bottom: 1px; box-shadow: 2px -2px 0 0 #f1f6fb; transform: rotate(180deg) scaleX(-1); display: block; content: ""; } html[dir=rtl] .fer-container #fer-table-content table tbody tr.last-visible td:first-child:before { right: 1px; } html[dir=ltr] .fer-container #fer-table-content table tbody tr.last-visible td:first-child:before { left: 1px; } .fer-container #fer-table-content table tbody tr.last-visible td:first-child:after { bottom: -1px; box-shadow: 2px -2px 0 0 #f1f6fb; transform: rotate(180deg) scaleX(1); border: 3px solid #f1f6fb; border-bottom-color: transparent; background: transparent; } html[dir=rtl] .fer-container #fer-table-content table tbody tr.last-visible td:first-child:after { border-left-color: transparent; left: -1px; } html[dir=ltr] .fer-container #fer-table-content table tbody tr.last-visible td:first-child:after { border-right-color: transparent; right: -1px; } .fer-container #fer-table-content table tbody tr.last-visible td:nth-child(2):before { bottom: -2px; box-shadow: 2px -1px 0 0 #F1F6FA; transform: rotate(180deg) scaleX(-1); content: ""; display: block; border: 3px solid #f1f6fb; border-bottom-color: transparent; background: transparent; } html[dir=rtl] .fer-container #fer-table-content table tbody tr.last-visible td:nth-child(2):before { border-left-color: transparent; right: 0px; } html[dir=ltr] .fer-container #fer-table-content table tbody tr.last-visible td:nth-child(2):before { border-right-color: transparent; left: 0px; } .fer-container #fer-table-content table tbody tr.last-visible td:nth-child(2):after { bottom: -1px; box-shadow: 2px -2px 0 0 #f1f6fb; transform: rotate(180deg) scaleX(1); border: 3px solid #f1f6fb; border-bottom-color: transparent; background: transparent; } html[dir=rtl] .fer-container #fer-table-content table tbody tr.last-visible td:nth-child(2):after { border-left-color: transparent; left: -1px; } html[dir=ltr] .fer-container #fer-table-content table tbody tr.last-visible td:nth-child(2):after { border-right-color: transparent; right: -1px; } .fer-container #fer-table-content table tbody tr.last-visible td:nth-child(3):after { height: 11px; bottom: 1px; box-shadow: 2px -2px 0 0 #f1f6fb; transform: rotate(180deg) scaleX(-1); } html[dir=rtl] .fer-container #fer-table-content table tbody tr.last-visible td:nth-child(3):after { right: 1px; } html[dir=ltr] .fer-container #fer-table-content table tbody tr.last-visible td:nth-child(3):after { left: 1px; } .fer-container #fer-table-content table tbody tr.last-visible td:last-child:after { bottom: -1px; box-shadow: 2px -2px 0 0 #f1f6fb; transform: rotate(180deg) scaleX(1); border: 3px solid #f1f6fb; border-bottom-color: transparent; background: transparent; } html[dir=rtl] .fer-container #fer-table-content table tbody tr.last-visible td:last-child:after { left: -1px; border-left-color: transparent; } html[dir=ltr] .fer-container #fer-table-content table tbody tr.last-visible td:last-child:after { right: -1px; border-right-color: transparent; } .fer-container .show-more-coins { display: none; } .days-dropdown-select { display: inline-block; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS */ } .poalim-tooltip { padding: 0; box-shadow: 0 14px 24px 0 rgba(132, 169, 204, 0.24); border-radius: 2px; border-width: 0 !important; } .poalim-tooltip .ui-tooltip-content { font-family: 'Poalim'; margin-top: -7px; direction: rtl; position: relative; padding: 8px 24px; border-radius: 2px; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; text-align: center; } .poalim-tooltip .ui-tooltip-content:before { content: ""; position: absolute; bottom: -8px; width: 10px; height: 10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #FFFFFF; } html[dir=rtl] .poalim-tooltip .ui-tooltip-content:before { left: calc(50% - 6px); } html[dir=ltr] .poalim-tooltip .ui-tooltip-content:before { right: calc(50% - 6px); } @media (min-width: 951px) { .notice-table-content { display: none; } } @media only screen and (max-width: 950px) { body .fer-container .notation { margin-top: 5px; margin-bottom: 10px; } body .fer-container .fer-title { font-size: 35px; font-weight: normal; text-align: center; color: #525252; margin-bottom: 26px; } body .fer-container .filters-container { position: static; display: block; margin-bottom: 0; } body .fer-container .filters-container .filter-label { display: block; } body .fer-container .filters-container .days-filters { width: 100%; display: flex; } body .fer-container .filters-container .days-filters button { font-family: 'Poalim'; font-size: 16px; font-weight: normal; } html[dir=rtl] body .fer-container .filters-container .days-filters button { margin-left: 6px; } html[dir=ltr] body .fer-container .filters-container .days-filters button { margin-right: 6px; } body .fer-container .filters-container .days-filters button.today { width: 62px; height: 35px; } body .fer-container .filters-container .days-filters button.yesterday { width: 76px; height: 35px; } body .fer-container .filters-container .days-filters button.dby { display: none; } body .fer-container .filters-container .days-dropdown-select { position: unset; } body .fer-container .filters-container .days-dropdown-select .base-line { height: 35px; padding: 0 13px; margin-top: -1px; line-height: 29px; } body .fer-container .filters-container .days-dropdown-select .base-line.marked { width: auto; } body .fer-container .filters-container .days-dropdown-select .base-line span { font-family: 'Poalim'; font-size: 16px; } body .fer-container .filters-container .days-dropdown-select form { width: 63px; top: 74px; height: 44px; margin-top: -41px; } body .fer-container .filters-container .days-dropdown-select form input#datepicker { position: relative; z-index: 55; top: 0; width: 110px; height: 43px; opacity: 0; cursor: pointer; font-size: 16px; } body .fer-container .filters-container .days-dropdown-select #ui-datepicker-div { position: absolute; top: unset !important; display: block; width: 93vw; } html[dir=rtl] body .fer-container .filters-container .days-dropdown-select #ui-datepicker-div { right: 15px; } html[dir=ltr] body .fer-container .filters-container .days-dropdown-select #ui-datepicker-div { left: 15px; } } @media only screen and (max-width: 950px) and (min-width: 768px) and (max-width: 950px) { body .fer-container .filters-container .days-dropdown-select #ui-datepicker-div { width: 50vw; } html[dir=rtl] body .fer-container .filters-container .days-dropdown-select #ui-datepicker-div { right: 65px; } html[dir=ltr] body .fer-container .filters-container .days-dropdown-select #ui-datepicker-div { left: 65px; } } @media only screen and (max-width: 950px) { body .fer-container .filters-container .days-dropdown-select #ui-datepicker-div:before { top: -11px; } html[dir=rtl] body .fer-container .filters-container .days-dropdown-select #ui-datepicker-div:before { right: 50px; } html[dir=ltr] body .fer-container .filters-container .days-dropdown-select #ui-datepicker-div:before { left: 50px; } body .fer-container .filters-container .days-dropdown-select #ui-datepicker-div.mobile-mode .ui-datepicker-header .ui-datepicker-title span.ui-datepicker-month, body .fer-container .filters-container .days-dropdown-select #ui-datepicker-div.mobile-mode .ui-datepicker-header .ui-datepicker-title span.ui-datepicker-year { font-family: 'Poalim'; display: inline; background: none; font-size: 18px; font-weight: normal; color: #df1a1e; padding: 0; line-height: 1; } body .fer-container .filters-container .days-dropdown-select #ui-datepicker-div table.ui-datepicker-calendar { border: 1px solid white; } body .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer #reset-date.info-btn { position: relative; display: inline-block; flex-direction: row; justify-content: space-between; align-items: center; padding: 10px 40px; border-radius: 24px; font-size: 20px; height: 44px; color: #0a294c; line-height: 0.95; border: 1px solid #0a294c; } body .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer #reset-date.info-btn:after { content: unset !important; } body .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer #reset-date.info-btn:hover { cursor: pointer; text-decoration: blink; } body .fer-container .filters-container .days-dropdown-select #ui-datepicker-div .datepicker-footer #choose-date.poalim-red-btn { margin: 6px; padding: 13px 38px; font-size: 20px; height: 43px; } body .fer-container #fer-table-content { display: none; } body .fer-container .far-mobile-content { display: block; } body .fer-container .far-mobile-content .coin-rate-wrapper { width: 100%; border-radius: 3.3px; box-shadow: 0 2px 13px 0 rgba(129, 152, 172, 0.19); background-color: #FFFFFF; margin-bottom: 13px; } body .fer-container .far-mobile-content .coin-rate-wrapper .cr-title { width: 100%; padding: 7px 15px; border-radius: 3.3px; background-color: #0a294c; color: #FFFFFF; font-weight: 300; font-size: 14px; } body .fer-container .far-mobile-content .coin-rate-wrapper .cr-yatzig-wrap { display: block; border-bottom: 2px solid #f1f6fb; padding: 7px 15px; } body .fer-container .far-mobile-content .coin-rate-wrapper .cr-yatzig-wrap .cr-publish-date { font-size: 10px; font-weight: 300; color: #0a294c; } html[dir=rtl] body .fer-container .far-mobile-content .coin-rate-wrapper .cr-yatzig-wrap .cr-publish-date { text-align: right; } html[dir=ltr] body .fer-container .far-mobile-content .coin-rate-wrapper .cr-yatzig-wrap .cr-publish-date { text-align: left; } body .fer-container .far-mobile-content .coin-rate-wrapper .cr-yatzig-wrap .cr-yatzig { font-size: 16px; font-weight: normal; text-align: right; color: #525252; margin-top: -6px; } html[dir=ltr] body .fer-container .far-mobile-content .coin-rate-wrapper .cr-yatzig-wrap .cr-yatzig { text-align: left; } body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap { background: #FFFFFF; padding: 6px 15px 13px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .day-trade { font-size: 10px; font-weight: 300; text-align: right; color: #0a294c; } html[dir=ltr] body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .day-trade { text-align: left; } body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .precent-change { margin-top: -8px; } body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .precent-change .precent-title, body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .precent-change .precent-value { font-size: 16px; font-weight: normal; color: #525252; unicode-bidi: plaintext; text-align: right; } html[dir=ltr] body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .precent-change .precent-title, html[dir=ltr] body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .precent-change .precent-value { text-align: left; } body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .precent-change .precent-value:before { content: ''; display: inline-block; width: 9px; height: 11px; background-repeat: no-repeat; background-size: contain; } html[dir=rtl] body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .precent-change .precent-value:before { margin-right: 6px; } html[dir=ltr] body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .precent-change .precent-value:before { margin-left: 6px; } body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .precent-change .precent-value.negative { position: relative; color: #df1a1e; } body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .precent-change .precent-value.negative:before { content: ''; background-image: url(../images/down-red-arrow.svg); } body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .precent-change .precent-value.positive { color: #037c09; } body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .precent-change .precent-value.positive:before { content: ''; background-image: url(../images/up-green-arrow.svg); } body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .precent-change .precent-value.even:before { background-image: url(../images/no-change-line.svg); vertical-align: bottom; } body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .chk-cash-values { display: flex; flex-wrap: wrap; } body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .chk-cash-values .chk-cash-value-wrap { flex: 0 0 50%; line-height: 1.1; margin: 2px 0; } body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .chk-cash-values .chk-cash-value-wrap .chk-cash-title { font-size: 14px; font-weight: normal; text-align: right; color: #525252; } html[dir=ltr] body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .chk-cash-values .chk-cash-value-wrap .chk-cash-title { text-align: left; } body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .chk-cash-values .chk-cash-value-wrap .chk-cash-value { font-size: 14px; font-weight: 300; font-style: normal; text-align: right; color: #525252; } html[dir=ltr] body .fer-container .far-mobile-content .coin-rate-wrapper .cr-trade-day-wrap .chk-cash-values .chk-cash-value-wrap .chk-cash-value { text-align: left; } body .fer-container .far-mobile-content.popular-items .coin-rate-wrapper:not(.popular) { display: none !important; } body .fer-container .show-more-coins { display: block; text-align: center; font-size: 16px; font-weight: normal; letter-spacing: normal; color: #0a294c; } body .fer-container .show-more-coins span { text-decoration: underline; cursor: pointer; } body .fer-container .show-more-coins span.more { display: none; } body .fer-container .show-more-coins span.less { display: block; } body .fer-container .show-more-coins.closed span.more { display: inline-block; } body .fer-container .show-more-coins.closed span.less { display: none; } } .fr-table.press-release-component { padding-bottom: 50px; } .fr-table.press-release-component .tables-content { padding: 0; } .fr-table.press-release-component .tables-content .table-title { padding-bottom: 15px; font-size: 25px; color: #525252; } .fr-table.press-release-component .tables-content table { margin-bottom: 35px; background: #FFF; border-radius: 9px; } .fr-table.press-release-component .tables-content table tr td.section { display: block; padding: 30px 63px 20px; color: #df1a1e; font-size: 25px; width: inherit; max-width: inherit; line-height: inherit; height: inherit; } @media (max-width: 768px) { .fr-table.press-release-component .tables-content table tr td.section { padding: 16px 20px; } } .fr-table.press-release-component .tables-content table tr td.section .category { margin-bottom: 25px; } @media (max-width: 768px) { .fr-table.press-release-component .tables-content table tr td.section .category { text-align: right; } html[dir=ltr] .fr-table.press-release-component .tables-content table tr td.section .category { text-align: left; } } .fr-table.press-release-component .tables-content table tr td.section .items .item { margin-bottom: 15px; text-align: right; } html[dir=ltr] .fr-table.press-release-component .tables-content table tr td.section .items .item { text-align: left; } .fr-table.press-release-component .tables-content table tr td.section .items .item a { display: flex; font-size: 20px; color: #525252; } .fr-table.press-release-component .tables-content table tr td.section .items .item a img { width: auto; height: 38px; } .fr-table.press-release-component .tables-content table tr td.section .items .item a span { position: relative; } html[dir=ltr] .fr-table.press-release-component .tables-content table tr td.section .items .item a span { padding-left: 15px; } html[dir=rtl] .fr-table.press-release-component .tables-content table tr td.section .items .item a span { padding-right: 15px; } .fr-table.press-release-component .tables-content table tr td.section .items .item a.item-link::after, .fr-table.press-release-component .tables-content table tr td.section .items .item a.item-file::after { content: none; } .fr-table.press-release-component .tables-content table tr td.section .items .item a.item-link span::after { display: inline-block; content: " "; background: transparent url(../images/arrow-left.svg) no-repeat center center; background-size: contain; width: 13px; height: 13px; bottom: 3px; position: absolute; top: 50%; margin-top: -7.5px; } html[dir=rtl] .fr-table.press-release-component .tables-content table tr td.section .items .item a.item-link span::after { left: -25px; margin-right: 10px; } html[dir=ltr] .fr-table.press-release-component .tables-content table tr td.section .items .item a.item-link span::after { right: -25px; margin-left: 10px; transform: rotate(180deg); } .fr-table.press-release-component .tables-content table tr td.section .items .item a:hover { text-decoration: inherit; } .fr-table.press-release-component .tables-content table.historical { margin-top: 50px; } .fr-table.press-release-component .view-custom-filters .filters-container .years-filters .filter-item { margin-bottom: 5px; } .fr-table.press-release-component .view-custom-filters .filters-container .years-dropdown-select { z-index: 100; } @media (max-width: 768px) { .fr-table.press-release-component .view-custom-filters .filters-container .years-dropdown-select { width: 100%; display: inline; } } .fr-table.press-release-component .view-custom-filters .filters-container .years-dropdown-select .base-line { display: inline-flex; padding-right: 20px; padding-left: 20px; margin-top: 1px; width: auto; min-width: 63.3px; } .fr-table.press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values .select-text { width: 100%; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background: #525252; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track { background: #f1f6fb; } .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical { width: 7px; } .os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { padding: 15px 2px; } .os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { margin-right: 6px; } .os-viewport { padding: 0 10px 0 0; } #exchangeModal { background: rgba(0, 0, 0, 0.58); } #exchangeModal .modal-dialog { top: 10vh; margin: 0 auto; width: 346px; height: 506px; border-radius: 6px; box-shadow: 0 2px 6px 0 rgba(29, 29, 29, 0.1); } #exchangeModal .modal-dialog .modal-content { height: 100%; width: 100%; border: none; background: transparent; } #exchangeModal .modal-dialog .modal-content .modal-body { height: 100%; padding: 0; margin: 0; } #exchangeModal .modal-dialog .modal-content .modal-body button { position: absolute; top: 6px; left: 12px; } #exchangeModal .modal-dialog .modal-content .modal-body button img { height: 12px; width: 12px; } #exchangeModal .modal-dialog .modal-content .modal-body iframe { height: 100%; width: 100%; border: none; border-radius: 6px; } #exchangeModal .modal-dialog .modal-content .modal-body iframe.desktop-iframe { display: none; } #exchangeModal .modal-dialog .modal-content .modal-body iframe body { padding: 0; } .bar-row { display: none; padding: 14px 0 20px; background: #FFFFFF; } .bar-row .bar-item { display: flex; justify-content: center; } .bar-row .bar-item .bar-item-text { display: none; } .bar-row .bar-item .bar-item-content { width: 13px; height: 13px; border-radius: 50px; background-color: #e3e5eb; color: #656d83; } .bar-row .bar-item .bar-item-content .bar-item-num { display: none; } .bar-row .bar-item .bar-item-content:after { content: ' '; position: absolute; left: 0; width: 43%; height: 1px; top: 50%; background-color: #e3e5eb; } .bar-row .bar-item .bar-item-content:before { content: ' '; position: absolute; right: 0; width: 43%; height: 1px; top: 50%; background-color: #e3e5eb; } .bar-row .bar-item:last-child .bar-item-content:after { content: none; } .bar-row .bar-item:first-child .bar-item-content { background-color: #c40019; } .bar-row .bar-item:first-child .bar-item-content:before { content: none; } .currency-exchange-wrapper { margin: 0 0 50px; } .currency-exchange-wrapper .currency-exchange-container { position: relative; color: #525252; padding: 0 43px; } .currency-exchange-wrapper .currency-exchange-container:before { content: ''; position: absolute; top: 13px; left: 88%; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #f1f6fb; border-top: 0; margin-left: -11px; margin-top: -22px; z-index: 999; } .currency-exchange-wrapper .currency-exchange-container .headers-row .desktop-headers { display: none; } .currency-exchange-wrapper .currency-exchange-container .headers-row .mobile-headers { text-align: center; padding-top: 10px; } .currency-exchange-wrapper .currency-exchange-container .headers-row .mobile-headers .main-title { font-size: 20px; font-weight: bold; line-height: normal; } .currency-exchange-wrapper .currency-exchange-container .headers-row .mobile-headers .sub-title { font-size: 18px; font-weight: normal; line-height: 1.39; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row { position: relative; flex-direction: column; margin: 15px 0 0; display: flex; align-items: center; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .replace-components-wrapper { display: flex; justify-content: center; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .replace-components-wrapper .replace-components-img { cursor: pointer; margin: 13px 0 6px; height: 36px; width: 36px; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube { background-color: #FFFFFF; border-radius: 2px; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.14); } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-header-wrapper .cube-header-row { min-height: 50px; border-radius: 2px; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.14); display: flex; align-items: center; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-header-wrapper .cube-header-row.open-ddl { box-shadow: none; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-header-wrapper .cube-header-row .coin-code { font-size: 22px; font-weight: normal; line-height: normal; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-header-wrapper .cube-header-row .coin-long-name { font-size: 18px; font-weight: normal; line-height: normal; word-break: break-word; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-header-wrapper .cube-header-row .cube-img-col .cube-img { width: 24px; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row { position: absolute; top: 0; width: 100%; min-height: 50px; flex-direction: row-reverse; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown { width: 100%; display: flex; align-items: center; justify-content: flex-end; padding: 0 10px 0 0; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown button { width: 100%; background: transparent; display: flex; justify-content: flex-end; border: none; box-shadow: none; float: left; padding: 0 20px; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown button .coin-arrow-img { transform: rotate(-90deg); height: 15px; width: 15px; margin-top: 5px; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown button:after { content: none; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown .more-options-wrapper { width: 100%; overflow: scroll; transform: inherit !important; height: 307px; margin-top: 59px; border: none; border-top-right-radius: 0; border-top-left-radius: 0; padding: 0; direction: ltr; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown .more-options-wrapper .dropdown-item { position: relative; padding: 0; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown .more-options-wrapper .dropdown-item.selected .more-options-item .more-options-selected-img { display: flex; justify-content: start; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown .more-options-wrapper .dropdown-item:after { content: ''; position: absolute; top: 0; border-top: 1px solid #d7d7d7; width: 57%; margin: 0 auto; left: 0; right: 0; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown .more-options-wrapper .dropdown-item:first-child:after { content: none; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown .more-options-wrapper .dropdown-item .more-options-item { height: 59px; font-size: 18px; font-weight: 500; line-height: normal; color: #525252; display: flex; align-items: center; position: relative; direction: rtl; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown .more-options-wrapper .dropdown-item .more-options-item .more-options-item-img { color: #5c5c5c; display: flex; justify-content: flex-end; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown .more-options-wrapper .dropdown-item .more-options-item .more-options-item-img img { max-width: 24px; max-height: 24px; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown .more-options-wrapper .dropdown-item .more-options-item .more-options-selected-img { display: none; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-calculate-row .calculate-input-wrapper { display: flex; justify-content: center; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-calculate-row .calculate-input-wrapper input, .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-calculate-row .calculate-input-wrapper .input-res { text-align: center; border: none; font-size: 40px; font-weight: 300; line-height: 0.5; letter-spacing: -1px; color: #5c5c5c; border-bottom: #525252 2px solid; width: 85%; background: transparent; height: 50px; text-transform: color(#e61e28); box-shadow: none; border-radius: 0; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-calculate-row .calculate-input-wrapper input strong, .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-calculate-row .calculate-input-wrapper .input-res strong { font-size: 24px; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-calculate-row .calculate-input-wrapper .input-res { line-height: normal; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-calculate-row .error-message { font-size: 14px; font-weight: 300; line-height: normal; text-align: center; color: #ec2433; height: 17px; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-calculate-row .error-message .error-text { display: none; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-calculate-row .exchange_message { font-size: 16px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: right; margin-bottom: 6px; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-calculate-row .exchange_message p { margin: 0; text-align: center; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-calculate-row .exchange_message p:first-child { font-weight: 400; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-calculate-row .exchange_message p:first-child:after { content: ' '; white-space: pre; } .currency-exchange-wrapper .currency-exchange-container .btn-link-row { margin-bottom: 11px; } .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col { padding: 0; margin: 22px 0 0; } .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn-large, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn-small, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .link { width: 100%; height: 44px; text-align: center; display: flex; justify-content: center; border: none; } .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .link.desktop-link { display: none; } .currency-exchange-wrapper .currency-exchange-container .legal-message-row { font-size: 13px; line-height: 1; text-align: center; } .currency-exchange-wrapper .currency-exchange-container .legal-message-row .desktop-legal-message { display: none; } @media (min-width: 1024px), (orientation: landscape) { .os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { margin-right: 12px; } .os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { padding: 26px 2px; } .os-viewport { padding: 0; } #exchangeModal .modal-dialog { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 394px; height: 554px; } #exchangeModal .modal-dialog .modal-content .modal-body iframe.mobile-iframe { display: none; } #exchangeModal .modal-dialog .modal-content .modal-body iframe.desktop-iframe { display: block; } .currency-exchange-wrapper { margin-top: 25px; } .currency-exchange-wrapper .currency-exchange-container { padding: 0; } .currency-exchange-wrapper .currency-exchange-container:before { content: none; } .currency-exchange-wrapper .currency-exchange-container .bar-row { display: block; padding: 32px 0 46px; background: transparent; } .currency-exchange-wrapper .currency-exchange-container .bar-row .bar-col { margin: auto; } .currency-exchange-wrapper .currency-exchange-container .bar-row .bar-item .bar-item-text { display: block; font-size: 15px; font-weight: 500; line-height: normal; letter-spacing: -0.25px; color: #656d83; } .currency-exchange-wrapper .currency-exchange-container .bar-row .bar-item .bar-item-inner { width: 100%; display: flow-root; align-items: center; text-align: center; justify-content: center; } .currency-exchange-wrapper .currency-exchange-container .bar-row .bar-item .bar-item-content { width: 25px; height: 25px; margin: auto; display: flex; align-items: center; justify-content: center; } .currency-exchange-wrapper .currency-exchange-container .bar-row .bar-item .bar-item-content .bar-item-num { display: block; font-size: 11px; font-weight: bold; line-height: normal; letter-spacing: -0.18px; text-align: center; } .currency-exchange-wrapper .currency-exchange-container .bar-row .bar-item .bar-item-content:after { width: 42%; top: 12px; background-color: #656d83; } .currency-exchange-wrapper .currency-exchange-container .bar-row .bar-item .bar-item-content:before { width: 42%; top: 12px; background-color: #656d83; } .currency-exchange-wrapper .currency-exchange-container .bar-row .bar-item:first-child .bar-item-content { color: #FFFFFF; background-color: #e61e28; } .currency-exchange-wrapper .currency-exchange-container .bar-row .bar-item:first-child .bar-item-text { color: #e61e28; } .currency-exchange-wrapper .currency-exchange-container .headers-row .desktop-headers { display: block; text-align: center; } .currency-exchange-wrapper .currency-exchange-container .headers-row .desktop-headers .main-title { font-size: 42px; font-weight: normal; line-height: normal; margin-bottom: 2px; } .currency-exchange-wrapper .currency-exchange-container .headers-row .desktop-headers .sub-title { font-size: 24px; font-weight: normal; line-height: 1.04; } .currency-exchange-wrapper .currency-exchange-container .headers-row .mobile-headers { display: none; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row { margin-top: 0; flex-direction: row; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .replace-components-wrapper { align-items: center; height: 290px; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .replace-components-wrapper .replace-components-img { height: 40px; width: 40px; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube { border-radius: 6px; box-shadow: 0 8px 16px 0 rgba(129, 152, 172, 0.25); } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-header-wrapper .cube-header-row { height: 84px; border-radius: 6px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.07); color: #676767; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-header-wrapper .cube-header-row .coin-code { position: relative; padding-bottom: 6px; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-header-wrapper .cube-header-row .coin-code:after { content: ' '; height: 1px; width: 100%; position: absolute; bottom: 0; left: 0; background: #979797; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-header-wrapper .cube-header-row .cube-img-col .cube-img { width: 45px; height: 45px; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row { height: 84px; padding: 0; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown button { padding: 0 30px; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown .more-options-wrapper { width: 100%; overflow: hidden; overflow-y: scroll; transform: inherit !important; margin-top: 93px; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown .more-options-wrapper .dropdown-item:after { content: ''; position: absolute; top: 0; border-top: 1px solid #d7d7d7; width: 57%; margin: 0 auto; left: 0; right: 0; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown .more-options-wrapper .dropdown-item .more-options-item { height: 58px; font-size: 18px; color: #5c5c5c; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown .more-options-wrapper .dropdown-item .more-options-item .more-options-item-img { display: flex; justify-content: center; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown .more-options-wrapper .dropdown-item .more-options-item .more-options-item-img img { max-width: 30px; max-height: 30px; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-dropdowm-row .dropdown .more-options-wrapper .dropdown-item.selected .more-options-item .more-options-selected-img { justify-content: center; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-calculate-row .calculate-input-wrapper { margin-bottom: 1px; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-calculate-row .calculate-input-wrapper input, .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-calculate-row .calculate-input-wrapper .input-res { margin-top: 25px; font-size: 55px; line-height: normal; letter-spacing: 0.2px; width: 85%; height: 66px; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-calculate-row .error-message { font-size: 18px; text-align: center; height: 22px; margin-bottom: 17px; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-calculate-row .error-message .error-text { display: none; } .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-calculate-row .exchange_message { display: flex; justify-content: center; font-size: 18px; margin-bottom: 53px; color: #5c5c5c; unicode-bidi: bidi-override; } } @media (min-width: 1024px) and (max-width: 1500px), (orientation: landscape) and (max-width: 1500px) { .currency-exchange-wrapper .currency-exchange-container .matach-cube-row .matach-cube .cube-calculate-row .exchange_message { display: inline; } } @media (min-width: 1024px), (orientation: landscape) { .currency-exchange-wrapper .currency-exchange-container .btn-link-row { margin-bottom: 13px; } .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col { margin: 47px 0 0; } .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn-large, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .btn-small, .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .link { min-height: 38px; } .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .link.desktop-link { display: block; } .currency-exchange-wrapper .currency-exchange-container .btn-link-row .btn-link-col .link.mobile-link { display: none; } .currency-exchange-wrapper .currency-exchange-container .legal-message-row { font-size: 18px; line-height: 1.11; color: #5c5c5c; } .currency-exchange-wrapper .currency-exchange-container .legal-message-row .mobile-legal-message { display: none; } .currency-exchange-wrapper .currency-exchange-container .legal-message-row .desktop-legal-message { display: block; } } .taarifon-page { color: #525252; } .taarifon-page .taarifon-header { text-align: center; color: #525252; letter-spacing: -0.49px; line-height: normal; margin: 61px 0 65px; } .taarifon-page .taarifon-tabs { border-bottom: 1px solid #c1d8ea; } .taarifon-page .taarifon-tabs .big-business-btn { text-align: center; } .taarifon-page .taarifon-tabs .small-business-btn, .taarifon-page .taarifon-tabs .big-business-btn { color: #525252; background: transparent; border: 0; font-size: 25px; padding: 0 25px 14px; cursor: pointer; position: relative; margin: 0 20px; } .taarifon-page .taarifon-tabs .small-business-btn.active:after, .taarifon-page .taarifon-tabs .big-business-btn.active:after { content: ''; height: 4px; position: absolute; right: 0; left: 0; bottom: -3px; background-image: linear-gradient(to left, #c01039, #dc1223 67%, #de1e1e 84%, #e02a19); border-radius: 4px; } .taarifon-page .taarifon-tabs .small-business-btn .tab-tooltip, .taarifon-page .taarifon-tabs .big-business-btn .tab-tooltip { width: 33px; height: 15px; display: inline-block; position: absolute; top: 0; bottom: 0; background: url(../images/info.png) no-repeat center center; background-size: auto; margin-top: 14px; } html[dir=ltr] .taarifon-page .taarifon-tabs .small-business-btn .tab-tooltip, html[dir=ltr] .taarifon-page .taarifon-tabs .big-business-btn .tab-tooltip { left: unset; right: 19px; } .taarifon-page .taarifon-tabs .small-business-btn .tab-tooltip span, .taarifon-page .taarifon-tabs .big-business-btn .tab-tooltip span { opacity: 0; transition: opacity .6s; position: absolute; padding: 12px 20px; z-index: 1; font-size: 16px; font-weight: 300; width: 180px; border-radius: 6px; box-shadow: 0 14px 24px 0 rgba(132, 169, 204, 0.24); line-height: 14px; top: 34px; background: white; cursor: auto; } html[dir=rtl] .taarifon-page .taarifon-tabs .small-business-btn .tab-tooltip span, html[dir=rtl] .taarifon-page .taarifon-tabs .big-business-btn .tab-tooltip span { left: -90px; } html[dir=ltr] .taarifon-page .taarifon-tabs .small-business-btn .tab-tooltip span, html[dir=ltr] .taarifon-page .taarifon-tabs .big-business-btn .tab-tooltip span { right: -90px; } .taarifon-page .taarifon-tabs .small-business-btn .tab-tooltip span:before, .taarifon-page .taarifon-tabs .big-business-btn .tab-tooltip span:before { bottom: 100%; border: solid transparent; content: " "; position: absolute; pointer-events: none; width: 0px; height: 0px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 6px solid white; } html[dir=rtl] .taarifon-page .taarifon-tabs .small-business-btn .tab-tooltip span:before, html[dir=rtl] .taarifon-page .taarifon-tabs .big-business-btn .tab-tooltip span:before { left: 50%; } html[dir=ltr] .taarifon-page .taarifon-tabs .small-business-btn .tab-tooltip span:before, html[dir=ltr] .taarifon-page .taarifon-tabs .big-business-btn .tab-tooltip span:before { right: 50%; } .taarifon-page .taarifon-tabs .small-business-btn .tab-tooltip span.active, .taarifon-page .taarifon-tabs .big-business-btn .tab-tooltip span.active { visibility: visible; opacity: 1; } .taarifon-page .taarifon-tabs-content { color: #525252; } .taarifon-page .taarifon-tabs-content .taarifon-content { margin: 42px 0 50px; } .taarifon-page .taarifon-tabs-content .taarifon-content .taarifon-tab-content { display: none; } .taarifon-page .taarifon-tabs-content .taarifon-content .taarifon-tab-content.active { display: inherit; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .tile-xls a { background: url(../images/group-44.png) no-repeat center center; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .tile-xls a:hover { background: url(../images/xls-hover.png) no-repeat center center; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .tile-pdf a { background: url(../images/pdf.png) no-repeat center center; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .tile-pdf a:hover { background: url(../images/pdf-hover.png) no-repeat center center; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .tile-print-js { background: url(../images/print.png) no-repeat center center; width: 44px; height: 44px; margin: 0 6px; -webkit-appearance: none; box-shadow: none; border: none; background-size: 44px; font-size: 0; cursor: pointer; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .tile-print-js:hover { background: url(../images/print-hover.png) no-repeat center center; background-size: 44px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .row { border-radius: 4px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile { border-radius: 4px; box-shadow: 0 3px 9px 0 rgba(129, 152, 172, 0.18); margin-bottom: 30px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-description { padding: 23px 32px 36px; background-color: #FFFFFF; box-shadow: 0 3px 9px 0 rgba(129, 152, 172, 0.18); margin: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-description .tile-top { display: flex; justify-content: space-between; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-description .tile-top .tile-title { white-space: nowrap; font-size: 36px; letter-spacing: -0.35px; margin: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-description .tile-top .tile-files { display: inherit; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-description .tile-top .tile-files > div { display: inline-block; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-description .tile-top .tile-files > div a { display: block; width: 44px; height: 44px; margin: 0 6px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-description .tile-top .tile-files > div:last-child a { margin: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-description .tile-text { font-size: 20px; font-weight: 300; letter-spacing: -0.19px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line { box-shadow: 0 3px 9px 0 rgba(129, 152, 172, 0.18); padding: 20px 35px 20px; position: relative; background-color: #FFFFFF; margin: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line:after { content: ''; background: #e5e6e7; height: 1px; position: absolute; bottom: 0; right: 0; left: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line.last:after { content: none; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text { display: inline-table; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .tile-line-title { font-size: 25px; letter-spacing: -0.24px; margin-bottom: 2px; cursor: pointer; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics { position: relative; white-space: nowrap; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic { display: inline-block; font-size: 20px; font-weight: 300; padding: 0 13px; position: relative; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic.not-hidden:before { content: ''; position: absolute; height: 29px; width: 1px; top: 4px; background: #e5e6e7; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic.not-hidden:before { right: 0; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic.not-hidden:before { left: 0; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic.not-hidden.first-not-hidden, html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic.not-hidden:first-child { padding-right: 0; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic.not-hidden.first-not-hidden, html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic.not-hidden:first-child { padding-left: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic.not-hidden.first-not-hidden:before, .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic.not-hidden:first-child:before { content: none; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic.hidden { display: none; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic:first-child { padding-right: 0; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic:first-child { padding-left: 0; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic:first-child { padding-right: unset; padding-left: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic:first-child.active .sub-topic-title:after { right: -8px; top: 47px; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic:first-child.active .sub-topic-title:after { right: unset; left: -8px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic.active .sub-topic-title:after { content: ''; height: 4px; position: absolute; right: -2px; bottom: -21.5px; background-image: linear-gradient(to left, #c01039, #dc1223 67%, #de1e1e 84%, #e02a19); border-radius: 4px; z-index: 1; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic.active .sub-topic-title:after { left: 2.1px; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic.active .sub-topic-title:after { right: 2.1px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic .sub-topic-title { cursor: pointer; direction: ltr; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic .sub-topic-title { direction: rtl; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic .sub-topic-list { display: none; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic .sub-topic-list.visual-list { display: inherit; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .more-topics { position: relative; color: #df1a1e; font-size: 20px; letter-spacing: -0.19px; padding: 0; cursor: pointer; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .more-topics { margin-right: 3px; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .more-topics { margin-left: 3px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .more-topics.show-bubble:before { content: ''; position: absolute; top: 25.5px; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: rgba(82, 82, 82, 0.17); border-top: 0; z-index: 99999; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .more-topics.show-bubble:before { left: calc(50% - 10px); } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .more-topics.show-bubble:before { right: calc(50% - 10px); } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .more-topics.show-bubble:after { content: ''; position: absolute; top: 28px; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: white; border-top: 0; z-index: 999999; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .more-topics.show-bubble:after { left: calc(50% - 10px); } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .more-topics.show-bubble:after { right: calc(50% - 10px); } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .dropdown-content { top: calc(100% + 9px) !important; list-style: none; padding: 5px; border-radius: 2px; border: solid 1px rgba(82, 82, 82, 0.17); min-width: 300px; width: auto !important; box-shadow: 0 11px 19px 0 rgba(132, 169, 204, 0.24); } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .dropdown-content li { text-align: right; border-radius: 4px; padding: 0 5px; display: flex; align-items: center; color: #03294c; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .dropdown-content li { text-align: left; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .dropdown-content li:hover { color: #FFFFFF; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-arrow { display: none; position: absolute; width: 16px; height: 15px; bottom: 19px; background: transparent url(/sites/all/themes/poalim/images/arrow-left.svg) no-repeat center center; background-size: contain; transform: rotate(90deg); cursor: pointer; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-arrow { left: 36px; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-arrow { right: 36px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line.level3-open { position: relative; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line.level3-open .tile-line-arrow { display: inline-block; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line.level3-open + div + div { margin-top: 10px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list { margin: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list .level3-item { position: relative; font-size: 20px; font-weight: 300; letter-spacing: -0.19px; padding: 18px 136px 16px; background-color: #FFFFFF; min-height: 64px !important; padding-top: 18px !important; display: block !important; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list .level3-item .loader-image { height: 150px; display: none; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list .level3-item:after { content: ''; background: #e5e6e7; height: 1px; position: absolute; bottom: 0; right: 0; left: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list .level3-item span { cursor: pointer; position: relative; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list .level3-item span:after { content: ''; display: inline-block; width: 45px; height: 15px; transform: rotate(-90deg); margin: auto; margin-bottom: -3px; background: transparent url(/sites/all/themes/poalim/images/arrow-left-blue.svg) no-repeat center center; background-size: contain; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list .level3-item .taarifon-mobile-wrapper { display: none; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data { box-shadow: 0 14px 24px 0 rgba(132, 169, 204, 0.24); } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations { display: none; background-color: #f1f6fb; box-shadow: inset 0px 9px 9px -7px rgba(129, 152, 172, 0.18); padding: 15px 136px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .level3-title.hidden { display: none; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data { height: 0; transition: max-height 0.5s; max-height: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data.open { height: auto; max-height: 5000px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data span { font-size: 20px; font-weight: normal; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data span:after { transform: rotate(90deg); } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-top-text { margin: 30px 0; padding: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-top-text > div > * { display: inline; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-table-wrapper { margin-bottom: 30px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-table-wrapper .taarifon-table { width: 100%; border-top: 1px #e5e6e7 solid; border-bottom: 1px #e5e6e7 solid; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-table-wrapper .taarifon-table th { border-bottom: #757575 1px solid; width: 25%; font-size: 20px; font-weight: bold; line-height: 2.25; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-table-wrapper .taarifon-table td { border-bottom: #e5e6e7 1px solid; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.25; letter-spacing: normal; text-align: right; direction: rtl; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-table-wrapper .taarifon-table tbody td .commission-td { max-width: 300px; display: block; margin: 0 auto; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-bottom-text { margin-bottom: 75px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-bottom-text .bottom-description { line-height: normal; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-bottom-text .bottom-description > div strong { display: inline; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-bottom-text .bottom-description > div div:first-of-type { display: inline-block; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations:after { content: none; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .commissions-wrapper { display: none; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .commissions-wrapper .bg-p { margin: 0; height: 0; color: #f1f6fb; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .loader-image { display: none; margin: 50px 130px; height: 150px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content { display: block; padding: 70px 170px 60px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-description { font-weight: 300; margin-bottom: 10px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table { margin-bottom: 30px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table { width: 100%; border-radius: 5px; overflow: hidden; position: relative; table-layout: fixed; text-align: center; opacity: 0.99; background-color: #FFFFFF; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table thead { background-color: #f1f6fb; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table thead tr th { border-bottom: #f1f6fb 15px solid; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table thead tr th div { font-weight: 300; padding: 12px 5px; font-size: 18px; line-height: 15px; background: #092647; border-radius: 5.4px; color: #FFFFFF; text-align: center; margin: 0 6px; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table thead tr th:first-child div { margin-right: 0; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table thead tr th:first-child div { margin-left: 0; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table thead tr th:last-child div { margin-left: 0; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table thead tr th:last-child div { margin-right: 0; } html[dir=rtl] html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table thead tr th:first-child div { margin-right: 6px; margin-left: 0; } html[dir=ltr] html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table thead tr th:first-child div { margin-left: 6px; margin-right: 0; } html[dir=rtl] html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table thead tr th:last-child div { margin-left: 6px; margin-right: 0; } html[dir=ltr] html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table thead tr th:last-child div { margin-right: 6px; margin-left: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table tbody tr:last-child td { border-bottom: none; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table tbody tr td { font-size: 16px; font-weight: 300; line-height: 16px; padding: 16px 30px; position: relative; border: 2px solid #f1f6fb; direction: ltr; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table tbody tr td:before { content: " "; width: 29px; height: 0px; bottom: -2px; display: block; background: #f1f6fb; position: absolute; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table tbody tr td:before { right: 0; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table tbody tr td:before { left: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table tbody tr td:after { content: " "; width: 2px; height: 17px; display: block; background: #f1f6fb; position: absolute; top: 0; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table tbody tr td:after { left: -2px; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table tbody tr td:after { right: -2px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table table tbody tr td .commission-td { max-width: 300px; display: block; margin: 0 auto; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile.benefits .tile-description .tile-top { margin-bottom: 15px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile.benefits .tile-text .benefit-item { display: table; margin-bottom: 8px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile.benefits .tile-text .benefit-item .tile-pdf { display: table-cell; vertical-align: top; width: 44px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile.benefits .tile-text .benefit-item .tile-pdf a { display: block; width: 44px; height: 44px; margin: 0 6px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile.benefits .tile-text .benefit-item .file-text { display: flex; align-items: center; height: 40px; } @media (max-width: 768px) { .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile.benefits .tile-text .benefit-item .file-text { height: 30px; } } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile.full .tile-description { position: relative; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile.full .tile-description:after { content: ''; background: #e5e6e7; height: 1px; position: absolute; bottom: 0; right: 0; left: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile.inst .tile-description { position: relative; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile.inst .tile-description:after { content: ''; background: #e5e6e7; height: 1px; position: absolute; bottom: 0; right: 0; left: 0; } @media (max-width: 769px) { .taarifon-page .taarifon-header { font-size: 35px; letter-spacing: -0.34px; margin: 48px 0 47px; } .taarifon-page .taarifon-tabs .container { padding: 0; } .taarifon-page .taarifon-tabs .container .row { padding: 0 40px; } .taarifon-page .taarifon-tabs .container .row .small-business-btn, .taarifon-page .taarifon-tabs .container .row .big-business-btn { font-size: 16px; letter-spacing: -0.18px; margin: 0; padding-bottom: 10px; line-height: 1; text-align: center; } .taarifon-page .taarifon-tabs .container .row .small-business-btn.active:after, .taarifon-page .taarifon-tabs .container .row .big-business-btn.active:after { content: ''; height: 4px; position: absolute; right: 0; left: 0; bottom: -3px; background-image: linear-gradient(to left, #c01039, #dc1223 67%, #de1e1e 84%, #e02a19); border-radius: 4px; } .taarifon-page .taarifon-tabs .container .row .small-business-btn .tab-tooltip, .taarifon-page .taarifon-tabs .container .row .big-business-btn .tab-tooltip { top: -8px; background-size: 12px; } .taarifon-page .taarifon-tabs .container .row .small-business-btn.big-business-btn, .taarifon-page .taarifon-tabs .container .row .big-business-btn.big-business-btn { width: 40%; } .taarifon-page .taarifon-tabs .container .row .small-business-btn.small-business-btn, .taarifon-page .taarifon-tabs .container .row .big-business-btn.small-business-btn { width: 60%; } .taarifon-page .taarifon-tabs-content { padding: 0; margin: 0; width: 100%; max-width: 100%; } .taarifon-page .taarifon-tabs-content .taarifon-content { margin: 34px 0 50px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container { max-width: 100%; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile { margin-bottom: 20px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-description { padding: 20px 0; margin-left: -15px; margin-right: -15px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-description .tile-top { margin-bottom: 16px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-description .tile-top .tile-title { font-size: 30px; letter-spacing: -0.29px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-description .tile-top .tile-files > div a { height: 36px; width: 36px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-description .tile-top .tile-files > div:last-child a { margin: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-description .tile-text { font-size: 18px; line-height: normal; letter-spacing: normal; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list { margin-left: -15px; margin-right: -15px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line { padding: 15px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text { padding: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .tile-line-title { font-size: 20px; margin-bottom: 0px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .dropdown-content { width: 100% !important; top: 39px !important; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .dropdown-content { right: 0 !important; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .dropdown-content { left: 0 !important; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .dropdown-content li { font-size: 16px; font-weight: 300; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic { font-size: 16px; letter-spacing: -0.16px; display: inline-block; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic .sub-topic-title:after { top: 38px !important; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic .sub-topic-title { width: 100%; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic:after { height: 24px; top: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .line-sub-topic.not-hidden:before { height: 20px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .more-topics { font-size: 16px; line-height: 1.38; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .more-topics:before { top: 22px !important; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .more-topics:before { left: 8px !important; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .more-topics:before { right: 8px !important; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .more-topics:after { top: 24px !important; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .more-topics:after { left: 8px !important; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-text .line-sub-topics .more-topics:after { right: 8px !important; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-arrow { width: 11px; height: 11px; bottom: 0; top: 53px; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-arrow { left: 24px; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .tile-line .tile-line-arrow { right: 24px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list .level3-item { position: relative; font-size: 16px; font-weight: 300; letter-spacing: -0.19px; padding: 15px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list .level3-item:after { content: ''; background: #e5e6e7; height: 1px; position: absolute; bottom: 0; right: 0; left: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list .level3-item span { cursor: pointer; position: relative; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list .level3-item span:after { width: 35px; background-size: 11px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data { padding: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations { padding: 15px; padding-top: 37px !important; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .level3-title { font-size: 20px; font-weight: normal; letter-spacing: -0.19px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .level3-title.hidden { display: none; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-top-text { margin: 21px 0 0 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-top-text > div > * { display: inline; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-mobile-wrapper { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; display: block; border-top: 1px #e5e6e7 solid; border-bottom: 1px #e5e6e7 solid; padding: 13px 0 21px; margin: 17px 0; text-align: right; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-mobile-wrapper { text-align: left; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-mobile-wrapper .taarifon-data-item { display: inline-flex; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-mobile-wrapper .taarifon-data-item p { margin: 0; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-mobile-wrapper .taarifon-data-item p:first-child { margin-left: 15px; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-mobile-wrapper .taarifon-data-item p:first-child { margin-right: 15px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-table-wrapper { display: none; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-bottom-text .bottom-title { display: none; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-bottom-text .bottom-description > div strong { display: flex; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-bottom-text .bottom-description > div div:first-of-type { display: inline-block; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations .taarifon-data .taarifon-bottom-text .bottom-description > div:first-child { margin-bottom: 12px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .line-level3-list.has-data .open-operations:after { content: none; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view { background: #f1f6fb; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content { padding: 52px 24px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap { position: relative; margin: 0 0 0 -24px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .cmsn-table { overflow-y: hidden; overflow-x: scroll; position: relative; margin-bottom: 20px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .cmsn-table .taarifon-table { overflow: scroll; table-layout: unset; width: max-content; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .cmsn-table .taarifon-table thead tr th div { font-size: 14.4px; line-height: 12px; padding: 8px 10px !important; margin: 0 2px !important; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .cmsn-table .taarifon-table thead tr th:first-child div { margin-right: 0 !important; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .cmsn-table .taarifon-table thead tr th:first-child div { margin-left: 0 !important; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .cmsn-table .taarifon-table tbody tr td { font-size: 15px; line-height: 12.2px; padding: 10px 13px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .table-scroll { visibility: hidden; position: absolute; top: 0; width: 124px; height: 100%; overflow: hidden; z-index: 100; pointer-events: none; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .table-scroll.scroll-right { background: linear-gradient(to right, rgba(241, 246, 251, 0), rgba(241, 246, 251, 0.5)) transparent; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .table-scroll.scroll-right { right: 0; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .table-scroll.scroll-right { left: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .table-scroll.scroll-left { background: linear-gradient(to left, rgba(241, 246, 251, 0), rgba(241, 246, 251, 0.5)) transparent; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .table-scroll.scroll-left { left: 0; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .table-scroll.scroll-left { right: 0; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .scroll-icon { position: absolute; top: 50%; width: 36px; height: 36px; box-shadow: 0 2px 4px 0 rgba(3, 41, 76, 0.17); background-color: #FFFFFF; border-radius: 30px; text-align: center; visibility: hidden; z-index: 100; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .scroll-icon span { border: solid red; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .scroll-icon.scroll-right { right: 15px; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .scroll-icon.scroll-right { left: 15px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .scroll-icon.scroll-right span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .scroll-icon.scroll-right span { margin-right: 4px; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .scroll-icon.scroll-right span { margin-left: 4px; } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .scroll-icon.scroll-left { left: 15px; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .scroll-icon.scroll-left { right: 15px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .scroll-icon.scroll-left span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } html[dir=rtl] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .scroll-icon.scroll-left span { margin-left: 4px; } html[dir=ltr] .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-table-wrap .scroll-icon.scroll-left span { margin-right: 4px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile .tile-list .commissions-view .comissions-content .cmsn-description { font-size: 16px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile.benefits .tile-text { display: grid; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile.benefits .benefit-item { font-size: 16px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile.benefits .benefit-item .tile-pdf { width: 50px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile.benefits .benefit-item .tile-pdf a { height: 36px; width: 36px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile.benefits .benefit-item .file-text { margin-top: 5px; } .taarifon-page .taarifon-tabs-content .taarifon-content .container .taarifon-tile.full .tile-description { z-index: 9; } } .team-wrapper .team-title { color: #525252; text-align: center; font-size: 50px; margin-bottom: 50px; } .team-wrapper .team-title h1, .team-wrapper .team-title h2, .team-wrapper .team-title h3, .team-wrapper .team-title h4, .team-wrapper .team-title h5, .team-wrapper .team-title h6 { font-size: 50px; } @media (max-width: 768px) { .team-wrapper { justify-content: center; } .team-wrapper .team-title { margin: 0; font-size: 35px; margin: 30px 0 36px; } .team-wrapper .team-title h1, .team-wrapper .team-title h2, .team-wrapper .team-title h3, .team-wrapper .team-title h4, .team-wrapper .team-title h5, .team-wrapper .team-title h6 { font-size: 35px; } } .team-wrapper .team-member .team-member-inner { cursor: pointer; height: auto; max-width: 100%; margin: 0 auto; display: flex; flex-direction: column; border-radius: 4px; box-shadow: 0 2px 15px 0 rgba(129, 152, 172, 0.19); background-color: #FFFFFF; } .team-wrapper .team-member .team-member-inner:hover { box-shadow: 1px -2px 28px 8px rgba(189, 208, 228, 0.6); } .team-wrapper .team-member .team-member-inner .team-member-title { font-size: 25px; line-height: 30px; text-align: center; color: #525252; padding: 0 20px; } @media (max-width: 768px) { .team-wrapper .team-member .team-member-inner .team-member-title { margin-top: 8px; padding-bottom: 0; } } .team-wrapper .team-member .team-member-inner .team-member-subtitle { font-size: 20px; line-height: 1; text-align: center; color: #757575; font-weight: 300; padding: 0 20px 17px; } .team-wrapper .team-member .team-member-inner .team-member-img { width: auto; height: 206px; background-size: cover; background-position: center; } .team-wrapper .team-member .team-member-inner .team-member-img.no-img { background-image: url("../images/team-member.svg"); } .team-wrapper .team-member.no-popup .team-member-inner { cursor: default; } .team-wrapper .team-member.no-popup .team-member-inner:hover { box-shadow: 0 2px 15px 0 rgba(129, 152, 172, 0.19); } .team-wrapper .team-member.without-img { margin-bottom: 21px; } .team-wrapper .team-member.without-img .team-member-inner { padding: 33px 44px; } .team-wrapper .team-member.without-img .team-member-inner .team-member-title { padding-bottom: 5px; } .team-wrapper .team-member.without-img .team-member-inner .team-member-subtitle { padding-bottom: 0; } .team-wrapper .team-member.with-img { margin-bottom: 32px; } .team-wrapper .team-member.with-img .team-member-inner { width: 264px; } .team-wrapper .team-member.with-img .team-member-title { margin-top: 8px; } .team-wrapper .team-member.team-first-big:first-child { min-width: 100%; margin-bottom: 90px; } .team-wrapper .team-member.team-first-big:first-child.without-img { height: auto; } @media (max-width: 768px) { .team-wrapper .team-member.team-first-big:first-child { height: auto; } } .team-wrapper .team-member.team-first-big:first-child .team-member-inner { width: 375px; margin: 0 auto; padding: 0; } .team-wrapper .team-member.team-first-big:first-child .team-member-inner .team-member-img { height: 282px; } .team-wrapper .team-member.team-first-big:first-child .team-member-inner .team-member-title { margin-top: 20px; } @media (max-width: 768px) { .team-wrapper .team-member.team-first-big:first-child .team-member-inner .team-member-title { margin-top: 8px; } } .team-wrapper .team-member.team-first-big:first-child .team-member-inner .team-member-subtitle { padding: 2px 44px 30px; } @media (max-width: 768px) { .team-wrapper .team-member.team-first-big:first-child .team-member-inner .team-member-subtitle { padding: 0 44px 18px; } } .team-wrapper .modal-dialog { max-width: 66%; max-width: 755px; display: flex; justify-content: center; } @media (max-width: 768px) { .team-wrapper .modal-dialog { max-width: 100%; } } .team-wrapper .modal-dialog .modal-header { border: none; } .team-wrapper .modal-dialog .modal-header .modal-title { display: none; } .team-wrapper .modal-dialog .modal-content { border: 0; } .team-wrapper .modal-dialog .modal-content .close-modal { border: 0; padding: 0; background-image: url(../images/close-popup.png); background-color: transparent; cursor: pointer; width: 37px; height: 37px; z-index: 9999; background-size: contain; position: absolute; top: -45px; } html[dir=rtl] .team-wrapper .modal-dialog .modal-content .close-modal { left: 0; } html[dir=ltr] .team-wrapper .modal-dialog .modal-content .close-modal { right: 0; } .team-wrapper .modal-dialog .modal-content .modal-body { height: 669px; max-height: 679px; padding: 61px 97px; line-height: 1.13; overflow: hidden; } .team-wrapper .modal-dialog .modal-content .modal-body .modal-body-top { display: flex; align-items: center; min-height: 123px; margin-bottom: 25px; } .team-wrapper .modal-dialog .modal-content .modal-body .modal-body-top .team-member-img { float: right; margin-left: 20px; width: 123px; height: 123px; flex-shrink: 0; border-radius: 140.5px; background-size: cover; background-position: center; } html[dir=ltr] .team-wrapper .modal-dialog .modal-content .modal-body .modal-body-top .team-member-img { float: left; margin: 0 20px 0 0; } .team-wrapper .modal-dialog .modal-content .modal-body .modal-body-top .person-info { display: flex; flex-wrap: wrap; align-items: center; max-width: 763px; } .team-wrapper .modal-dialog .modal-content .modal-body .modal-body-top .person-info .team-member-title { font-size: 50px; line-height: 1; text-align: right; display: block; } html[dir=ltr] .team-wrapper .modal-dialog .modal-content .modal-body .modal-body-top .person-info .team-member-title { text-align: left; } .team-wrapper .modal-dialog .modal-content .modal-body .modal-body-top .person-info .team-member-subtitle { font-size: 25px; text-align: right; display: block; width: 100%; padding: 0; } html[dir=ltr] .team-wrapper .modal-dialog .modal-content .modal-body .modal-body-top .person-info .team-member-subtitle { text-align: left; } .team-wrapper .modal-dialog .modal-content .modal-body .team-member-btn-col { text-align: center; position: absolute; left: 0; right: 0; bottom: 0; padding-bottom: 40px; background: white; } .team-wrapper .modal-dialog .modal-content .modal-body .team-member-btn-col .team-member-btn { margin-top: 15px; display: inline-block; } .team-wrapper .modal-dialog .modal-content .modal-body .team-member-btn-col .team-member-btn:hover { box-shadow: 0 17px 12px -14px rgba(223, 26, 30, 0.33); background-image: none; background-color: #b91335 !important; } .team-wrapper .modal-dialog .modal-content .modal-body .team-member-btn-col .team-member-btn:focus { outline: 0; } .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper { overflow-x: auto; direction: ltr; height: 343px; max-height: 343px; } html[dir=ltr] .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper { direction: rtl; } .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-desc { direction: rtl; } html[dir=ltr] .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-desc { direction: ltr; } .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-desc ul { list-style: none; padding-inline-start: 33px; } .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-desc ul li { position: relative; font-weight: 300; } .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-desc ul li:before { display: block; height: 8px; width: 8px; content: ""; background: #0a294c; position: absolute; top: 10.5px; z-index: 999; transform: rotate(45deg); border-radius: 2px; } html[dir=rtl] .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-desc ul li:before { right: -19px; } html[dir=ltr] .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-desc ul li:before { left: -19px; } .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-desc ul ul li { position: relative; } .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-desc ul ul li:before { display: block; height: 8px; width: 8px; content: ""; background: transparent; position: absolute; top: 10.5px; z-index: 999; transform: rotate(45deg); border: solid 1px #0a294c; border-radius: 2px; } html[dir=rtl] .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-desc ul ul li:before { right: -19px; } html[dir=ltr] .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-desc ul ul li:before { left: -19px; } .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-desc h1, .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-desc h2, .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-desc h3, .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-desc h4, .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-desc h5, .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-desc h6 { font-size: 25px; } .reveal-if-active { opacity: 0; max-height: 0; overflow: hidden; transform: scale(0.8); transition: 0.5s; } input[type="radio"]:checked ~ .reveal-if-active, input[type="checkbox"]:checked ~ .reveal-if-active { opacity: 1; max-height: 100px; overflow: visible; padding: 10px 20px; transform: scale(1); } form.node-page-edit .paragraph-type--team .field--name-field-team-mmbr-pbody, form.node-page-edit .paragraph-type--team .field--name-field-team-mmbr-popup-btn { opacity: 0; max-height: 0; overflow: hidden; transform: scale(0.8); transition: 0.5s; } input[type="checkbox"]:checked ~ form.node-page-edit .paragraph-type--team .field--name-field-team-mmbr-pbody, input[type="checkbox"]:checked ~ form.node-page-edit .paragraph-type--team .field--name-field-team-mmbr-popup-btn { opacity: 1; max-height: 100px; overflow: visible; padding: 10px 20px; transform: scale(1); } @media screen and (min-width: 769px) and (max-height: 768px) { .team-wrapper .modal-dialog .modal-content .modal-body { height: 500px; padding: 10px 80px; } .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper { height: 241px; } } @media screen and (min-width: 769px) and (max-height: 670px) { .team-wrapper .modal-dialog .modal-content .modal-body { height: 400px; padding: 10px 75px; } .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper { height: 141px; } } @media screen and (min-width: 769px) and (max-height: 550px) { .team-wrapper .modal-dialog .modal-content .modal-body { height: 300px; padding: 10px 70px; } .team-wrapper .modal-dialog .modal-content .modal-body .team-desc-wrapper { height: 80px; } } @media (max-width: 768px) { .team-wrapper .team-members { margin: 0 5px; } .team-wrapper .team-members .team-member:not(.team-first-big) { width: 50%; margin: 0; margin-bottom: 15px; padding: 0 10px; } .team-wrapper .team-members .team-member:not(.team-first-big).without-img .team-member-inner { padding: 0; } .team-wrapper .team-members .team-member .team-member-inner .team-member-title { font-size: 20px; font-weight: normal; line-height: normal; text-align: center; color: #525252; padding-bottom: 0px; } .team-wrapper .team-members .team-member .team-member-inner .team-member-subtitle { font-size: 16px; font-weight: 300; line-height: 0.88; letter-spacing: normal; text-align: center; color: #757575; } .team-wrapper .team-members .team-member.team-first-big { width: 101%; margin: 0; margin-bottom: 37px; } .team-wrapper .team-members .team-member.team-first-big.without-img { margin-top: 36px; min-height: auto; } .team-wrapper .team-members .team-member.with-img .team-member-inner { border-radius: 4px; } .team-wrapper .team-members .team-member.with-img .team-member-inner .team-member-img { border-radius: 4px; } .team-wrapper .modal { top: 0; bottom: 0; overflow-y: hidden; } .team-wrapper .modal .modal-dialog { margin: 25px 15px; } .team-wrapper .modal .modal-dialog .modal-content { border-radius: 8px; height: 579px; } .team-wrapper .modal .modal-dialog .modal-content .modal-body { padding: 35px 26px; box-shadow: 0 2px 53px 0 rgba(0, 0, 0, 0.21); overflow: auto; height: auto; max-height: none; } .team-wrapper .modal .modal-dialog .modal-content .modal-body .modal-body-top { flex-wrap: wrap; } .team-wrapper .modal .modal-dialog .modal-content .modal-body .modal-body-top .team-member-img { background-size: cover; background-position: center; } .team-wrapper .modal .modal-dialog .modal-content .modal-body .modal-body-top .person-info { flex: 47%; } .team-wrapper .modal .modal-dialog .modal-content .modal-body .modal-body-top .person-info .team-member-title { font-size: 25px; } .team-wrapper .modal .modal-dialog .modal-content .modal-body .modal-body-top .person-info .team-member-subtitle { font-size: 16px; margin-top: 5px; line-height: normal; } .team-wrapper .modal .modal-dialog .modal-content .modal-body .team-desc-wrapper { height: 246px; } .team-wrapper .modal .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-desc { height: 313px; max-height: 313px; font-weight: 300; height: 100%; } .team-wrapper .modal .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-desc.btn-hidden { height: 450px; max-height: 450px; } .team-wrapper .modal .modal-dialog .modal-content .modal-body .team-desc-wrapper .team-member-btn-col { bottom: 0; } } @media (max-width: 768px) { .team-wrapper .modal .modal-dialog .modal-content { height: 520px; top: 30px; position: absolute; } } @media (max-width: 768px) and (max-height: 736px) { .team-wrapper .modal .modal-dialog .modal-content { height: 460px; } } @media (max-width: 768px) { .team-wrapper .modal .modal-dialog .modal-content .modal-body { padding-right: 0; padding-left: 0; overflow: hidden; } .team-wrapper .modal .modal-dialog .modal-content .modal-body .modal-body-top, .team-wrapper .modal .modal-dialog .modal-content .modal-body .team-desc-wrapper { padding: 0 15px; } .team-wrapper .modal .modal-dialog .modal-content .modal-body .team-member-btn-col { bottom: -10px; padding-top: 15px; z-index: 9999; padding-bottom: 25px; } .team-wrapper .modal .modal-dialog .modal-content .modal-body .team-member-btn-col .team-member-btn { margin-top: 0; } .team-wrapper .modal .modal-dialog .modal-content .modal-body .team-member-desc { height: 260px; } } .modal-backdrop { background: rgba(47, 47, 67, 0.4); } article .faq-content-type .faq-page-title { text-align: center; font-size: 40px; color: #525252; } article .faq-content-type .count-result { color: #525252; } article .faq-content-type input.form-submit:disabled { cursor: not-allowed; } article .faq-content-type input.form-submit.disabled { background-color: #525252; opacity: 0.5; } article .faq-content-type .search-wrapper.error { border: 1px solid #df1a1e; } article .faq-content-type .search-wrapper.error input.form-text { color: #df1a1e; } @media (max-width: 768px) { article .faq-content-type .faq-page-title { font-size: 35px; margin-bottom: 30px; } article .faq-content-type .no-result, article .faq-content-type .count-result { padding: 0 15px; } } body { padding-right: 0 !important; } body .img-and-video-wrapper .popup_overlay .close-popup { background-image: url(../images/close-popup.png); background-color: transparent; background-repeat: no-repeat; cursor: pointer; height: 37px; left: 0; right: 0; opacity: 1; display: inline-block; width: 37px; top: 0; bottom: 0; position: absolute; margin: auto; transform: translate(-490px, -319px); -webkit-appearance: none; border: 0px; } @media (max-width: 768px) { body .img-and-video-wrapper .popup_overlay .close-popup { transform: none; right: auto; bottom: auto; top: 10px; left: 2px; background-size: 23px; width: 23px; height: 23px; } } @media (max-height: 820px) and (min-width: 769px) { body .img-and-video-wrapper .popup_overlay .close-popup { transform: translate(-334px, -195px); } } body .img-and-video-wrapper .img-wrapper { position: relative; } body .img-and-video-wrapper .img-wrapper .img-and-video-container { position: relative; } body .img-and-video-wrapper .img-wrapper .img-and-video-container .header-row .media-header { font-size: 50px; color: #525252; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; text-align: center; margin-bottom: 45px; } @media (max-width: 768px) { body .img-and-video-wrapper .img-wrapper .img-and-video-container .header-row .media-header { font-size: 35px; } } body .img-and-video-wrapper .img-wrapper .img-and-video-container .img-row .main-img { margin: -15px 0; border-radius: 6px; padding: 0; box-shadow: 0 2px 15px 0 rgba(129, 152, 172, 0.19); } body .img-and-video-wrapper .img-wrapper .img-and-video-container .img-row .main-img.has-video { cursor: pointer; } body .img-and-video-wrapper .img-wrapper .img-and-video-container .img-row #main-img-mobile { display: none; } @media (max-width: 768px) { body .img-and-video-wrapper .img-wrapper .img-and-video-container .img-row #main-img-desktop { display: none; } body .img-and-video-wrapper .img-wrapper .img-and-video-container .img-row #main-img-mobile { display: block; } } .poalim-search-container .search-box { margin-bottom: 20px; } .poalim-search-container .search-box .search-header { font-size: 50px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #525252; margin-bottom: 15px; } .poalim-search-container .search-box input { background: transparent; } @media (max-width: 768px) { .poalim-search-container .search-box { margin-bottom: 23px; } .poalim-search-container .search-box .search-box-header { padding: 0 35px; } .poalim-search-container .search-box .search-box-header .search-header { font-size: 35px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.84; letter-spacing: normal; color: #525252; margin-bottom: 18px; } .poalim-search-container .search-box .search-box-header .poalim-search-form { height: 44px; } } .poalim-search-container .results-count { margin-bottom: 20px; } .poalim-search-container .results-count span { font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.1; letter-spacing: normal; text-align: right; color: #525252; } html[dir=ltr] .poalim-search-container .results-count span { text-align: left; } @media (max-width: 768px) { .poalim-search-container .results-count { margin-right: calc(9% - 10px); margin-bottom: 11px; } html[dir=ltr] .poalim-search-container .results-count { margin-right: 0; margin-left: calc(9% - 10px); } } .poalim-search-container .search-rows { padding-right: 0; margin-bottom: 41px; } .poalim-search-container .search-rows .search-row-item { width: 100%; padding: 20px 0; border-radius: 6px; background-color: #FFFFFF; margin-bottom: 10px; list-style: none; display: inline-flex; position: relative; } .poalim-search-container .search-rows .search-row-item .item-icon { text-align: center; } .poalim-search-container .search-rows .search-row-item .item-icon img { width: 20px; } .poalim-search-container .search-rows .search-row-item .item-title { font-size: 25px; font-weight: 300; line-height: normal; color: #525252; } .poalim-search-container .search-rows .search-row-item .item-snippet a { text-decoration: none; font-size: 20px; font-style: normal; font-stretch: normal; line-height: 1.1; letter-spacing: normal; text-align: right; color: #525252; } html[dir=ltr] .poalim-search-container .search-rows .search-row-item .item-snippet a { text-align: left; } .poalim-search-container .search-rows .search-row-item .item-snippet a em { font-weight: 300 !important; } .poalim-search-container .search-rows .search-row-item .item-snippet .item-button { width: 280px; height: 40px; object-fit: contain; } @media (max-width: 768px) { .poalim-search-container .search-rows .search-row-item { margin-bottom: 0; border-radius: 0; } .poalim-search-container .search-rows .search-row-item .item-content { padding: 0 0 0 35px; } html[dir=ltr] .poalim-search-container .search-rows .search-row-item .item-content { padding: 0 35px 0 0; } } @media (max-width: 768px) { .poalim-search-container .search-rows .search-row-item:after { content: ""; height: 1px; background: #f1f6fb; position: absolute; bottom: 0; right: 25px; left: 25px; } } .poalim-search-container .search-rows .search-row-item:hover { box-shadow: 2px 11px 28px 8px rgba(189, 208, 228, 0.6); z-index: 100; } .poalim-search-container .search-rows .search-row-item:hover .item-title { text-decoration: underline; } .poalim-search-container .search-rows .search-row-item:last-child { margin-bottom: 0; } @media (max-width: 768px) { .poalim-search-container .search-rows { margin-bottom: 21px; padding: inherit; } } .poalim-search-container .pagination-row nav .pagination { margin-bottom: 50px; } .poalim-search-container .pagination-row nav .pagination .pages ul li { margin: 6px 0; height: 23px; min-width: 23px; } .poalim-search-container .pagination-row nav .pagination .pages ul li:hover .page-link { background-color: #0a294c; color: #FFFFFF; box-shadow: 0 5px 10px -3px rgba(223, 26, 30, 0.39); border-radius: 4px; line-height: 21px; height: 23px; } .poalim-search-container .pagination-row nav .pagination .page-item { margin: 6px 0; } .poalim-search-container .pagination-row nav .pagination .page-item .page-link { border: none; background: transparent; color: #525252; font-size: 18px; font-weight: 300; line-height: normal; padding: 0; text-align: center; } .poalim-search-container .pagination-row nav .pagination .page-item.active:hover a { box-shadow: 0 5px 10px -3px rgba(10, 41, 76, 0.57); background-color: #0a294c; color: #FFFFFF; } .poalim-search-container .pagination-row nav .pagination .page-item:hover svg g g path { fill: #0a294c; } .poalim-search-container .pagination-row nav .pagination .page-item.disabled .page-link svg { opacity: 0.54; } .poalim-search-container .pagination-row nav .pagination .page-item.active .page-link { background-color: #df1a1e; background-clip: content-box; margin: 0 4px; box-shadow: 0 5px 10px -3px rgba(223, 26, 30, 0.39); color: #FFFFFF; border-radius: 4px; height: 23px; min-width: 23px; line-height: 21px; } .poalim-search-container .pagination-row nav .pagination .next, .poalim-search-container .pagination-row nav .pagination .prev { margin: 0 10px; } .poalim-search-container .pagination-row nav .pagination .next img, .poalim-search-container .pagination-row nav .pagination .prev img { height: 34px; } .poalim-search-container .pagination-row nav .pagination .pages ul { border-radius: 50px; display: inline-flex; list-style: none; overflow: hidden; background-color: #FFFFFF; padding: 0 10px; } @media (max-width: 768px) { .poalim-search-container .pagination-row nav .pagination { transform: rotate(180deg); } .poalim-search-container .pagination-row nav .pagination li { transform: rotate(-180deg); } } @media (max-width: 768px) { .poalim-search-container .results { margin-top: -10px; } .poalim-search-container .results .search-rows .search-row-item .item-content * { color: #0a294c; } .poalim-search-container .results .search-rows .search-row-item .item-content .item-title { margin-bottom: 0; } .poalim-search-container .results .search-rows .search-row-item .item-content .item-snippet { line-height: 1.15; } } .contact-us-wrapper { margin-bottom: 50px; overflow: hidden; } .contact-us-wrapper .contact-us-img { position: absolute; left: -170px; top: 40px; } html[dir=ltr] .contact-us-wrapper .contact-us-img { right: -170px; left: auto; } .contact-us-wrapper .contact-us { color: #525252; padding: 0; } .contact-us-wrapper .contact-us .contact-us-header-container { padding-top: 42px; } .contact-us-wrapper .contact-us .contact-us-header-container .contact-us-header { font-size: 50px; text-align: center; max-width: 695px; margin: 0 auto; } .contact-us-wrapper .contact-us .contact-us-container { position: relative; } .contact-us-wrapper .contact-us .contact-us-container .contact-us-sec-header { padding-top: 48px; font-size: 25px; max-width: 546px; line-height: normal; } @media (max-width: 768px) { .contact-us-wrapper .contact-us .contact-us-header-container { padding-top: 25px; } .contact-us-wrapper .contact-us .contact-us-header-container .contact-us-header { font-size: 35px; line-height: 0.84; } .contact-us-wrapper .contact-us .contact-us-container .contact-us-sec-header { padding-top: 25px; font-size: 20px; } } .contact-us-wrapper .contact-us .contact-us-options .phone { padding-bottom: 50px; } .contact-us-wrapper .contact-us .contact-us-options .phone .phone-header { font-size: 50px; margin-top: 36px; } .contact-us-wrapper .contact-us .contact-us-options .phone .phone-content { padding-right: 0; list-style: none; display: inline-flex; } html[dir=ltr] .contact-us-wrapper .contact-us .contact-us-options .phone .phone-content { padding-left: 0; padding-right: inherit; } .contact-us-wrapper .contact-us .contact-us-options .phone .phone-content .phone-item { position: relative; padding: 0 20px; margin-top: -20px; max-width: 160px; } .contact-us-wrapper .contact-us .contact-us-options .phone .phone-content .phone-item .phone-header { font-size: 20px; font-weight: 300; line-height: 1.1; color: #757575; } .contact-us-wrapper .contact-us .contact-us-options .phone .phone-content .phone-item .phone-number { font-size: 25px; line-height: normal; } .contact-us-wrapper .contact-us .contact-us-options .phone .phone-content .phone-item .phone-number a { text-decoration: none; } .contact-us-wrapper .contact-us .contact-us-options .phone .phone-content .phone-item .phone-number-call { display: none; } .contact-us-wrapper .contact-us .contact-us-options .phone .phone-content .phone-item:first-child { padding-right: 0; } html[dir=ltr] .contact-us-wrapper .contact-us .contact-us-options .phone .phone-content .phone-item:first-child { padding-left: 0; padding-right: inherit; } .contact-us-wrapper .contact-us .contact-us-options .phone .phone-content .item:after { content: ""; width: 1px; background: #0a294c; opacity: 0.07; position: absolute; top: 40px; left: 0; bottom: 0; } html[dir=ltr] .contact-us-wrapper .contact-us .contact-us-options .phone .phone-content .item:after { left: auto; right: 0; } .contact-us-wrapper .contact-us .contact-us-options .phone .phone-content .phone-item.grey-item:after { background-color: #f1f6fb; } .contact-us-wrapper .contact-us .contact-us-options .phone .phone-content .phone-item:last-child:after { content: none; } @media (max-width: 768px) { .contact-us-wrapper .contact-us .contact-us-options .phone .phone-header { font-size: 35px; margin-top: 6px; } .contact-us-wrapper .contact-us .contact-us-options .phone .phone-content { width: 100%; } .contact-us-wrapper .contact-us .contact-us-options .phone .phone-content .phone-item { width: 50%; } .contact-us-wrapper .contact-us .contact-us-options .phone .phone-content .phone-item .phone-header { font-size: 16.7px; } .contact-us-wrapper .contact-us .contact-us-options .phone .phone-content .phone-item .phone-number { display: none; } .contact-us-wrapper .contact-us .contact-us-options .phone .phone-content .phone-item .phone-number-call { font-size: 20px; display: block; } .contact-us-wrapper .contact-us .contact-us-options .phone .phone-content .item:after { top: 15px; } } .contact-us-wrapper .contact-us .contact-us-options .media { padding-top: 27px; padding-bottom: 50px; display: block; } .contact-us-wrapper .contact-us .contact-us-options .media .media-header { font-size: 50px; margin-top: 17px; line-height: normal; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content { list-style: none; padding-right: 0; position: relative; } html[dir=ltr] .contact-us-wrapper .contact-us .contact-us-options .media .media-content { padding-right: inherit; padding-left: 0px; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .media-item { display: flex; width: 100%; padding: 21px 0; position: relative; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .media-item .icon { display: flex; align-items: center; justify-content: center; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .media-item .icon img { width: 28px; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .media-item .content { padding-right: 18px; } html[dir=ltr] .contact-us-wrapper .contact-us .contact-us-options .media .media-content .media-item .content { padding-left: 18px; padding-right: inherit; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .media-item .content .media-link { font-size: 25px; line-height: normal; max-width: calc(370px + 15px); } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .media-item .content .media-link a:after { top: 1px; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .media-item .content .media-text { font-size: 20px; font-weight: 300; line-height: 1.1; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .media-item:after { content: " "; display: block; height: 1px; width: 80%; position: absolute; bottom: 0; background-color: #0a294c; opacity: 0.07; right: 0; } html[dir=ltr] .contact-us-wrapper .contact-us .contact-us-options .media .media-content .media-item:after { right: auto; left: 0; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .last-visible:after, .contact-us-wrapper .contact-us .contact-us-options .media .media-content .show-item:last-of-type:after { content: none; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .last-visible, .contact-us-wrapper .contact-us .contact-us-options .media .media-content .show-item:last-of-type { padding-bottom: 10px; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .media-item.more-then-3 { display: none; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .media-item.more-then-3.show-item { display: inline-flex; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .show-more { margin-right: 50px; text-decoration: underline; } html[dir=ltr] .contact-us-wrapper .contact-us .contact-us-options .media .media-content .show-more { margin-right: 0; margin-left: 50px; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .show-more .show-less-text { display: none; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .show-more.less .show-less-text { display: inline; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .show-more.less .show-more-text { display: none; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .show-more a { font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.06; letter-spacing: normal; text-align: center; } @media (max-width: 768px) { .contact-us-wrapper .contact-us .contact-us-options .media .media-content .show-more a { font-size: 16px; } } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .show-more a:hover { color: #df1a1e; } @media (max-width: 768px) { .contact-us-wrapper .contact-us .contact-us-options .media { padding-top: 17px; } .contact-us-wrapper .contact-us .contact-us-options .media .media-header { font-size: 35px; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content { margin-bottom: 0; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .show-more a:hover { color: #525252; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .media-item { padding: 17.5px 0; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .media-item .content .media-link { font-size: 20.9px; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .media-item .content .media-text { font-size: 16px; } .contact-us-wrapper .contact-us .contact-us-options .media .media-content .media-item:after { width: 100%; } } .contact-us-wrapper .contact-us .contact-us-options .visit-us { padding-top: 28px; padding-bottom: 50px; padding-bottom: 50px; } .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-header { line-height: normal; font-size: 50px; margin-top: 0; margin-bottom: 17px; } .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-links div { margin: 10px 0; } .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-links div div { max-width: 315px; margin-left: 20px; } html[dir=ltr] .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-links div div { margin-left: 0; margin-right: 20px; } .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-links div div a { margin-top: -5px; } .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-links div div:after { bottom: 0; } @media (max-width: 768px) { .contact-us-wrapper .contact-us .contact-us-options .visit-us { padding-bottom: 22px; padding-top: 22px; } .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-header { font-size: 35px; margin-top: 0; } .contact-us-wrapper .contact-us .contact-us-options .visit-us .visit-us-links { margin-bottom: 0; } } @media (max-width: 768px) { .contact-us-wrapper { padding-bottom: 0; } } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } /* Firefox < 16 */ @-moz-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } /* Internet Explorer */ @-ms-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } /* Opera < 12.1 */ @-o-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } .press-release-top { padding-left: 0; padding-right: 0; } .press-release-top.sole { margin-top: 70px; } .press-release-top .press-release-title { text-align: center; margin-bottom: 64px; color: #525252; font-weight: normal; font-size: 50px; } .press-release-top .top-description { margin-bottom: 42px; font-size: 20px; font-weight: 300; line-height: 1.1; text-align: right; color: #333333; padding-right: 0; padding-left: 0; } html[dir=ltr] .press-release-top .top-description { text-align: left; } .press-release-component { padding-left: 15px; padding-right: 15px; padding-bottom: 16px; margin-left: auto; margin-right: auto; } .press-release-component .view-custom-filters { margin-bottom: 10px; padding-left: 0; padding-right: 0; } html[dir=ltr] .press-release-component .view-custom-filters .quarter-filters { direction: rtl; } .press-release-component .view-custom-filters .filter-label { margin-bottom: 7px; color: #525252; } html[dir=ltr] .press-release-component .view-custom-filters .filter-label { direction: ltr; } .press-release-component .view-custom-filters .filters-container { display: flex; justify-content: space-between; align-items: center; padding: 0; } .press-release-component .view-custom-filters .filters-container .filter-item { font-family: 'Poalim'; cursor: pointer; } html[dir=rtl] .press-release-component .view-custom-filters .filters-container .filter-item { margin-left: 4px; } html[dir=ltr] .press-release-component .view-custom-filters .filters-container .filter-item { margin-right: 4px; } .press-release-component .view-custom-filters .filters-container button.filter-item { font-size: 18px; font-weight: normal; background: transparent; border: 1px solid #03294c; border-radius: 19.4px; color: #03294c; padding-bottom: 1px; } .press-release-component .view-custom-filters .filters-container button.filter-item:hover, .press-release-component .view-custom-filters .filters-container button.filter-item.marked { background: #03294c !important; color: #FFFFFF; } .press-release-component .view-custom-filters .filters-container button.filter-item:focus { outline: none; } .press-release-component .view-custom-filters .filters-container .years-filters button { padding-left: 13px; padding-right: 13px; width: 88.3px; height: 35px; font-size: 17px; } .press-release-component .view-custom-filters .filters-container .years-dropdown-select { position: relative; display: inline-block; border-radius: 1px; border: solid 1px transparent; cursor: pointer; z-index: 999; height: 35px; } .press-release-component .view-custom-filters .filters-container .years-dropdown-select.ddl-hidden { display: none; } .press-release-component .view-custom-filters .filters-container .years-dropdown-select .base-line { display: inline-flex; padding-right: 20px; padding-left: 20px; height: 38.7px; padding-top: 1px; height: 35px; text-align: center; font-size: 18px; font-weight: normal; background: transparent; border: 1px solid #03294c; border-radius: 19.4px; padding-right: 20px; padding-left: 30px; line-height: 27px; color: #03294c; } html[dir=ltr] .press-release-component .view-custom-filters .filters-container .years-dropdown-select .base-line { padding-right: 30px; padding-left: 20px; } .press-release-component .view-custom-filters .filters-container .years-dropdown-select .base-line > span { margin-left: 1px; position: relative; top: 2px; } @media (max-width: 768px) { .press-release-component .view-custom-filters .filters-container .years-dropdown-select .base-line > span { top: 0; } } .press-release-component .view-custom-filters .filters-container .years-dropdown-select .base-line:hover, .press-release-component .view-custom-filters .filters-container .years-dropdown-select .base-line.marked { background: #0a294c; color: #FFFFFF; } .press-release-component .view-custom-filters .filters-container .years-dropdown-select .base-line:hover i, .press-release-component .view-custom-filters .filters-container .years-dropdown-select .base-line.marked i { border-color: #FFFFFF; } .press-release-component .view-custom-filters .filters-container .years-dropdown-select .base-line i { border: solid #03294c; border-width: 0 1px 1px 0; display: inline-block; padding: 2px; } .press-release-component .view-custom-filters .filters-container .years-dropdown-select .base-line i.down { transform: rotate(45deg); -webkit-transform: rotate(45deg); margin: 12px 2px 30px; position: absolute; top: 5px; } html[dir=rtl] .press-release-component .view-custom-filters .filters-container .years-dropdown-select .base-line i.down { left: 10px; } html[dir=ltr] .press-release-component .view-custom-filters .filters-container .years-dropdown-select .base-line i.down { right: 10px; } @media (max-width: 768px) { .press-release-component .view-custom-filters .filters-container .years-dropdown-select .base-line i.down { margin: 7px 2px 29px; } } .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values { display: flex; flex-wrap: wrap; position: absolute; border-radius: 2px; padding: 2px 0; border: solid 1px rgba(82, 82, 82, 0.17); box-shadow: 0 14px 24px 0 rgba(132, 169, 204, 0.24); background: #FFFFFF; border-top: 0 none; margin-top: 11px; z-index: 100; top: calc(100% - 5px); } html[dir=rtl] .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values { left: 0; } html[dir=ltr] .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values { right: 0; } .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.checkbox-style:before { content: ""; height: 10px; width: 10px; background: #FFFFFF; position: absolute; top: -4px; transform: rotate(45deg); } html[dir=rtl] .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.checkbox-style:before { left: 8px; } html[dir=ltr] .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.checkbox-style:before { right: 8px; } .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.checkbox-style .select-text { display: block; width: 100%; padding: 13px 35px 13px 13px; position: relative; } .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.checkbox-style .select-text.marked { /*temp*/ } .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.checkbox-style .select-text.marked:after { content: ""; display: inline-block; position: absolute; top: 0; bottom: 0; height: 20px; width: 20px; margin: auto; border: 1px solid #0a294c; border-radius: 4px; background: url("../images/checkbox-checked.svg") no-repeat center center; background-size: contain; -webkit-animation: fadein 200ms; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 200ms; /* Firefox < 16 */ -ms-animation: fadein 200ms; /* Internet Explorer */ -o-animation: fadein 200ms; /* Opera < 12.1 */ animation: fadein 200ms; } html[dir=rtl] .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.checkbox-style .select-text.marked:after { right: 7px; } html[dir=ltr] .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.checkbox-style .select-text.marked:after { left: 7px; } .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.checkbox-style .select-text:after { content: ""; display: inline-block; position: absolute; top: 0; bottom: 0; height: 20px; width: 20px; margin: auto; border: 1px solid #0a294c; border-radius: 4px; -webkit-animation: fadeout 200ms; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadeout 200ms; /* Firefox < 16 */ -ms-animation: fadeout 200ms; /* Internet Explorer */ -o-animation: fadeout 200ms; /* Opera < 12.1 */ animation: fadeout 200ms; } html[dir=rtl] .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.checkbox-style .select-text:after { right: 7px; } html[dir=ltr] .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.checkbox-style .select-text:after { left: 7px; } .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.checkbox-style .select-text:before { content: ""; display: inline-block; position: absolute; top: 0; bottom: 0; height: 20px; width: 20px; margin: auto; border: 1px solid #0a294c; border-radius: 4px; } html[dir=rtl] .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.checkbox-style .select-text:before { right: 7px; } html[dir=ltr] .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.checkbox-style .select-text:before { left: 7px; } .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.checkbox-style .select-text input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; top: 0; bottom: 0; margin: auto; transform: scale(1.5); z-index: 200; } html[dir=rtl] .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.checkbox-style .select-text input[type="checkbox"] { right: 11px; } html[dir=ltr] .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.checkbox-style .select-text input[type="checkbox"] { left: 11px; } .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.dropdown-style .select-text { padding: 12.5px 20px; border-radius: 4px; } html[dir=rtl] .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.dropdown-style .select-text { margin-right: 4px; } html[dir=ltr] .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.dropdown-style .select-text { margin-left: 4px; } .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.dropdown-style .select-text:hover, .press-release-component .view-custom-filters .filters-container .years-dropdown-select .select-list-values.dropdown-style .select-text.marked { background: #0a294c; color: #FFFFFF; } .press-release-component .view-custom-filters .filters-container .quarter-filters button { width: 41.3px; height: 38.7px; border-radius: 19.4px; background-color: rgba(122, 144, 163, 0.27); font-size: 17px; } .press-release-component .view-custom-filters .filters-container .quarter-filters button.available { background: transparent; } .press-release-component .view-custom-filters .filters-container .quarter-filters button[disabled='disabled'] { background-color: transparent; color: #9cb2cc; border: solid 1px #9cb2cc; border-radius: 50%; cursor: auto; } .press-release-component .view-custom-filters .filters-container .quarter-filters button:focus { outline: none; } .press-release-component .tables-content { position: relative; } .press-release-component .tables-content:before { content: ""; position: absolute; top: -3px; width: 100%; height: 5px; background: #f1f6fb; z-index: 99; } .press-release-component .tables-content:after { content: ""; position: absolute; bottom: -44px; width: 100%; height: 5px; background: #f1f6fb; z-index: 99; } .press-release-component .tables-content .table-title-wrapper { text-align: center; } .press-release-component .tables-content .table-title { text-align: right; caption-side: top; padding-top: 32px; font-size: 25px; color: #525252; } html[dir=ltr] .press-release-component .tables-content .table-title { text-align: left; } .press-release-component .tables-content table { box-shadow: 0 2px 15px 0 rgba(129, 152, 172, 0.19); margin-bottom: 41px; } .press-release-component .tables-content table h3 { font-size: 25px; color: #525252; } .press-release-component .tables-content table tr.single td:first-child:after { display: none; } .press-release-component .tables-content table tr td { line-height: 23px; padding: 23px 30px 23px 40px; height: 84px; } .press-release-component .tables-content table tr td:first-child { width: 205px; max-width: 205px; color: #525252; } .press-release-component .tables-content table tr td:last-child { text-align: right; padding: 23px 30px 23px 40px; font-weight: normal; } html[dir=ltr] .press-release-component .tables-content table tr td:last-child { text-align: left; } .press-release-component .tables-content table tr td:last-child a { position: relative; } .press-release-component .tables-content table tr td:last-child a:hover { color: #df1a1e; text-decoration: none; } .press-release-component .tables-content table tr td:last-child a:after { display: inline-block; content: " "; background: transparent url(../images/arrow-left.svg) no-repeat center center; background-size: contain; width: 13px; height: 13px; bottom: 3px; position: absolute; } html[dir=ltr] .press-release-component .tables-content table tr td:last-child a:after { margin-left: 10px; background: transparent url(../images/arrow-right.svg) no-repeat center center; } html[dir=rtl] .press-release-component .tables-content table tr td:last-child a:after { margin-right: 10px; } .press-release-component .tables-content .separate { height: 2px; max-height: 2px; overflow: hidden; position: absolute; background: #FFFFFF; width: 100%; } @media only screen and (max-width: 768px) { body .press-release-top { padding-left: 15px; padding-right: 15px; } body .press-release-top.sole { margin-top: unset; } body .press-release-top .press-release-title { color: #525252; margin-bottom: 28px; font-size: 35px; } body .separate { display: none; } body .press-release-component { max-width: 720px; } body .press-release-component .view-custom-filters .filters-container { display: block; } body .press-release-component .view-custom-filters .filters-container .years-filters { padding: 0 0 14px 0; } body .press-release-component .view-custom-filters .filters-container .years-filters button.filter-item { width: 62px; height: 35px; border-radius: 17.4px; font-size: 16px; padding: 0 10px 0 12px; } body .press-release-component .view-custom-filters .filters-container .quarter-filters { margin-bottom: 21px; } body .press-release-component .view-custom-filters .filters-container .quarter-filters button.filter-item { font-size: 16px; padding-bottom: 3px; } body .press-release-component .view-custom-filters .filters-container .years-dropdown-select { height: 35px; transform: unset; } body .press-release-component .view-custom-filters .filters-container .years-dropdown-select .base-line { width: 63.3px; height: 34.8px; padding-top: 2px; } body .press-release-component .tables-content .table-title { font-size: 20px; padding-top: 0; } body .press-release-component .tables-content table tr td { font-size: 16px; height: auto; } body .press-release-component .tables-content table tr td:first-child { width: 91px; max-width: 91px; text-align: center; } body .press-release-component .tables-content table tr td:before, body .press-release-component .tables-content table tr td:after { content: unset; } body .press-release-component .tables-content table tr td:last-child { padding: 15px 15px 15px 24px; } body .press-release-component .tables-content table tr td:last-child a { position: relative; } body .press-release-component .tables-content table tr td:last-child a:after { bottom: 2px; } body .press-release-component .tables-content:before { display: none; } body .press-release-component .tables-content:after { display: none; } } @media screen and (max-width: 1080px) and (min-width: 892px) { .press-release-component .view-custom-filters .filters-container .years-filters button { width: 67px; } } #banner-cookies { display: none; position: fixed; bottom: 0; width: 100%; padding: 16px 18px; background-color: white; z-index: 999; } #banner-cookies .cookies-close-btn { cursor: pointer; position: absolute; top: 16px; border: none; width: 26px; height: 26px; background: transparent url(../images/close_black.svg) no-repeat center center; } html[dir=rtl] #banner-cookies .cookies-close-btn { left: 16px; } html[dir=ltr] #banner-cookies .cookies-close-btn { right: 16px; } html[dir=ltr] #banner-cookies .cookies-close-btn { left: auto; right: 16px; } @media (max-width: 768px) { #banner-cookies .cookies-close-btn { left: 4px; top: 4px; } html[dir=ltr] #banner-cookies .cookies-close-btn { left: auto; right: 4px; } #banner-cookies .cookies-close-btn:after { content: " "; position: absolute; width: 160%; height: 160%; top: -30%; left: -30%; } html[dir=ltr] #banner-cookies .cookies-close-btn:after { left: auto; right: -30%; } } #banner-cookies .cookies-image img { width: 123px; height: auto; } #banner-cookies .cookies-text { display: flex; flex-direction: column; justify-content: center; } #banner-cookies .cookies-text .cookies-title { line-height: 1.2 !important; } #banner-cookies .cookies-text .cookies-title .subtitle { color: #0a294c; line-height: 1.2 !important; font-size: 20px !important; } #banner-cookies .cookies-text .cookies-link { color: #525252; line-height: 1.2 !important; margin-top: 6px; } #banner-cookies .cookies-text .cookies-link div { float: right; } #banner-cookies .cookies-text .cookies-link a:hover { color: #df1a1e; } #banner-cookies .cookies-text .cookies-link:after { content: " "; position: relative; display: inline-block; width: 40px; height: 15px; background: transparent url(../images/arrow-left.svg) no-repeat center center; bottom: -2px; right: -5px; } html[dir=ltr] #banner-cookies .cookies-text .cookies-link:after { right: auto; left: -5px; background: transparent url(../images/arrow-right.svg) no-repeat center center; } @media (max-width: 768px) { #banner-cookies .cookies-text { font-size: 16px; padding: 14px 0 23px 0; } #banner-cookies .cookies-text .cookies-link { line-height: 27px; } } .materialize-red { background-color: #e51c23 !important; } .materialize-red-text { color: #e51c23 !important; } .materialize-red.lighten-5 { background-color: #fdeaeb !important; } .materialize-red-text.text-lighten-5 { color: #fdeaeb !important; } .materialize-red.lighten-4 { background-color: #f8c1c3 !important; } .materialize-red-text.text-lighten-4 { color: #f8c1c3 !important; } .materialize-red.lighten-3 { background-color: #f3989b !important; } .materialize-red-text.text-lighten-3 { color: #f3989b !important; } .materialize-red.lighten-2 { background-color: #ee6e73 !important; } .materialize-red-text.text-lighten-2 { color: #ee6e73 !important; } .materialize-red.lighten-1 { background-color: #ea454b !important; } .materialize-red-text.text-lighten-1 { color: #ea454b !important; } .materialize-red.darken-1 { background-color: #d0181e !important; } .materialize-red-text.text-darken-1 { color: #d0181e !important; } .materialize-red.darken-2 { background-color: #b9151b !important; } .materialize-red-text.text-darken-2 { color: #b9151b !important; } .materialize-red.darken-3 { background-color: #a21318 !important; } .materialize-red-text.text-darken-3 { color: #a21318 !important; } .materialize-red.darken-4 { background-color: #8b1014 !important; } .materialize-red-text.text-darken-4 { color: #8b1014 !important; } .red { background-color: #F44336 !important; } .red-text { color: #F44336 !important; } .red.lighten-5 { background-color: #FFEBEE !important; } .red-text.text-lighten-5 { color: #FFEBEE !important; } .red.lighten-4 { background-color: #FFCDD2 !important; } .red-text.text-lighten-4 { color: #FFCDD2 !important; } .red.lighten-3 { background-color: #EF9A9A !important; } .red-text.text-lighten-3 { color: #EF9A9A !important; } .red.lighten-2 { background-color: #E57373 !important; } .red-text.text-lighten-2 { color: #E57373 !important; } .red.lighten-1 { background-color: #EF5350 !important; } .red-text.text-lighten-1 { color: #EF5350 !important; } .red.darken-1 { background-color: #E53935 !important; } .red-text.text-darken-1 { color: #E53935 !important; } .red.darken-2 { background-color: #D32F2F !important; } .red-text.text-darken-2 { color: #D32F2F !important; } .red.darken-3 { background-color: #C62828 !important; } .red-text.text-darken-3 { color: #C62828 !important; } .red.darken-4 { background-color: #B71C1C !important; } .red-text.text-darken-4 { color: #B71C1C !important; } .red.accent-1 { background-color: #FF8A80 !important; } .red-text.text-accent-1 { color: #FF8A80 !important; } .red.accent-2 { background-color: #FF5252 !important; } .red-text.text-accent-2 { color: #FF5252 !important; } .red.accent-3 { background-color: #FF1744 !important; } .red-text.text-accent-3 { color: #FF1744 !important; } .red.accent-4 { background-color: #D50000 !important; } .red-text.text-accent-4 { color: #D50000 !important; } .pink { background-color: #e91e63 !important; } .pink-text { color: #e91e63 !important; } .pink.lighten-5 { background-color: #fce4ec !important; } .pink-text.text-lighten-5 { color: #fce4ec !important; } .pink.lighten-4 { background-color: #f8bbd0 !important; } .pink-text.text-lighten-4 { color: #f8bbd0 !important; } .pink.lighten-3 { background-color: #f48fb1 !important; } .pink-text.text-lighten-3 { color: #f48fb1 !important; } .pink.lighten-2 { background-color: #f06292 !important; } .pink-text.text-lighten-2 { color: #f06292 !important; } .pink.lighten-1 { background-color: #ec407a !important; } .pink-text.text-lighten-1 { color: #ec407a !important; } .pink.darken-1 { background-color: #d81b60 !important; } .pink-text.text-darken-1 { color: #d81b60 !important; } .pink.darken-2 { background-color: #c2185b !important; } .pink-text.text-darken-2 { color: #c2185b !important; } .pink.darken-3 { background-color: #ad1457 !important; } .pink-text.text-darken-3 { color: #ad1457 !important; } .pink.darken-4 { background-color: #880e4f !important; } .pink-text.text-darken-4 { color: #880e4f !important; } .pink.accent-1 { background-color: #ff80ab !important; } .pink-text.text-accent-1 { color: #ff80ab !important; } .pink.accent-2 { background-color: #ff4081 !important; } .pink-text.text-accent-2 { color: #ff4081 !important; } .pink.accent-3 { background-color: #f50057 !important; } .pink-text.text-accent-3 { color: #f50057 !important; } .pink.accent-4 { background-color: #c51162 !important; } .pink-text.text-accent-4 { color: #c51162 !important; } .purple { background-color: #9c27b0 !important; } .purple-text { color: #9c27b0 !important; } .purple.lighten-5 { background-color: #f3e5f5 !important; } .purple-text.text-lighten-5 { color: #f3e5f5 !important; } .purple.lighten-4 { background-color: #e1bee7 !important; } .purple-text.text-lighten-4 { color: #e1bee7 !important; } .purple.lighten-3 { background-color: #ce93d8 !important; } .purple-text.text-lighten-3 { color: #ce93d8 !important; } .purple.lighten-2 { background-color: #ba68c8 !important; } .purple-text.text-lighten-2 { color: #ba68c8 !important; } .purple.lighten-1 { background-color: #ab47bc !important; } .purple-text.text-lighten-1 { color: #ab47bc !important; } .purple.darken-1 { background-color: #8e24aa !important; } .purple-text.text-darken-1 { color: #8e24aa !important; } .purple.darken-2 { background-color: #7b1fa2 !important; } .purple-text.text-darken-2 { color: #7b1fa2 !important; } .purple.darken-3 { background-color: #6a1b9a !important; } .purple-text.text-darken-3 { color: #6a1b9a !important; } .purple.darken-4 { background-color: #4a148c !important; } .purple-text.text-darken-4 { color: #4a148c !important; } .purple.accent-1 { background-color: #ea80fc !important; } .purple-text.text-accent-1 { color: #ea80fc !important; } .purple.accent-2 { background-color: #e040fb !important; } .purple-text.text-accent-2 { color: #e040fb !important; } .purple.accent-3 { background-color: #d500f9 !important; } .purple-text.text-accent-3 { color: #d500f9 !important; } .purple.accent-4 { background-color: #aa00ff !important; } .purple-text.text-accent-4 { color: #aa00ff !important; } .deep-purple { background-color: #673ab7 !important; } .deep-purple-text { color: #673ab7 !important; } .deep-purple.lighten-5 { background-color: #ede7f6 !important; } .deep-purple-text.text-lighten-5 { color: #ede7f6 !important; } .deep-purple.lighten-4 { background-color: #d1c4e9 !important; } .deep-purple-text.text-lighten-4 { color: #d1c4e9 !important; } .deep-purple.lighten-3 { background-color: #b39ddb !important; } .deep-purple-text.text-lighten-3 { color: #b39ddb !important; } .deep-purple.lighten-2 { background-color: #9575cd !important; } .deep-purple-text.text-lighten-2 { color: #9575cd !important; } .deep-purple.lighten-1 { background-color: #7e57c2 !important; } .deep-purple-text.text-lighten-1 { color: #7e57c2 !important; } .deep-purple.darken-1 { background-color: #5e35b1 !important; } .deep-purple-text.text-darken-1 { color: #5e35b1 !important; } .deep-purple.darken-2 { background-color: #512da8 !important; } .deep-purple-text.text-darken-2 { color: #512da8 !important; } .deep-purple.darken-3 { background-color: #4527a0 !important; } .deep-purple-text.text-darken-3 { color: #4527a0 !important; } .deep-purple.darken-4 { background-color: #311b92 !important; } .deep-purple-text.text-darken-4 { color: #311b92 !important; } .deep-purple.accent-1 { background-color: #b388ff !important; } .deep-purple-text.text-accent-1 { color: #b388ff !important; } .deep-purple.accent-2 { background-color: #7c4dff !important; } .deep-purple-text.text-accent-2 { color: #7c4dff !important; } .deep-purple.accent-3 { background-color: #651fff !important; } .deep-purple-text.text-accent-3 { color: #651fff !important; } .deep-purple.accent-4 { background-color: #6200ea !important; } .deep-purple-text.text-accent-4 { color: #6200ea !important; } .indigo { background-color: #3f51b5 !important; } .indigo-text { color: #3f51b5 !important; } .indigo.lighten-5 { background-color: #e8eaf6 !important; } .indigo-text.text-lighten-5 { color: #e8eaf6 !important; } .indigo.lighten-4 { background-color: #c5cae9 !important; } .indigo-text.text-lighten-4 { color: #c5cae9 !important; } .indigo.lighten-3 { background-color: #9fa8da !important; } .indigo-text.text-lighten-3 { color: #9fa8da !important; } .indigo.lighten-2 { background-color: #7986cb !important; } .indigo-text.text-lighten-2 { color: #7986cb !important; } .indigo.lighten-1 { background-color: #5c6bc0 !important; } .indigo-text.text-lighten-1 { color: #5c6bc0 !important; } .indigo.darken-1 { background-color: #3949ab !important; } .indigo-text.text-darken-1 { color: #3949ab !important; } .indigo.darken-2 { background-color: #303f9f !important; } .indigo-text.text-darken-2 { color: #303f9f !important; } .indigo.darken-3 { background-color: #283593 !important; } .indigo-text.text-darken-3 { color: #283593 !important; } .indigo.darken-4 { background-color: #1a237e !important; } .indigo-text.text-darken-4 { color: #1a237e !important; } .indigo.accent-1 { background-color: #8c9eff !important; } .indigo-text.text-accent-1 { color: #8c9eff !important; } .indigo.accent-2 { background-color: #536dfe !important; } .indigo-text.text-accent-2 { color: #536dfe !important; } .indigo.accent-3 { background-color: #3d5afe !important; } .indigo-text.text-accent-3 { color: #3d5afe !important; } .indigo.accent-4 { background-color: #304ffe !important; } .indigo-text.text-accent-4 { color: #304ffe !important; } .blue { background-color: #2196F3 !important; } .blue-text { color: #2196F3 !important; } .blue.lighten-5 { background-color: #E3F2FD !important; } .blue-text.text-lighten-5 { color: #E3F2FD !important; } .blue.lighten-4 { background-color: #BBDEFB !important; } .blue-text.text-lighten-4 { color: #BBDEFB !important; } .blue.lighten-3 { background-color: #90CAF9 !important; } .blue-text.text-lighten-3 { color: #90CAF9 !important; } .blue.lighten-2 { background-color: #64B5F6 !important; } .blue-text.text-lighten-2 { color: #64B5F6 !important; } .blue.lighten-1 { background-color: #42A5F5 !important; } .blue-text.text-lighten-1 { color: #42A5F5 !important; } .blue.darken-1 { background-color: #1E88E5 !important; } .blue-text.text-darken-1 { color: #1E88E5 !important; } .blue.darken-2 { background-color: #1976D2 !important; } .blue-text.text-darken-2 { color: #1976D2 !important; } .blue.darken-3 { background-color: #1565C0 !important; } .blue-text.text-darken-3 { color: #1565C0 !important; } .blue.darken-4 { background-color: #0D47A1 !important; } .blue-text.text-darken-4 { color: #0D47A1 !important; } .blue.accent-1 { background-color: #82B1FF !important; } .blue-text.text-accent-1 { color: #82B1FF !important; } .blue.accent-2 { background-color: #448AFF !important; } .blue-text.text-accent-2 { color: #448AFF !important; } .blue.accent-3 { background-color: #2979FF !important; } .blue-text.text-accent-3 { color: #2979FF !important; } .blue.accent-4 { background-color: #2962FF !important; } .blue-text.text-accent-4 { color: #2962FF !important; } .light-blue { background-color: #03a9f4 !important; } .light-blue-text { color: #03a9f4 !important; } .light-blue.lighten-5 { background-color: #e1f5fe !important; } .light-blue-text.text-lighten-5 { color: #e1f5fe !important; } .light-blue.lighten-4 { background-color: #b3e5fc !important; } .light-blue-text.text-lighten-4 { color: #b3e5fc !important; } .light-blue.lighten-3 { background-color: #81d4fa !important; } .light-blue-text.text-lighten-3 { color: #81d4fa !important; } .light-blue.lighten-2 { background-color: #4fc3f7 !important; } .light-blue-text.text-lighten-2 { color: #4fc3f7 !important; } .light-blue.lighten-1 { background-color: #29b6f6 !important; } .light-blue-text.text-lighten-1 { color: #29b6f6 !important; } .light-blue.darken-1 { background-color: #039be5 !important; } .light-blue-text.text-darken-1 { color: #039be5 !important; } .light-blue.darken-2 { background-color: #0288d1 !important; } .light-blue-text.text-darken-2 { color: #0288d1 !important; } .light-blue.darken-3 { background-color: #0277bd !important; } .light-blue-text.text-darken-3 { color: #0277bd !important; } .light-blue.darken-4 { background-color: #01579b !important; } .light-blue-text.text-darken-4 { color: #01579b !important; } .light-blue.accent-1 { background-color: #80d8ff !important; } .light-blue-text.text-accent-1 { color: #80d8ff !important; } .light-blue.accent-2 { background-color: #40c4ff !important; } .light-blue-text.text-accent-2 { color: #40c4ff !important; } .light-blue.accent-3 { background-color: #00b0ff !important; } .light-blue-text.text-accent-3 { color: #00b0ff !important; } .light-blue.accent-4 { background-color: #0091ea !important; } .light-blue-text.text-accent-4 { color: #0091ea !important; } .cyan { background-color: #00bcd4 !important; } .cyan-text { color: #00bcd4 !important; } .cyan.lighten-5 { background-color: #e0f7fa !important; } .cyan-text.text-lighten-5 { color: #e0f7fa !important; } .cyan.lighten-4 { background-color: #b2ebf2 !important; } .cyan-text.text-lighten-4 { color: #b2ebf2 !important; } .cyan.lighten-3 { background-color: #80deea !important; } .cyan-text.text-lighten-3 { color: #80deea !important; } .cyan.lighten-2 { background-color: #4dd0e1 !important; } .cyan-text.text-lighten-2 { color: #4dd0e1 !important; } .cyan.lighten-1 { background-color: #26c6da !important; } .cyan-text.text-lighten-1 { color: #26c6da !important; } .cyan.darken-1 { background-color: #00acc1 !important; } .cyan-text.text-darken-1 { color: #00acc1 !important; } .cyan.darken-2 { background-color: #0097a7 !important; } .cyan-text.text-darken-2 { color: #0097a7 !important; } .cyan.darken-3 { background-color: #00838f !important; } .cyan-text.text-darken-3 { color: #00838f !important; } .cyan.darken-4 { background-color: #006064 !important; } .cyan-text.text-darken-4 { color: #006064 !important; } .cyan.accent-1 { background-color: #84ffff !important; } .cyan-text.text-accent-1 { color: #84ffff !important; } .cyan.accent-2 { background-color: #18ffff !important; } .cyan-text.text-accent-2 { color: #18ffff !important; } .cyan.accent-3 { background-color: #00e5ff !important; } .cyan-text.text-accent-3 { color: #00e5ff !important; } .cyan.accent-4 { background-color: #00b8d4 !important; } .cyan-text.text-accent-4 { color: #00b8d4 !important; } .teal { background-color: #009688 !important; } .teal-text { color: #009688 !important; } .teal.lighten-5 { background-color: #e0f2f1 !important; } .teal-text.text-lighten-5 { color: #e0f2f1 !important; } .teal.lighten-4 { background-color: #b2dfdb !important; } .teal-text.text-lighten-4 { color: #b2dfdb !important; } .teal.lighten-3 { background-color: #80cbc4 !important; } .teal-text.text-lighten-3 { color: #80cbc4 !important; } .teal.lighten-2 { background-color: #4db6ac !important; } .teal-text.text-lighten-2 { color: #4db6ac !important; } .teal.lighten-1 { background-color: #26a69a !important; } .teal-text.text-lighten-1 { color: #26a69a !important; } .teal.darken-1 { background-color: #00897b !important; } .teal-text.text-darken-1 { color: #00897b !important; } .teal.darken-2 { background-color: #00796b !important; } .teal-text.text-darken-2 { color: #00796b !important; } .teal.darken-3 { background-color: #00695c !important; } .teal-text.text-darken-3 { color: #00695c !important; } .teal.darken-4 { background-color: #004d40 !important; } .teal-text.text-darken-4 { color: #004d40 !important; } .teal.accent-1 { background-color: #a7ffeb !important; } .teal-text.text-accent-1 { color: #a7ffeb !important; } .teal.accent-2 { background-color: #64ffda !important; } .teal-text.text-accent-2 { color: #64ffda !important; } .teal.accent-3 { background-color: #1de9b6 !important; } .teal-text.text-accent-3 { color: #1de9b6 !important; } .teal.accent-4 { background-color: #00bfa5 !important; } .teal-text.text-accent-4 { color: #00bfa5 !important; } .green { background-color: #4CAF50 !important; } .green-text { color: #4CAF50 !important; } .green.lighten-5 { background-color: #E8F5E9 !important; } .green-text.text-lighten-5 { color: #E8F5E9 !important; } .green.lighten-4 { background-color: #C8E6C9 !important; } .green-text.text-lighten-4 { color: #C8E6C9 !important; } .green.lighten-3 { background-color: #A5D6A7 !important; } .green-text.text-lighten-3 { color: #A5D6A7 !important; } .green.lighten-2 { background-color: #81C784 !important; } .green-text.text-lighten-2 { color: #81C784 !important; } .green.lighten-1 { background-color: #66BB6A !important; } .green-text.text-lighten-1 { color: #66BB6A !important; } .green.darken-1 { background-color: #43A047 !important; } .green-text.text-darken-1 { color: #43A047 !important; } .green.darken-2 { background-color: #388E3C !important; } .green-text.text-darken-2 { color: #388E3C !important; } .green.darken-3 { background-color: #2E7D32 !important; } .green-text.text-darken-3 { color: #2E7D32 !important; } .green.darken-4 { background-color: #1B5E20 !important; } .green-text.text-darken-4 { color: #1B5E20 !important; } .green.accent-1 { background-color: #B9F6CA !important; } .green-text.text-accent-1 { color: #B9F6CA !important; } .green.accent-2 { background-color: #69F0AE !important; } .green-text.text-accent-2 { color: #69F0AE !important; } .green.accent-3 { background-color: #00E676 !important; } .green-text.text-accent-3 { color: #00E676 !important; } .green.accent-4 { background-color: #00C853 !important; } .green-text.text-accent-4 { color: #00C853 !important; } .light-green { background-color: #8bc34a !important; } .light-green-text { color: #8bc34a !important; } .light-green.lighten-5 { background-color: #f1f8e9 !important; } .light-green-text.text-lighten-5 { color: #f1f8e9 !important; } .light-green.lighten-4 { background-color: #dcedc8 !important; } .light-green-text.text-lighten-4 { color: #dcedc8 !important; } .light-green.lighten-3 { background-color: #c5e1a5 !important; } .light-green-text.text-lighten-3 { color: #c5e1a5 !important; } .light-green.lighten-2 { background-color: #aed581 !important; } .light-green-text.text-lighten-2 { color: #aed581 !important; } .light-green.lighten-1 { background-color: #9ccc65 !important; } .light-green-text.text-lighten-1 { color: #9ccc65 !important; } .light-green.darken-1 { background-color: #7cb342 !important; } .light-green-text.text-darken-1 { color: #7cb342 !important; } .light-green.darken-2 { background-color: #689f38 !important; } .light-green-text.text-darken-2 { color: #689f38 !important; } .light-green.darken-3 { background-color: #558b2f !important; } .light-green-text.text-darken-3 { color: #558b2f !important; } .light-green.darken-4 { background-color: #33691e !important; } .light-green-text.text-darken-4 { color: #33691e !important; } .light-green.accent-1 { background-color: #ccff90 !important; } .light-green-text.text-accent-1 { color: #ccff90 !important; } .light-green.accent-2 { background-color: #b2ff59 !important; } .light-green-text.text-accent-2 { color: #b2ff59 !important; } .light-green.accent-3 { background-color: #76ff03 !important; } .light-green-text.text-accent-3 { color: #76ff03 !important; } .light-green.accent-4 { background-color: #64dd17 !important; } .light-green-text.text-accent-4 { color: #64dd17 !important; } .lime { background-color: #cddc39 !important; } .lime-text { color: #cddc39 !important; } .lime.lighten-5 { background-color: #f9fbe7 !important; } .lime-text.text-lighten-5 { color: #f9fbe7 !important; } .lime.lighten-4 { background-color: #f0f4c3 !important; } .lime-text.text-lighten-4 { color: #f0f4c3 !important; } .lime.lighten-3 { background-color: #e6ee9c !important; } .lime-text.text-lighten-3 { color: #e6ee9c !important; } .lime.lighten-2 { background-color: #dce775 !important; } .lime-text.text-lighten-2 { color: #dce775 !important; } .lime.lighten-1 { background-color: #d4e157 !important; } .lime-text.text-lighten-1 { color: #d4e157 !important; } .lime.darken-1 { background-color: #c0ca33 !important; } .lime-text.text-darken-1 { color: #c0ca33 !important; } .lime.darken-2 { background-color: #afb42b !important; } .lime-text.text-darken-2 { color: #afb42b !important; } .lime.darken-3 { background-color: #9e9d24 !important; } .lime-text.text-darken-3 { color: #9e9d24 !important; } .lime.darken-4 { background-color: #827717 !important; } .lime-text.text-darken-4 { color: #827717 !important; } .lime.accent-1 { background-color: #f4ff81 !important; } .lime-text.text-accent-1 { color: #f4ff81 !important; } .lime.accent-2 { background-color: #eeff41 !important; } .lime-text.text-accent-2 { color: #eeff41 !important; } .lime.accent-3 { background-color: #c6ff00 !important; } .lime-text.text-accent-3 { color: #c6ff00 !important; } .lime.accent-4 { background-color: #aeea00 !important; } .lime-text.text-accent-4 { color: #aeea00 !important; } .yellow { background-color: #ffeb3b !important; } .yellow-text { color: #ffeb3b !important; } .yellow.lighten-5 { background-color: #fffde7 !important; } .yellow-text.text-lighten-5 { color: #fffde7 !important; } .yellow.lighten-4 { background-color: #fff9c4 !important; } .yellow-text.text-lighten-4 { color: #fff9c4 !important; } .yellow.lighten-3 { background-color: #fff59d !important; } .yellow-text.text-lighten-3 { color: #fff59d !important; } .yellow.lighten-2 { background-color: #fff176 !important; } .yellow-text.text-lighten-2 { color: #fff176 !important; } .yellow.lighten-1 { background-color: #ffee58 !important; } .yellow-text.text-lighten-1 { color: #ffee58 !important; } .yellow.darken-1 { background-color: #fdd835 !important; } .yellow-text.text-darken-1 { color: #fdd835 !important; } .yellow.darken-2 { background-color: #fbc02d !important; } .yellow-text.text-darken-2 { color: #fbc02d !important; } .yellow.darken-3 { background-color: #f9a825 !important; } .yellow-text.text-darken-3 { color: #f9a825 !important; } .yellow.darken-4 { background-color: #f57f17 !important; } .yellow-text.text-darken-4 { color: #f57f17 !important; } .yellow.accent-1 { background-color: #ffff8d !important; } .yellow-text.text-accent-1 { color: #ffff8d !important; } .yellow.accent-2 { background-color: #ffff00 !important; } .yellow-text.text-accent-2 { color: #ffff00 !important; } .yellow.accent-3 { background-color: #ffea00 !important; } .yellow-text.text-accent-3 { color: #ffea00 !important; } .yellow.accent-4 { background-color: #ffd600 !important; } .yellow-text.text-accent-4 { color: #ffd600 !important; } .amber { background-color: #ffc107 !important; } .amber-text { color: #ffc107 !important; } .amber.lighten-5 { background-color: #fff8e1 !important; } .amber-text.text-lighten-5 { color: #fff8e1 !important; } .amber.lighten-4 { background-color: #ffecb3 !important; } .amber-text.text-lighten-4 { color: #ffecb3 !important; } .amber.lighten-3 { background-color: #ffe082 !important; } .amber-text.text-lighten-3 { color: #ffe082 !important; } .amber.lighten-2 { background-color: #ffd54f !important; } .amber-text.text-lighten-2 { color: #ffd54f !important; } .amber.lighten-1 { background-color: #ffca28 !important; } .amber-text.text-lighten-1 { color: #ffca28 !important; } .amber.darken-1 { background-color: #ffb300 !important; } .amber-text.text-darken-1 { color: #ffb300 !important; } .amber.darken-2 { background-color: #ffa000 !important; } .amber-text.text-darken-2 { color: #ffa000 !important; } .amber.darken-3 { background-color: #ff8f00 !important; } .amber-text.text-darken-3 { color: #ff8f00 !important; } .amber.darken-4 { background-color: #ff6f00 !important; } .amber-text.text-darken-4 { color: #ff6f00 !important; } .amber.accent-1 { background-color: #ffe57f !important; } .amber-text.text-accent-1 { color: #ffe57f !important; } .amber.accent-2 { background-color: #ffd740 !important; } .amber-text.text-accent-2 { color: #ffd740 !important; } .amber.accent-3 { background-color: #ffc400 !important; } .amber-text.text-accent-3 { color: #ffc400 !important; } .amber.accent-4 { background-color: #ffab00 !important; } .amber-text.text-accent-4 { color: #ffab00 !important; } .orange { background-color: #ff9800 !important; } .orange-text { color: #ff9800 !important; } .orange.lighten-5 { background-color: #fff3e0 !important; } .orange-text.text-lighten-5 { color: #fff3e0 !important; } .orange.lighten-4 { background-color: #ffe0b2 !important; } .orange-text.text-lighten-4 { color: #ffe0b2 !important; } .orange.lighten-3 { background-color: #ffcc80 !important; } .orange-text.text-lighten-3 { color: #ffcc80 !important; } .orange.lighten-2 { background-color: #ffb74d !important; } .orange-text.text-lighten-2 { color: #ffb74d !important; } .orange.lighten-1 { background-color: #ffa726 !important; } .orange-text.text-lighten-1 { color: #ffa726 !important; } .orange.darken-1 { background-color: #fb8c00 !important; } .orange-text.text-darken-1 { color: #fb8c00 !important; } .orange.darken-2 { background-color: #f57c00 !important; } .orange-text.text-darken-2 { color: #f57c00 !important; } .orange.darken-3 { background-color: #ef6c00 !important; } .orange-text.text-darken-3 { color: #ef6c00 !important; } .orange.darken-4 { background-color: #e65100 !important; } .orange-text.text-darken-4 { color: #e65100 !important; } .orange.accent-1 { background-color: #ffd180 !important; } .orange-text.text-accent-1 { color: #ffd180 !important; } .orange.accent-2 { background-color: #ffab40 !important; } .orange-text.text-accent-2 { color: #ffab40 !important; } .orange.accent-3 { background-color: #ff9100 !important; } .orange-text.text-accent-3 { color: #ff9100 !important; } .orange.accent-4 { background-color: #ff6d00 !important; } .orange-text.text-accent-4 { color: #ff6d00 !important; } .deep-orange { background-color: #ff5722 !important; } .deep-orange-text { color: #ff5722 !important; } .deep-orange.lighten-5 { background-color: #fbe9e7 !important; } .deep-orange-text.text-lighten-5 { color: #fbe9e7 !important; } .deep-orange.lighten-4 { background-color: #ffccbc !important; } .deep-orange-text.text-lighten-4 { color: #ffccbc !important; } .deep-orange.lighten-3 { background-color: #ffab91 !important; } .deep-orange-text.text-lighten-3 { color: #ffab91 !important; } .deep-orange.lighten-2 { background-color: #ff8a65 !important; } .deep-orange-text.text-lighten-2 { color: #ff8a65 !important; } .deep-orange.lighten-1 { background-color: #ff7043 !important; } .deep-orange-text.text-lighten-1 { color: #ff7043 !important; } .deep-orange.darken-1 { background-color: #f4511e !important; } .deep-orange-text.text-darken-1 { color: #f4511e !important; } .deep-orange.darken-2 { background-color: #e64a19 !important; } .deep-orange-text.text-darken-2 { color: #e64a19 !important; } .deep-orange.darken-3 { background-color: #d84315 !important; } .deep-orange-text.text-darken-3 { color: #d84315 !important; } .deep-orange.darken-4 { background-color: #bf360c !important; } .deep-orange-text.text-darken-4 { color: #bf360c !important; } .deep-orange.accent-1 { background-color: #ff9e80 !important; } .deep-orange-text.text-accent-1 { color: #ff9e80 !important; } .deep-orange.accent-2 { background-color: #ff6e40 !important; } .deep-orange-text.text-accent-2 { color: #ff6e40 !important; } .deep-orange.accent-3 { background-color: #ff3d00 !important; } .deep-orange-text.text-accent-3 { color: #ff3d00 !important; } .deep-orange.accent-4 { background-color: #dd2c00 !important; } .deep-orange-text.text-accent-4 { color: #dd2c00 !important; } .brown { background-color: #795548 !important; } .brown-text { color: #795548 !important; } .brown.lighten-5 { background-color: #efebe9 !important; } .brown-text.text-lighten-5 { color: #efebe9 !important; } .brown.lighten-4 { background-color: #d7ccc8 !important; } .brown-text.text-lighten-4 { color: #d7ccc8 !important; } .brown.lighten-3 { background-color: #bcaaa4 !important; } .brown-text.text-lighten-3 { color: #bcaaa4 !important; } .brown.lighten-2 { background-color: #a1887f !important; } .brown-text.text-lighten-2 { color: #a1887f !important; } .brown.lighten-1 { background-color: #8d6e63 !important; } .brown-text.text-lighten-1 { color: #8d6e63 !important; } .brown.darken-1 { background-color: #6d4c41 !important; } .brown-text.text-darken-1 { color: #6d4c41 !important; } .brown.darken-2 { background-color: #5d4037 !important; } .brown-text.text-darken-2 { color: #5d4037 !important; } .brown.darken-3 { background-color: #4e342e !important; } .brown-text.text-darken-3 { color: #4e342e !important; } .brown.darken-4 { background-color: #3e2723 !important; } .brown-text.text-darken-4 { color: #3e2723 !important; } .blue-grey { background-color: #607d8b !important; } .blue-grey-text { color: #607d8b !important; } .blue-grey.lighten-5 { background-color: #eceff1 !important; } .blue-grey-text.text-lighten-5 { color: #eceff1 !important; } .blue-grey.lighten-4 { background-color: #cfd8dc !important; } .blue-grey-text.text-lighten-4 { color: #cfd8dc !important; } .blue-grey.lighten-3 { background-color: #b0bec5 !important; } .blue-grey-text.text-lighten-3 { color: #b0bec5 !important; } .blue-grey.lighten-2 { background-color: #90a4ae !important; } .blue-grey-text.text-lighten-2 { color: #90a4ae !important; } .blue-grey.lighten-1 { background-color: #78909c !important; } .blue-grey-text.text-lighten-1 { color: #78909c !important; } .blue-grey.darken-1 { background-color: #546e7a !important; } .blue-grey-text.text-darken-1 { color: #546e7a !important; } .blue-grey.darken-2 { background-color: #455a64 !important; } .blue-grey-text.text-darken-2 { color: #455a64 !important; } .blue-grey.darken-3 { background-color: #37474f !important; } .blue-grey-text.text-darken-3 { color: #37474f !important; } .blue-grey.darken-4 { background-color: #263238 !important; } .blue-grey-text.text-darken-4 { color: #263238 !important; } .grey { background-color: #9e9e9e !important; } .grey-text { color: #9e9e9e !important; } .grey.lighten-5 { background-color: #fafafa !important; } .grey-text.text-lighten-5 { color: #fafafa !important; } .grey.lighten-4 { background-color: #f5f5f5 !important; } .grey-text.text-lighten-4 { color: #f5f5f5 !important; } .grey.lighten-3 { background-color: #eeeeee !important; } .grey-text.text-lighten-3 { color: #eeeeee !important; } .grey.lighten-2 { background-color: #e0e0e0 !important; } .grey-text.text-lighten-2 { color: #e0e0e0 !important; } .grey.lighten-1 { background-color: #bdbdbd !important; } .grey-text.text-lighten-1 { color: #bdbdbd !important; } .grey.darken-1 { background-color: #757575 !important; } .grey-text.text-darken-1 { color: #757575 !important; } .grey.darken-2 { background-color: #616161 !important; } .grey-text.text-darken-2 { color: #616161 !important; } .grey.darken-3 { background-color: #424242 !important; } .grey-text.text-darken-3 { color: #424242 !important; } .grey.darken-4 { background-color: #212121 !important; } .grey-text.text-darken-4 { color: #212121 !important; } .black { background-color: #000000 !important; } .black-text { color: #000000 !important; } .white { background-color: #FFFFFF !important; } .white-text { color: #FFFFFF !important; } .transparent { background-color: transparent !important; } .transparent-text { color: transparent !important; } /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } .valign-wrapper { display: flex; align-items: center; } .clearfix { clear: both; } .z-depth-0 { box-shadow: none !important; } /* 2dp elevation modified*/ .z-depth-1, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .z-depth-1-half, .btn:hover, .btn-large:hover, .btn-small:hover, .btn-floating:hover { box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); } /* 6dp elevation modified*/ .z-depth-2 { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); } /* 12dp elevation modified*/ .z-depth-3 { box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); } /* 16dp elevation */ .z-depth-4 { box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2); } /* 24dp elevation */ .z-depth-5 { box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2); } .hoverable { transition: box-shadow .25s; } .hoverable:hover { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .divider { height: 1px; overflow: hidden; background-color: #e0e0e0; } blockquote { margin: 20px 0; padding-left: 1.5rem; border-left: 5px solid #ee6e73; } .parallax-container { position: relative; overflow: hidden; height: 500px; } .parallax-container .parallax { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .parallax-container .parallax img { opacity: 0; position: absolute; left: 50%; bottom: 0; min-width: 100%; min-height: 100%; transform: translate3d(0, 0, 0); transform: translateX(-50%); } .pin-top, .pin-bottom { position: relative; } .pinned { position: fixed !important; } /********************* Transition Classes **********************/ ul.staggered-list li { opacity: 0; } .fade-in { opacity: 0; transform-origin: 0 50%; } /********************* Media Query Classes **********************/ @media only screen and (max-width: 600px) { .hide-on-small-only, .hide-on-small-and-down { display: none !important; } } @media only screen and (max-width: 992px) { .hide-on-med-and-down { display: none !important; } } @media only screen and (min-width: 601px) { .hide-on-med-and-up { display: none !important; } } @media only screen and (min-width: 600px) and (max-width: 992px) { .hide-on-med-only { display: none !important; } } @media only screen and (min-width: 993px) { .hide-on-large-only { display: none !important; } } @media only screen and (min-width: 1201px) { .hide-on-extra-large-only { display: none !important; } } @media only screen and (min-width: 1201px) { .show-on-extra-large { display: block !important; } } @media only screen and (min-width: 993px) { .show-on-large { display: block !important; } } @media only screen and (min-width: 600px) and (max-width: 992px) { .show-on-medium { display: block !important; } } @media only screen and (max-width: 600px) { .show-on-small { display: block !important; } } @media only screen and (min-width: 601px) { .show-on-medium-and-up { display: block !important; } } @media only screen and (max-width: 992px) { .show-on-medium-and-down { display: block !important; } } @media only screen and (max-width: 600px) { .center-on-small-only { text-align: center; } } .page-footer { padding-top: 20px; color: #fff; background-color: #ee6e73; } .page-footer .footer-copyright { overflow: hidden; min-height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 10px 0px; color: rgba(255, 255, 255, 0.8); background-color: rgba(51, 51, 51, 0.08); } @media only screen and (max-width: 992px) { table.responsive-table { width: 100%; border-collapse: collapse; border-spacing: 0; display: block; position: relative; /* sort out borders */ } table.responsive-table td:empty:before { content: '\00a0'; } table.responsive-table th, table.responsive-table td { margin: 0; vertical-align: top; } table.responsive-table th { text-align: left; } table.responsive-table thead { display: block; float: left; } table.responsive-table thead tr { display: block; padding: 0 10px 0 0; } table.responsive-table thead tr th::before { content: "\00a0"; } table.responsive-table tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } table.responsive-table tbody tr { display: inline-block; vertical-align: top; } table.responsive-table th { display: block; text-align: right; } table.responsive-table td { display: block; min-height: 1.25em; text-align: left; } table.responsive-table tr { border-bottom: none; padding: 0 10px; } table.responsive-table thead { border: 0; border-right: 1px solid rgba(0, 0, 0, 0.12); } } .collection { margin: 0.5rem 0 1rem 0; border: 1px solid #e0e0e0; border-radius: 2px; overflow: hidden; position: relative; } .collection .collection-item { background-color: #fff; line-height: 1.5rem; padding: 10px 20px; margin: 0; border-bottom: 1px solid #e0e0e0; } .collection .collection-item.avatar { min-height: 84px; padding-left: 72px; position: relative; } .collection .collection-item.avatar:not(.circle-clipper) > .circle, .collection .collection-item.avatar :not(.circle-clipper) > .circle { position: absolute; width: 42px; height: 42px; overflow: hidden; left: 15px; display: inline-block; vertical-align: middle; } .collection .collection-item.avatar i.circle { font-size: 18px; line-height: 42px; color: #fff; background-color: #999; text-align: center; } .collection .collection-item.avatar .title { font-size: 16px; } .collection .collection-item.avatar p { margin: 0; } .collection .collection-item.avatar .secondary-content { position: absolute; top: 16px; right: 16px; } .collection .collection-item:last-child { border-bottom: none; } .collection .collection-item.active { background-color: #26a69a; color: #eafaf9; } .collection .collection-item.active .secondary-content { color: #fff; } .collection a.collection-item { display: block; transition: .25s; color: #26a69a; } .collection a.collection-item:not(.active):hover { background-color: #ddd; } .collection.with-header .collection-header { background-color: #fff; border-bottom: 1px solid #e0e0e0; padding: 10px 20px; } .collection.with-header .collection-item { padding-left: 30px; } .collection.with-header .collection-item.avatar { padding-left: 72px; } .secondary-content { float: right; color: #26a69a; } .collapsible .collection { margin: 0; border: none; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .progress { position: relative; height: 4px; display: block; width: 100%; background-color: #acece6; border-radius: 2px; margin: 0.5rem 0 1rem 0; overflow: hidden; } .progress .determinate { position: absolute; top: 0; left: 0; bottom: 0; background-color: #26a69a; transition: width .3s linear; } .progress .indeterminate { background-color: #26a69a; } .progress .indeterminate:before { content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } .progress .indeterminate:after { content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation-delay: 1.15s; } @keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } /******************* Utility Classes *******************/ .hide { display: none !important; } .left-align { text-align: left; } .right-align { text-align: right; } .center, .center-align { text-align: center; } .no-select, input[type=range], input[type=range] + .thumb { user-select: none; } .circle { border-radius: 50%; } .center-block { display: block; margin-left: auto; margin-right: auto; } .truncate { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .scale-transition { transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; } .scale-transition.scale-out { transform: scale(0); transition: transform .2s !important; } .scale-transition.scale-in { transform: scale(1); } .material-tooltip { padding: 10px 8px; font-size: 1rem; z-index: 2000; background-color: transparent; border-radius: 2px; color: #fff; min-height: 36px; line-height: 120%; opacity: 0; position: absolute; text-align: center; max-width: calc(100% - 4px); overflow: hidden; left: 0; top: 0; pointer-events: none; visibility: hidden; background-color: #323232; } .backdrop { position: absolute; opacity: 0; height: 7px; width: 14px; border-radius: 0 0 50% 50%; background-color: #323232; z-index: -1; transform-origin: 50% 0%; visibility: hidden; } .btn, .btn-large, .btn-small, .btn-flat { border: none; border-radius: 2px; display: inline-block; height: 36px; line-height: 36px; padding: 0 16px; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent; } .btn.disabled, .disabled.btn-large, .disabled.btn-small, .btn-floating.disabled, .btn-large.disabled, .btn-small.disabled, .btn-flat.disabled, .btn:disabled, .btn-large:disabled, .btn-small:disabled, .btn-floating:disabled, .btn-large:disabled, .btn-small:disabled, .btn-flat:disabled, .btn[disabled], .btn-large[disabled], .btn-small[disabled], .btn-floating[disabled], .btn-large[disabled], .btn-small[disabled], .btn-flat[disabled] { pointer-events: none; background-color: #DFDFDF !important; box-shadow: none; color: #9F9F9F !important; cursor: default; } .btn.disabled:hover, .disabled.btn-large:hover, .disabled.btn-small:hover, .btn-floating.disabled:hover, .btn-large.disabled:hover, .btn-small.disabled:hover, .btn-flat.disabled:hover, .btn:disabled:hover, .btn-large:disabled:hover, .btn-small:disabled:hover, .btn-floating:disabled:hover, .btn-large:disabled:hover, .btn-small:disabled:hover, .btn-flat:disabled:hover, .btn[disabled]:hover, .btn-large[disabled]:hover, .btn-small[disabled]:hover, .btn-floating[disabled]:hover, .btn-large[disabled]:hover, .btn-small[disabled]:hover, .btn-flat[disabled]:hover { background-color: #DFDFDF !important; color: #9F9F9F !important; } .btn, .btn-large, .btn-small, .btn-floating, .btn-large, .btn-small, .btn-flat { font-size: 14px; outline: 0; } .btn i, .btn-large i, .btn-small i, .btn-floating i, .btn-large i, .btn-small i, .btn-flat i { font-size: 1.3rem; line-height: inherit; } .btn, .btn-large, .btn-small { text-decoration: none; background-color: #FFFFFF; text-align: center; letter-spacing: .5px; transition: background-color .2s ease-out; cursor: pointer; border: #03294c 1px solid; border-radius: 19.4px; box-shadow: none; height: 38px; line-height: 0.95; padding: 0 13px; } .btn-floating { display: inline-block; color: #fff; position: relative; overflow: hidden; z-index: 1; width: 40px; height: 40px; line-height: 40px; padding: 0; background-color: #26a69a; border-radius: 50%; transition: background-color .3s; cursor: pointer; vertical-align: middle; } .btn-floating:hover { background-color: #26a69a; } .btn-floating:before { border-radius: 0; } .btn-floating.btn-large { width: 56px; height: 56px; padding: 0; } .btn-floating.btn-large.halfway-fab { bottom: -28px; } .btn-floating.btn-large i { line-height: 56px; } .btn-floating.btn-small { width: 32.4px; height: 32.4px; } .btn-floating.btn-small.halfway-fab { bottom: -16.2px; } .btn-floating.btn-small i { line-height: 32.4px; } .btn-floating.halfway-fab { position: absolute; right: 24px; bottom: -20px; } .btn-floating.halfway-fab.left { right: auto; left: 24px; } .btn-floating i { width: inherit; display: inline-block; text-align: center; color: #fff; font-size: 1.6rem; line-height: 40px; } button.btn-floating { border: none; } .fixed-action-btn { position: fixed; right: 23px; bottom: 23px; padding-top: 15px; margin-bottom: 0; z-index: 997; } .fixed-action-btn.active ul { visibility: visible; } .fixed-action-btn.direction-left, .fixed-action-btn.direction-right { padding: 0 0 0 15px; } .fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul { text-align: right; right: 64px; top: 50%; transform: translateY(-50%); height: 100%; left: auto; /*width 100% only goes to width of button container */ width: 500px; } .fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li { display: inline-block; margin: 7.5px 15px 0 0; } .fixed-action-btn.direction-right { padding: 0 15px 0 0; } .fixed-action-btn.direction-right ul { text-align: left; direction: rtl; left: 64px; right: auto; } .fixed-action-btn.direction-right ul li { margin: 7.5px 0 0 15px; } .fixed-action-btn.direction-bottom { padding: 0 0 15px 0; } .fixed-action-btn.direction-bottom ul { top: 64px; bottom: auto; display: flex; flex-direction: column-reverse; } .fixed-action-btn.direction-bottom ul li { margin: 15px 0 0 0; } .fixed-action-btn.toolbar { padding: 0; height: 56px; } .fixed-action-btn.toolbar.active > a i { opacity: 0; } .fixed-action-btn.toolbar ul { display: flex; top: 0; bottom: 0; z-index: 1; } .fixed-action-btn.toolbar ul li { flex: 1; display: inline-block; margin: 0; height: 100%; transition: none; } .fixed-action-btn.toolbar ul li a { display: block; overflow: hidden; position: relative; width: 100%; height: 100%; background-color: transparent; box-shadow: none; color: #fff; line-height: 56px; z-index: 1; } .fixed-action-btn.toolbar ul li a i { line-height: inherit; } .fixed-action-btn ul { left: 0; right: 0; text-align: center; position: absolute; bottom: 64px; margin: 0; visibility: hidden; } .fixed-action-btn ul li { margin-bottom: 15px; } .fixed-action-btn ul a.btn-floating { opacity: 0; } .fixed-action-btn .fab-backdrop { position: absolute; top: 0; left: 0; z-index: -1; width: 40px; height: 40px; background-color: #26a69a; border-radius: 50%; transform: scale(0); } .btn-flat { box-shadow: none; background-color: transparent; color: #343434; cursor: pointer; transition: background-color .2s; } .btn-flat:focus, .btn-flat:hover { box-shadow: none; } .btn-flat:focus { background-color: rgba(0, 0, 0, 0.1); } .btn-flat.disabled, .btn-flat.btn-flat[disabled] { background-color: transparent !important; color: #b3b3b3 !important; cursor: default; } .btn-large { height: 54px; line-height: 54px; font-size: 15px; padding: 0 28px; } .btn-large i { font-size: 1.6rem; } .btn-small { height: 32.4px; line-height: 32.4px; font-size: 13px; } .btn-small i { font-size: 1.2rem; } .btn-block { display: block; } .dropdown-content { background-color: #fff; margin: 0; display: none; min-width: 100px; overflow-y: auto; opacity: 0; position: absolute; left: 0; top: 0; z-index: 9999; transform-origin: 0 0; } .dropdown-content:focus { outline: 0; } .dropdown-content li { clear: both; color: rgba(0, 0, 0, 0.87); cursor: pointer; min-height: 50px; line-height: 1.5rem; width: 100%; text-align: left; } .dropdown-content li:hover, .dropdown-content li.active { background-color: #0a294c !important; } .dropdown-content li:hover span, .dropdown-content li.active span { color: #FFFFFF; } .dropdown-content li:focus { outline: none; } .dropdown-content li.divider { min-height: 0; height: 1px; } .dropdown-content li > a, .dropdown-content li > span { font-size: 16px; color: #0a294c; display: block; line-height: 22px; padding: 14px 16px; } .dropdown-content li > span > label { top: 1px; left: 0; height: 18px; } .dropdown-content li > a > i { height: inherit; line-height: inherit; float: left; margin: 0 24px 0 0; width: 24px; } body.keyboard-focused .dropdown-content li:focus { background-color: #dadada; } .input-field.col .dropdown-content [type="checkbox"] + label { top: 1px; left: 0; height: 18px; transform: none; } .dropdown-trigger { cursor: pointer; } /*! * Waves v0.6.0 * http://fian.my.id/Waves * * Copyright 2014 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */ .waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; transition: .3s ease-out; } .waves-effect.no-trans-effect { transition: none; } .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, 0.2); transition: all 0.7s ease-out; transition-property: transform, opacity; transform: scale(0); pointer-events: none; } .waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, 0.45); } .waves-effect.waves-red .waves-ripple { background-color: rgba(244, 67, 54, 0.7); } .waves-effect.waves-yellow .waves-ripple { background-color: rgba(255, 235, 59, 0.7); } .waves-effect.waves-orange .waves-ripple { background-color: rgba(255, 152, 0, 0.7); } .waves-effect.waves-purple .waves-ripple { background-color: rgba(156, 39, 176, 0.7); } .waves-effect.waves-green .waves-ripple { background-color: rgba(76, 175, 80, 0.7); } .waves-effect.waves-teal .waves-ripple { background-color: rgba(0, 150, 136, 0.7); } .waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] { border: 0; font-style: normal; font-size: inherit; text-transform: inherit; background: none; } .waves-effect img { position: relative; z-index: -1; } .waves-notransition { transition: none !important; } .waves-circle { transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); } .waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; } .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; } .waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; -webkit-mask-image: none; } .waves-block { display: block; } /* Firefox Bug: link not triggered */ .waves-effect .waves-ripple { z-index: -1; } .collapsible { border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; margin: 0.5rem 0 1rem 0; } .collapsible-header { display: flex; cursor: pointer; -webkit-tap-highlight-color: transparent; line-height: 1.5; padding: 1rem; background-color: #fff; border-bottom: 1px solid #ddd; } .collapsible-header:focus { outline: 0; } .collapsible-header i { width: 2rem; font-size: 1.6rem; display: inline-block; text-align: center; margin-right: 1rem; } .keyboard-focused .collapsible-header:focus { background-color: #eee; } .collapsible-body { display: none; border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 2rem; } .sidenav .collapsible, .sidenav.fixed .collapsible { border: none; box-shadow: none; } .sidenav .collapsible li, .sidenav.fixed .collapsible li { padding: 0; } .sidenav .collapsible-header, .sidenav.fixed .collapsible-header { background-color: transparent; border: none; line-height: inherit; height: inherit; padding: 0 16px; } .sidenav .collapsible-header:hover, .sidenav.fixed .collapsible-header:hover { background-color: rgba(0, 0, 0, 0.05); } .sidenav .collapsible-header i, .sidenav.fixed .collapsible-header i { line-height: inherit; } .sidenav .collapsible-body, .sidenav.fixed .collapsible-body { border: 0; background-color: #fff; } .sidenav .collapsible-body li a, .sidenav.fixed .collapsible-body li a { padding: 0 23.5px 0 31px; } .collapsible.popout { border: none; box-shadow: none; } .collapsible.popout > li { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin: 0 24px; transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .collapsible.popout > li.active { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); margin: 16px 0; } .chip { display: inline-block; height: 32px; font-size: 13px; font-weight: 500; color: rgba(0, 0, 0, 0.6); line-height: 32px; padding: 0 12px; border-radius: 16px; background-color: #e4e4e4; margin-bottom: 5px; margin-right: 5px; } .chip:focus { outline: none; background-color: #26a69a; color: #fff; } .chip > img { float: left; margin: 0 8px 0 -12px; height: 32px; width: 32px; border-radius: 50%; } .chip .close { cursor: pointer; float: right; font-size: 16px; line-height: 32px; padding-left: 8px; } .chips { border: none; border-bottom: 1px solid #9e9e9e; box-shadow: none; margin: 0 0 8px 0; min-height: 45px; outline: none; transition: all .3s; } .chips.focus { border-bottom: 1px solid #26a69a; box-shadow: 0 1px 0 0 #26a69a; } .chips:hover { cursor: text; } .chips .input { background: none; border: 0; color: rgba(0, 0, 0, 0.6); display: inline-block; font-size: 18px; height: 3rem; line-height: 32px; outline: 0; margin: 0; padding: 0 !important; width: 120px !important; } .chips .input:focus { border: 0 !important; box-shadow: none !important; } .chips .autocomplete-content { margin-top: 0; margin-bottom: 0; } .prefix ~ .chips { margin-left: 3rem; width: 92%; width: calc(100% - 3rem); } .chips:empty ~ label { font-size: 0.8rem; transform: translateY(-140%); } .materialboxed { display: block; cursor: zoom-in; position: relative; transition: opacity .4s; -webkit-backface-visibility: hidden; } .materialboxed:hover:not(.active) { opacity: .8; } .materialboxed.active { cursor: zoom-out; } #materialbox-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #292929; z-index: 1000; will-change: opacity; } .materialbox-caption { position: fixed; display: none; color: #fff; line-height: 50px; bottom: 0; left: 0; width: 100%; text-align: center; padding: 0% 15%; height: 50px; z-index: 1000; -webkit-font-smoothing: antialiased; } select:focus { outline: 1px solid #c9f3ef; } label { font-size: 0.8rem; color: #9e9e9e; } .poalim-webform { /* Text Inputs + Textarea ========================================================================== */ /* Style Placeholders */ /* Text inputs */ /* Validation Sass Placeholders */ /* Search Field */ /* Textarea */ /* Autocomplete */ /* Character Counter */ } .poalim-webform ::placeholder { color: #d1d1d1; } .poalim-webform input:not([type]), .poalim-webform input[type=text]:not(.browser-default), .poalim-webform input[type=password]:not(.browser-default), .poalim-webform input[type=email]:not(.browser-default), .poalim-webform input[type=url]:not(.browser-default), .poalim-webform input[type=time]:not(.browser-default), .poalim-webform input[type=date]:not(.browser-default), .poalim-webform input[type=datetime]:not(.browser-default), .poalim-webform input[type=datetime-local]:not(.browser-default), .poalim-webform input[type=tel]:not(.browser-default), .poalim-webform input[type=number]:not(.browser-default), .poalim-webform input[type=search]:not(.browser-default), .poalim-webform textarea.materialize-textarea { border: none; border-radius: 0; outline: none; height: 3rem; width: 100%; font-size: 18px; margin: 0 0 8px 0; padding: 0; box-shadow: none; box-sizing: content-box; transition: box-shadow .3s, border .3s; border-bottom: #0a294c 1px solid; } .poalim-webform input:not([type]):disabled, .poalim-webform input:not([type])[readonly="readonly"], .poalim-webform input[type=text]:not(.browser-default):disabled, .poalim-webform input[type=text]:not(.browser-default)[readonly="readonly"], .poalim-webform input[type=password]:not(.browser-default):disabled, .poalim-webform input[type=password]:not(.browser-default)[readonly="readonly"], .poalim-webform input[type=email]:not(.browser-default):disabled, .poalim-webform input[type=email]:not(.browser-default)[readonly="readonly"], .poalim-webform input[type=url]:not(.browser-default):disabled, .poalim-webform input[type=url]:not(.browser-default)[readonly="readonly"], .poalim-webform input[type=time]:not(.browser-default):disabled, .poalim-webform input[type=time]:not(.browser-default)[readonly="readonly"], .poalim-webform input[type=date]:not(.browser-default):disabled, .poalim-webform input[type=date]:not(.browser-default)[readonly="readonly"], .poalim-webform input[type=datetime]:not(.browser-default):disabled, .poalim-webform input[type=datetime]:not(.browser-default)[readonly="readonly"], .poalim-webform input[type=datetime-local]:not(.browser-default):disabled, .poalim-webform input[type=datetime-local]:not(.browser-default)[readonly="readonly"], .poalim-webform input[type=tel]:not(.browser-default):disabled, .poalim-webform input[type=tel]:not(.browser-default)[readonly="readonly"], .poalim-webform input[type=number]:not(.browser-default):disabled, .poalim-webform input[type=number]:not(.browser-default)[readonly="readonly"], .poalim-webform input[type=search]:not(.browser-default):disabled, .poalim-webform input[type=search]:not(.browser-default)[readonly="readonly"], .poalim-webform textarea.materialize-textarea:disabled, .poalim-webform textarea.materialize-textarea[readonly="readonly"] { color: rgba(0, 0, 0, 0.42); border-bottom: 1px dotted rgba(0, 0, 0, 0.42); } .poalim-webform input:not([type]):disabled + label, .poalim-webform input:not([type])[readonly="readonly"] + label, .poalim-webform input[type=text]:not(.browser-default):disabled + label, .poalim-webform input[type=text]:not(.browser-default)[readonly="readonly"] + label, .poalim-webform input[type=password]:not(.browser-default):disabled + label, .poalim-webform input[type=password]:not(.browser-default)[readonly="readonly"] + label, .poalim-webform input[type=email]:not(.browser-default):disabled + label, .poalim-webform input[type=email]:not(.browser-default)[readonly="readonly"] + label, .poalim-webform input[type=url]:not(.browser-default):disabled + label, .poalim-webform input[type=url]:not(.browser-default)[readonly="readonly"] + label, .poalim-webform input[type=time]:not(.browser-default):disabled + label, .poalim-webform input[type=time]:not(.browser-default)[readonly="readonly"] + label, .poalim-webform input[type=date]:not(.browser-default):disabled + label, .poalim-webform input[type=date]:not(.browser-default)[readonly="readonly"] + label, .poalim-webform input[type=datetime]:not(.browser-default):disabled + label, .poalim-webform input[type=datetime]:not(.browser-default)[readonly="readonly"] + label, .poalim-webform input[type=datetime-local]:not(.browser-default):disabled + label, .poalim-webform input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label, .poalim-webform input[type=tel]:not(.browser-default):disabled + label, .poalim-webform input[type=tel]:not(.browser-default)[readonly="readonly"] + label, .poalim-webform input[type=number]:not(.browser-default):disabled + label, .poalim-webform input[type=number]:not(.browser-default)[readonly="readonly"] + label, .poalim-webform input[type=search]:not(.browser-default):disabled + label, .poalim-webform input[type=search]:not(.browser-default)[readonly="readonly"] + label, .poalim-webform textarea.materialize-textarea:disabled + label, .poalim-webform textarea.materialize-textarea[readonly="readonly"] + label { color: rgba(0, 0, 0, 0.42); } .poalim-webform input:not([type]):focus:not([readonly]), .poalim-webform input[type=text]:not(.browser-default):focus:not([readonly]), .poalim-webform input[type=password]:not(.browser-default):focus:not([readonly]), .poalim-webform input[type=email]:not(.browser-default):focus:not([readonly]), .poalim-webform input[type=url]:not(.browser-default):focus:not([readonly]), .poalim-webform input[type=time]:not(.browser-default):focus:not([readonly]), .poalim-webform input[type=date]:not(.browser-default):focus:not([readonly]), .poalim-webform input[type=datetime]:not(.browser-default):focus:not([readonly]), .poalim-webform input[type=datetime-local]:not(.browser-default):focus:not([readonly]), .poalim-webform input[type=tel]:not(.browser-default):focus:not([readonly]), .poalim-webform input[type=number]:not(.browser-default):focus:not([readonly]), .poalim-webform input[type=search]:not(.browser-default):focus:not([readonly]), .poalim-webform textarea.materialize-textarea:focus:not([readonly]) { border-bottom: #0a294c 1px solid; } .poalim-webform input:not([type]):focus:not([readonly]) + label, .poalim-webform input[type=text]:not(.browser-default):focus:not([readonly]) + label, .poalim-webform input[type=password]:not(.browser-default):focus:not([readonly]) + label, .poalim-webform input[type=email]:not(.browser-default):focus:not([readonly]) + label, .poalim-webform input[type=url]:not(.browser-default):focus:not([readonly]) + label, .poalim-webform input[type=time]:not(.browser-default):focus:not([readonly]) + label, .poalim-webform input[type=date]:not(.browser-default):focus:not([readonly]) + label, .poalim-webform input[type=datetime]:not(.browser-default):focus:not([readonly]) + label, .poalim-webform input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label, .poalim-webform input[type=tel]:not(.browser-default):focus:not([readonly]) + label, .poalim-webform input[type=number]:not(.browser-default):focus:not([readonly]) + label, .poalim-webform input[type=search]:not(.browser-default):focus:not([readonly]) + label, .poalim-webform textarea.materialize-textarea:focus:not([readonly]) + label { color: #26a69a; } .poalim-webform input:not([type]):focus.valid ~ label, .poalim-webform input[type=text]:not(.browser-default):focus.valid ~ label, .poalim-webform input[type=password]:not(.browser-default):focus.valid ~ label, .poalim-webform input[type=email]:not(.browser-default):focus.valid ~ label, .poalim-webform input[type=url]:not(.browser-default):focus.valid ~ label, .poalim-webform input[type=time]:not(.browser-default):focus.valid ~ label, .poalim-webform input[type=date]:not(.browser-default):focus.valid ~ label, .poalim-webform input[type=datetime]:not(.browser-default):focus.valid ~ label, .poalim-webform input[type=datetime-local]:not(.browser-default):focus.valid ~ label, .poalim-webform input[type=tel]:not(.browser-default):focus.valid ~ label, .poalim-webform input[type=number]:not(.browser-default):focus.valid ~ label, .poalim-webform input[type=search]:not(.browser-default):focus.valid ~ label, .poalim-webform textarea.materialize-textarea:focus.valid ~ label { color: #4CAF50; } .poalim-webform input:not([type]):focus.error ~ label, .poalim-webform input[type=text]:not(.browser-default):focus.error ~ label, .poalim-webform input[type=password]:not(.browser-default):focus.error ~ label, .poalim-webform input[type=email]:not(.browser-default):focus.error ~ label, .poalim-webform input[type=url]:not(.browser-default):focus.error ~ label, .poalim-webform input[type=time]:not(.browser-default):focus.error ~ label, .poalim-webform input[type=date]:not(.browser-default):focus.error ~ label, .poalim-webform input[type=datetime]:not(.browser-default):focus.error ~ label, .poalim-webform input[type=datetime-local]:not(.browser-default):focus.error ~ label, .poalim-webform input[type=tel]:not(.browser-default):focus.error ~ label, .poalim-webform input[type=number]:not(.browser-default):focus.error ~ label, .poalim-webform input[type=search]:not(.browser-default):focus.error ~ label, .poalim-webform textarea.materialize-textarea:focus.error ~ label { color: #F44336; } .poalim-webform input:not([type]).validate + label, .poalim-webform input[type=text]:not(.browser-default).validate + label, .poalim-webform input[type=password]:not(.browser-default).validate + label, .poalim-webform input[type=email]:not(.browser-default).validate + label, .poalim-webform input[type=url]:not(.browser-default).validate + label, .poalim-webform input[type=time]:not(.browser-default).validate + label, .poalim-webform input[type=date]:not(.browser-default).validate + label, .poalim-webform input[type=datetime]:not(.browser-default).validate + label, .poalim-webform input[type=datetime-local]:not(.browser-default).validate + label, .poalim-webform input[type=tel]:not(.browser-default).validate + label, .poalim-webform input[type=number]:not(.browser-default).validate + label, .poalim-webform input[type=search]:not(.browser-default).validate + label, .poalim-webform textarea.materialize-textarea.validate + label { width: 100%; } .poalim-webform input.valid:not([type]), .poalim-webform input.valid:not([type]):focus, .poalim-webform input.valid[type=text]:not(.browser-default), .poalim-webform input.valid[type=text]:not(.browser-default):focus, .poalim-webform input.valid[type=password]:not(.browser-default), .poalim-webform input.valid[type=password]:not(.browser-default):focus, .poalim-webform input.valid[type=email]:not(.browser-default), .poalim-webform input.valid[type=email]:not(.browser-default):focus, .poalim-webform input.valid[type=url]:not(.browser-default), .poalim-webform input.valid[type=url]:not(.browser-default):focus, .poalim-webform input.valid[type=time]:not(.browser-default), .poalim-webform input.valid[type=time]:not(.browser-default):focus, .poalim-webform input.valid[type=date]:not(.browser-default), .poalim-webform input.valid[type=date]:not(.browser-default):focus, .poalim-webform input.valid[type=datetime]:not(.browser-default), .poalim-webform input.valid[type=datetime]:not(.browser-default):focus, .poalim-webform input.valid[type=datetime-local]:not(.browser-default), .poalim-webform input.valid[type=datetime-local]:not(.browser-default):focus, .poalim-webform input.valid[type=tel]:not(.browser-default), .poalim-webform input.valid[type=tel]:not(.browser-default):focus, .poalim-webform input.valid[type=number]:not(.browser-default), .poalim-webform input.valid[type=number]:not(.browser-default):focus, .poalim-webform input.valid[type=search]:not(.browser-default), .poalim-webform input.valid[type=search]:not(.browser-default):focus, .poalim-webform textarea.materialize-textarea.valid, .poalim-webform textarea.materialize-textarea.valid:focus, .poalim-webform .select-wrapper.valid > input.select-dropdown { border-bottom: 1px solid #4CAF50; box-shadow: 0 1px 0 0 #4CAF50; } .poalim-webform input.error:not([type]), .poalim-webform input.error:not([type]):focus, .poalim-webform input.error[type=text]:not(.browser-default), .poalim-webform input.error[type=text]:not(.browser-default):focus, .poalim-webform input.error[type=password]:not(.browser-default), .poalim-webform input.error[type=password]:not(.browser-default):focus, .poalim-webform input.error[type=email]:not(.browser-default), .poalim-webform input.error[type=email]:not(.browser-default):focus, .poalim-webform input.error[type=url]:not(.browser-default), .poalim-webform input.error[type=url]:not(.browser-default):focus, .poalim-webform input.error[type=time]:not(.browser-default), .poalim-webform input.error[type=time]:not(.browser-default):focus, .poalim-webform input.error[type=date]:not(.browser-default), .poalim-webform input.error[type=date]:not(.browser-default):focus, .poalim-webform input.error[type=datetime]:not(.browser-default), .poalim-webform input.error[type=datetime]:not(.browser-default):focus, .poalim-webform input.error[type=datetime-local]:not(.browser-default), .poalim-webform input.error[type=datetime-local]:not(.browser-default):focus, .poalim-webform input.error[type=tel]:not(.browser-default), .poalim-webform input.error[type=tel]:not(.browser-default):focus, .poalim-webform input.error[type=number]:not(.browser-default), .poalim-webform input.error[type=number]:not(.browser-default):focus, .poalim-webform input.error[type=search]:not(.browser-default), .poalim-webform input.error[type=search]:not(.browser-default):focus, .poalim-webform textarea.materialize-textarea.error, .poalim-webform textarea.materialize-textarea.error:focus, .poalim-webform .select-wrapper.invalid > input.select-dropdown, .poalim-webform .select-wrapper.invalid > input.select-dropdown:focus { border-bottom: 1px solid #F44336; box-shadow: 0 1px 0 0 #F44336; } .poalim-webform input:not([type]).valid ~ .helper-text[data-success], .poalim-webform input:not([type]):focus.valid ~ .helper-text[data-success], .poalim-webform input:not([type]).invalid ~ .helper-text[data-error], .poalim-webform input:not([type]):focus.invalid ~ .helper-text[data-error], .poalim-webform input[type=text]:not(.browser-default).valid ~ .helper-text[data-success], .poalim-webform input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success], .poalim-webform input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error], .poalim-webform input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error], .poalim-webform input[type=password]:not(.browser-default).valid ~ .helper-text[data-success], .poalim-webform input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success], .poalim-webform input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error], .poalim-webform input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error], .poalim-webform input[type=email]:not(.browser-default).valid ~ .helper-text[data-success], .poalim-webform input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success], .poalim-webform input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error], .poalim-webform input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error], .poalim-webform input[type=url]:not(.browser-default).valid ~ .helper-text[data-success], .poalim-webform input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success], .poalim-webform input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error], .poalim-webform input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error], .poalim-webform input[type=time]:not(.browser-default).valid ~ .helper-text[data-success], .poalim-webform input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success], .poalim-webform input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error], .poalim-webform input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error], .poalim-webform input[type=date]:not(.browser-default).valid ~ .helper-text[data-success], .poalim-webform input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success], .poalim-webform input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error], .poalim-webform input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error], .poalim-webform input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success], .poalim-webform input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success], .poalim-webform input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error], .poalim-webform input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error], .poalim-webform input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success], .poalim-webform input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success], .poalim-webform input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error], .poalim-webform input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error], .poalim-webform input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success], .poalim-webform input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success], .poalim-webform input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error], .poalim-webform input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error], .poalim-webform input[type=number]:not(.browser-default).valid ~ .helper-text[data-success], .poalim-webform input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success], .poalim-webform input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error], .poalim-webform input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error], .poalim-webform input[type=search]:not(.browser-default).valid ~ .helper-text[data-success], .poalim-webform input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success], .poalim-webform input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error], .poalim-webform input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error], .poalim-webform textarea.materialize-textarea.valid ~ .helper-text[data-success], .poalim-webform textarea.materialize-textarea:focus.valid ~ .helper-text[data-success], .poalim-webform textarea.materialize-textarea.invalid ~ .helper-text[data-error], .poalim-webform textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error], .poalim-webform .select-wrapper.valid .helper-text[data-success], .poalim-webform .select-wrapper.invalid ~ .helper-text[data-error] { color: transparent; user-select: none; pointer-events: none; } .poalim-webform input:not([type]).valid ~ .helper-text:after, .poalim-webform input:not([type]):focus.valid ~ .helper-text:after, .poalim-webform input[type=text]:not(.browser-default).valid ~ .helper-text:after, .poalim-webform input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after, .poalim-webform input[type=password]:not(.browser-default).valid ~ .helper-text:after, .poalim-webform input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after, .poalim-webform input[type=email]:not(.browser-default).valid ~ .helper-text:after, .poalim-webform input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after, .poalim-webform input[type=url]:not(.browser-default).valid ~ .helper-text:after, .poalim-webform input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after, .poalim-webform input[type=time]:not(.browser-default).valid ~ .helper-text:after, .poalim-webform input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after, .poalim-webform input[type=date]:not(.browser-default).valid ~ .helper-text:after, .poalim-webform input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after, .poalim-webform input[type=datetime]:not(.browser-default).valid ~ .helper-text:after, .poalim-webform input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after, .poalim-webform input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after, .poalim-webform input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after, .poalim-webform input[type=tel]:not(.browser-default).valid ~ .helper-text:after, .poalim-webform input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after, .poalim-webform input[type=number]:not(.browser-default).valid ~ .helper-text:after, .poalim-webform input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after, .poalim-webform input[type=search]:not(.browser-default).valid ~ .helper-text:after, .poalim-webform input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after, .poalim-webform textarea.materialize-textarea.valid ~ .helper-text:after, .poalim-webform textarea.materialize-textarea:focus.valid ~ .helper-text:after, .poalim-webform .select-wrapper.valid ~ .helper-text:after { content: attr(data-success); color: #4CAF50; } .poalim-webform input:not([type]).error ~ .helper-text:after, .poalim-webform input:not([type]):focus.error ~ .helper-text:after, .poalim-webform input[type=text]:not(.browser-default).error ~ .helper-text:after, .poalim-webform input[type=text]:not(.browser-default):focus.error ~ .helper-text:after, .poalim-webform input[type=password]:not(.browser-default).error ~ .helper-text:after, .poalim-webform input[type=password]:not(.browser-default):focus.error ~ .helper-text:after, .poalim-webform input[type=email]:not(.browser-default).error ~ .helper-text:after, .poalim-webform input[type=email]:not(.browser-default):focus.error ~ .helper-text:after, .poalim-webform input[type=url]:not(.browser-default).error ~ .helper-text:after, .poalim-webform input[type=url]:not(.browser-default):focus.error ~ .helper-text:after, .poalim-webform input[type=time]:not(.browser-default).error ~ .helper-text:after, .poalim-webform input[type=time]:not(.browser-default):focus.error ~ .helper-text:after, .poalim-webform input[type=date]:not(.browser-default).error ~ .helper-text:after, .poalim-webform input[type=date]:not(.browser-default):focus.error ~ .helper-text:after, .poalim-webform input[type=datetime]:not(.browser-default).error ~ .helper-text:after, .poalim-webform input[type=datetime]:not(.browser-default):focus.error ~ .helper-text:after, .poalim-webform input[type=datetime-local]:not(.browser-default).error ~ .helper-text:after, .poalim-webform input[type=datetime-local]:not(.browser-default):focus.error ~ .helper-text:after, .poalim-webform input[type=tel]:not(.browser-default).error ~ .helper-text:after, .poalim-webform input[type=tel]:not(.browser-default):focus.error ~ .helper-text:after, .poalim-webform input[type=number]:not(.browser-default).error ~ .helper-text:after, .poalim-webform input[type=number]:not(.browser-default):focus.error ~ .helper-text:after, .poalim-webform input[type=search]:not(.browser-default).error ~ .helper-text:after, .poalim-webform input[type=search]:not(.browser-default):focus.error ~ .helper-text:after, .poalim-webform textarea.materialize-textarea.error ~ .helper-text:after, .poalim-webform textarea.materialize-textarea:focus.error ~ .helper-text:after, .poalim-webform .select-wrapper.invalid ~ .helper-text:after { content: attr(data-error); color: #F44336; } .poalim-webform input:not([type]) + label:after, .poalim-webform input[type=text]:not(.browser-default) + label:after, .poalim-webform input[type=password]:not(.browser-default) + label:after, .poalim-webform input[type=email]:not(.browser-default) + label:after, .poalim-webform input[type=url]:not(.browser-default) + label:after, .poalim-webform input[type=time]:not(.browser-default) + label:after, .poalim-webform input[type=date]:not(.browser-default) + label:after, .poalim-webform input[type=datetime]:not(.browser-default) + label:after, .poalim-webform input[type=datetime-local]:not(.browser-default) + label:after, .poalim-webform input[type=tel]:not(.browser-default) + label:after, .poalim-webform input[type=number]:not(.browser-default) + label:after, .poalim-webform input[type=search]:not(.browser-default) + label:after, .poalim-webform textarea.materialize-textarea + label:after, .poalim-webform .select-wrapper + label:after { display: block; content: ""; position: absolute; top: 100%; left: 0; opacity: 0; transition: .2s opacity ease-out, .2s color ease-out; } .poalim-webform .input-field { position: relative; margin-top: 1rem; margin-bottom: 1rem; } .poalim-webform .input-field.inline { display: inline-block; vertical-align: middle; margin-left: 5px; } .poalim-webform .input-field.inline input, .poalim-webform .input-field.inline .select-dropdown { margin-bottom: 1rem; } .poalim-webform .input-field input { color: #0a294c; } .poalim-webform .input-field.col label { left: 0.75rem; } .poalim-webform .input-field.col .prefix ~ label, .poalim-webform .input-field.col .prefix ~ .validate ~ label { width: calc(100% - 3rem - 1.5rem); } .poalim-webform .input-field > label { color: #9e9e9e; color: #0a294c; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: right; margin-top: 2px; position: absolute; top: 0; right: 0; cursor: text; transition: transform .2s ease-out, color .2s ease-out; transform-origin: 100% 100%; text-align: initial; transform: translateY(12px); } .poalim-webform .input-field > label:not(.label-icon).active { transform: translateY(-4px) scale(0.8); transform-origin: 75% 0; top: 6px; } .poalim-webform .input-field > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label, .poalim-webform .input-field > input[type=date]:not(.browser-default) + label, .poalim-webform .input-field > input[type=time]:not(.browser-default) + label { transform: translateY(-14px) scale(0.8); transform-origin: 0 0; } .poalim-webform .input-field .helper-text { position: relative; min-height: 18px; display: block; font-size: 12px; color: rgba(0, 0, 0, 0.54); } .poalim-webform .input-field .helper-text::after { opacity: 1; position: absolute; top: 0; left: 0; } .poalim-webform .input-field .prefix { position: absolute; width: 3rem; font-size: 2rem; transition: color .2s; top: 0.5rem; } .poalim-webform .input-field .prefix.active { color: #26a69a; } .poalim-webform .input-field .prefix ~ input, .poalim-webform .input-field .prefix ~ textarea, .poalim-webform .input-field .prefix ~ label, .poalim-webform .input-field .prefix ~ .validate ~ label, .poalim-webform .input-field .prefix ~ .helper-text, .poalim-webform .input-field .prefix ~ .autocomplete-content { margin-left: 3rem; width: 92%; width: calc(100% - 3rem); } .poalim-webform .input-field .prefix ~ label { margin-left: 3rem; } @media only screen and (max-width: 992px) { .poalim-webform .input-field .prefix ~ input { width: 86%; width: calc(100% - 3rem); } } @media only screen and (max-width: 600px) { .poalim-webform .input-field .prefix ~ input { width: 80%; width: calc(100% - 3rem); } } .poalim-webform .input-field input[type=search] { display: block; line-height: inherit; transition: .3s background-color; } .nav-wrapper .poalim-webform .input-field input[type=search] { height: inherit; padding-left: 4rem; width: calc(100% - 4rem); border: 0; box-shadow: none; } .poalim-webform .input-field input[type=search]:focus:not(.browser-default) { background-color: #fff; border: 0; box-shadow: none; color: #444; } .poalim-webform .input-field input[type=search]:focus:not(.browser-default) + label i, .poalim-webform .input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close, .poalim-webform .input-field input[type=search]:focus:not(.browser-default) ~ .material-icons { color: #444; } .poalim-webform .input-field input[type=search] + .label-icon { transform: none; left: 1rem; } .poalim-webform .input-field input[type=search] ~ .mdi-navigation-close, .poalim-webform .input-field input[type=search] ~ .material-icons { position: absolute; top: 0; right: 1rem; color: transparent; cursor: pointer; font-size: 2rem; transition: .3s color; } .poalim-webform textarea { width: 100%; height: 3rem; background-color: #FFFFFF !important; } .poalim-webform textarea.materialize-textarea { line-height: normal; overflow-y: hidden; /* prevents scroll bar flash */ padding: .8rem 0 .8rem 0; /* prevents text jump on Enter keypress */ resize: none; min-height: 3rem; box-sizing: border-box; height: 146px; border-bottom: #0a294c 1px solid; } .poalim-webform .hiddendiv { visibility: hidden; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */ padding-top: 1.2rem; /* prevents text jump on Enter keypress */ position: absolute; top: 0; z-index: -1; } .poalim-webform .autocomplete-content li .highlight { color: #444; } .poalim-webform .autocomplete-content li img { height: 40px; width: 40px; margin: 5px 15px; } .poalim-webform .character-counter { min-height: 18px; } .poalim-webform { /* Radio Buttons ========================================================================== */ /* Unchecked styles */ /* Checked styles */ /* Radio With gap */ /* Focused styles */ /* Disabled Radio With gap */ /* Disabled style */ } .poalim-webform [type="radio"]:not(:checked), .poalim-webform [type="radio"]:checked { position: absolute; opacity: 0; pointer-events: none; } .poalim-webform [type="radio"]:not(:checked) + label, .poalim-webform [type="radio"]:checked + label { font-family: 'Poalim'; position: relative; padding-right: 25px; cursor: pointer; display: inline-block; height: 25px; transition: .28s ease; user-select: none; margin-left: 15px; margin-bottom: 0; line-height: 0.9; } html[dir=ltr] .poalim-webform [type="radio"]:not(:checked) + label, html[dir=ltr] .poalim-webform [type="radio"]:checked + label { margin-left: auto; margin-right: 15px; padding-right: initial; padding-left: 25px; } .poalim-webform [type="radio"] + label:before, .poalim-webform [type="radio"] + label:after { content: ''; position: absolute; right: 0; top: -3px; margin: 4px; width: 16px; height: 16px; z-index: 0; transition: .28s ease; } html[dir=ltr] .poalim-webform [type="radio"] + label:before, html[dir=ltr] .poalim-webform [type="radio"] + label:after { left: 0; } .poalim-webform [type="radio"]:not(:checked) + label:before, .poalim-webform [type="radio"]:not(:checked) + label:after, .poalim-webform [type="radio"]:checked + label:before, .poalim-webform [type="radio"]:checked + label:after, .poalim-webform [type="radio"].with-gap:checked + label:before, .poalim-webform [type="radio"].with-gap:checked + label:after { border-radius: 50%; } .poalim-webform [type="radio"]:not(:checked) + label:before, .poalim-webform [type="radio"]:not(:checked) + label:after { border: 2px solid #0a294c; } .poalim-webform [type="radio"]:not(:checked) + label:after { transform: scale(0); } .poalim-webform [type="radio"]:checked + label:before { border: 2px solid #0a294c; } .poalim-webform [type="radio"]:checked + label:after, .poalim-webform [type="radio"].with-gap:checked + label:before, .poalim-webform [type="radio"].with-gap:checked + label:after { border: #0a294c 2px solid; } .poalim-webform [type="radio"]:checked + label:after, .poalim-webform [type="radio"].with-gap:checked + label:after { background-color: #0a294c; } .poalim-webform [type="radio"]:checked + label:after { transform: scale(0.5); } .poalim-webform [type="radio"].with-gap:checked + label:after { transform: scale(0.5); } .poalim-webform [type="radio"].tabbed:focus + label:before { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); } .poalim-webform [type="radio"].with-gap:disabled:checked + label:before { border: 2px solid rgba(0, 0, 0, 0.42); } .poalim-webform [type="radio"].with-gap:disabled:checked + label:after { border: none; background-color: rgba(0, 0, 0, 0.42); } .poalim-webform [type="radio"]:disabled:not(:checked) + label:before, .poalim-webform [type="radio"]:disabled:checked + label:before { background-color: transparent; border-color: rgba(0, 0, 0, 0.42); } .poalim-webform [type="radio"]:disabled + label { color: rgba(0, 0, 0, 0.42); } .poalim-webform [type="radio"]:disabled:not(:checked) + label:before { border-color: rgba(0, 0, 0, 0.42); } .poalim-webform [type="radio"]:disabled:checked + label:after { background-color: rgba(0, 0, 0, 0.42); border-color: #949494; } .poalim-webform { /* Checkboxes ========================================================================== */ /* Remove default checkbox */ /* Indeterminate checkbox */ } .poalim-webform [type="checkbox"]:not(:checked), .poalim-webform [type="checkbox"]:checked { position: absolute; opacity: 0; pointer-events: none; } .poalim-webform [type="checkbox"] { /* checkbox aspect */ } .poalim-webform [type="checkbox"] + label:not(.lever):not([for*="file"]) { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1rem; user-select: none; } .poalim-webform [type="checkbox"] + label:not(.lever):not([for*="file"]):before, .poalim-webform [type="checkbox"]:not(.filled-in) + label:not(.lever):after { content: ''; position: absolute; top: 0; right: 0; width: 18px; height: 18px; z-index: 0; border: 2px solid #5a5a5a; border-radius: 1px; margin-top: 3px; transition: .2s; } .poalim-webform [type="checkbox"]:not(.filled-in) + label:not(.lever):after { border: 0; transform: scale(0); } .poalim-webform [type="checkbox"]:not(:checked):disabled + label:not(.lever):before { border: none; background-color: rgba(0, 0, 0, 0.42); } .poalim-webform [type="checkbox"].tabbed:focus + label:not(.lever):after { transform: scale(1); border: 0; border-radius: 50%; box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1); } .poalim-webform [type="checkbox"]:checked + label:not(.lever):before { top: -5px; right: 10px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #0a294c; border-bottom: 2px solid #0a294c; transform: rotate(40deg); backface-visibility: hidden; transform-origin: 100% 100%; } .poalim-webform [type="checkbox"]:checked:disabled + label:before { border-right: 2px solid rgba(0, 0, 0, 0.42); border-bottom: 2px solid rgba(0, 0, 0, 0.42); } .poalim-webform [type="checkbox"]:indeterminate + label:not(.lever):before { top: 0px; left: -12px; width: 10px; height: 22px; border-top: none; border-left: none; border-right: 2px solid #0a294c; border-bottom: none; transform: rotate(90deg); backface-visibility: hidden; transform-origin: 100% 100%; } .poalim-webform [type="checkbox"]:indeterminate:disabled + label:not(.lever):before { border-right: 2px solid rgba(0, 0, 0, 0.42); background-color: transparent; } .poalim-webform [type="checkbox"].filled-in + label:not(.lever):after { border-radius: 2px; } .poalim-webform [type="checkbox"].filled-in + label:not(.lever):not([for*="file"]):before, .poalim-webform [type="checkbox"].filled-in + label:not(.lever):not([for*="file"]):after { content: ''; right: 0; position: absolute; /* .1s delay is for check animation */ transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; z-index: 1; } .poalim-webform [type="checkbox"].filled-in:not(:checked) + label:not(.lever):not([for*="file"]):before { width: 0; height: 0; border: 3px solid transparent; right: 10px; top: 10px; transform: rotateZ(37deg); transform-origin: 100% 100%; } .poalim-webform [type="checkbox"].filled-in:not(:checked) + label:not(.lever):not([for*="file"]):after { height: 14px; width: 14px; background-color: transparent; border: 2px solid #5a5a5a; top: 4px; right: 8px; z-index: 0; } @media (max-width: 768px) { .poalim-webform [type="checkbox"].filled-in:not(:checked) + label:not(.lever):not([for*="file"]):after { height: 14px; width: 14px; top: 4px; } } .poalim-webform [type="checkbox"].filled-in:checked + label:not(.lever):not([for*="file"]):before { top: 2px; right: 15px; width: 7px; height: 10px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotateZ(37deg); transform-origin: 100% 100%; } html[dir=ltr] .poalim-webform [type="checkbox"].filled-in:checked + label:not(.lever):not([for*="file"]):before { left: 7.4px; } @media (max-width: 768px) { .poalim-webform [type="checkbox"].filled-in:checked + label:not(.lever):not([for*="file"]):before { top: 2px; } } .poalim-webform [type="checkbox"].filled-in:checked + label:not(.lever):not([for*="file"]):after { width: 14px; height: 14px; border: 2px solid #0a294c; background-color: #0a294c; z-index: 0; top: 4px; right: 8px; } @media (max-width: 768px) { .poalim-webform [type="checkbox"].filled-in:checked + label:not(.lever):not([for*="file"]):after { top: 4px; } } .poalim-webform [type="checkbox"].filled-in.tabbed:focus + label:not(.lever):after { border-radius: 2px; border-color: #5a5a5a; background-color: rgba(0, 0, 0, 0.1); } .poalim-webform [type="checkbox"].filled-in.tabbed:checked:focus + label:not(.lever):after { border-radius: 2px; background-color: #26a69a; border-color: #26a69a; } .poalim-webform [type="checkbox"].filled-in:disabled:not(:checked) + label:not(.lever):before { background-color: transparent; border: 2px solid transparent; } .poalim-webform [type="checkbox"].filled-in:disabled:not(:checked) + label:not(.lever):after { border-color: transparent; background-color: #949494; } .poalim-webform [type="checkbox"].filled-in:disabled:checked + label:not(.lever):before { background-color: transparent; } .poalim-webform [type="checkbox"].filled-in:disabled:checked + label:not(.lever):after { background-color: #949494; border-color: #949494; } /* Switch ========================================================================== */ .switch, .switch * { -webkit-tap-highlight-color: transparent; user-select: none; } .switch label { cursor: pointer; } .switch label input[type=checkbox] { opacity: 0; width: 0; height: 0; } .switch label input[type=checkbox]:checked + .lever { background-color: #84c7c1; } .switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after { left: 18px; } .switch label input[type=checkbox]:checked + .lever:after { background-color: #26a69a; } .switch label .lever { content: ""; display: inline-block; position: relative; width: 36px; height: 14px; background-color: rgba(0, 0, 0, 0.38); border-radius: 15px; transition: background 0.3s ease; vertical-align: middle; margin: 0 16px; } .switch label .lever:before, .switch label .lever:after { content: ""; position: absolute; display: inline-block; width: 20px; height: 20px; border-radius: 50%; left: 0; top: -3px; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease; } .switch label .lever:before { background-color: rgba(38, 166, 154, 0.15); } .switch label .lever:after { background-color: #F1F1F1; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before, input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before { transform: scale(2.4); background-color: rgba(38, 166, 154, 0.15); } input[type=checkbox]:not(:disabled) ~ .lever:active:before, input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before { transform: scale(2.4); background-color: rgba(0, 0, 0, 0.08); } .switch input[type=checkbox][disabled] + .lever { cursor: default; background-color: rgba(0, 0, 0, 0.12); } .switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after { background-color: #949494; } .poalim-webform { /* Select Field ========================================================================== */ } .poalim-webform .select-label { position: absolute; } .poalim-webform .select-wrapper { position: relative; } .poalim-webform .select-wrapper select { width: 0 !important; height: 0 !important; position: fixed; left: -9999px; } .poalim-webform .select-wrapper select.browser-default { display: block; } .poalim-webform .select-wrapper select { background-color: rgba(255, 255, 255, 0.9); width: 100%; padding: 5px; border: 1px solid #f2f2f2; border-radius: 2px; height: 3rem; } .poalim-webform .select-wrapper.valid .helper-text[data-success], .poalim-webform .select-wrapper.invalid ~ .helper-text[data-error] { border-bottom: red 5px solid; } .poalim-webform .select-wrapper.valid + label, .poalim-webform .select-wrapper.invalid + label { width: 100%; pointer-events: none; } .poalim-webform .select-wrapper input.select-dropdown { position: relative; cursor: pointer; background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; outline: none; height: 3rem; line-height: 3rem; width: 100%; font-size: 18px; margin: 0 0 8px 0; padding: 0; display: block; user-select: none; z-index: 1; } .poalim-webform .select-wrapper input.select-dropdown:focus { border-bottom: 1px solid #26a69a; } .poalim-webform .select-wrapper .caret { position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; z-index: 0; fill: rgba(0, 0, 0, 0.87); } .poalim-webform .select-wrapper + label { position: absolute; top: -26px; font-size: 0.8rem; } .poalim-webform select:disabled { color: rgba(0, 0, 0, 0.42); } .poalim-webform .select-wrapper.disabled + label { color: rgba(0, 0, 0, 0.42); } .poalim-webform .select-wrapper.disabled .caret { fill: rgba(0, 0, 0, 0.42); } .poalim-webform .select-wrapper input.select-dropdown:disabled { color: rgba(0, 0, 0, 0.42); cursor: default; user-select: none; } .poalim-webform .select-wrapper i { color: rgba(0, 0, 0, 0.3); } .poalim-webform .select-dropdown li.disabled, .poalim-webform .select-dropdown li.disabled > span, .poalim-webform .select-dropdown li.optgroup { color: rgba(0, 0, 0, 0.3); background-color: transparent; } .poalim-webform body.keyboard-focused .select-dropdown.dropdown-content li:focus { background-color: rgba(0, 0, 0, 0.08); } .poalim-webform .select-dropdown.dropdown-content li:hover { background-color: rgba(0, 0, 0, 0.08); } .poalim-webform .select-dropdown.dropdown-content li.selected { background-color: rgba(0, 0, 0, 0.03); } .poalim-webform .prefix ~ .select-wrapper { margin-left: 3rem; width: 92%; width: calc(100% - 3rem); } .poalim-webform .prefix ~ label { margin-left: 3rem; } .poalim-webform .select-dropdown li img { height: 40px; width: 40px; margin: 5px 15px; float: right; } .poalim-webform .select-dropdown li.optgroup { border-top: 1px solid #eee; } .poalim-webform .select-dropdown li.optgroup.selected > span { color: rgba(0, 0, 0, 0.7); } .poalim-webform .select-dropdown li.optgroup > span { color: rgba(0, 0, 0, 0.4); } .poalim-webform .select-dropdown li.optgroup ~ li.optgroup-option { padding-left: 1rem; } .poalim-webform { /* File Input ========================================================================== */ } .poalim-webform .file-field { position: relative; } .poalim-webform .file-field .file-path-wrapper { overflow: hidden; padding-left: 10px; } .poalim-webform .file-field input.file-path { width: 100%; } .poalim-webform .file-field .btn, .poalim-webform .file-field .btn-large, .poalim-webform .file-field .btn-small { float: left; height: 3rem; line-height: 3rem; } .poalim-webform .file-field span { cursor: pointer; } .poalim-webform .file-field input[type=file] { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .poalim-webform .file-field input[type=file]::-webkit-file-upload-button { display: none; } /* Range ========================================================================== */ .range-field { position: relative; } input[type=range], input[type=range] + .thumb { cursor: pointer; } input[type=range] { position: relative; background-color: transparent; border: none; outline: none; width: 100%; margin: 15px 0; padding: 0; } input[type=range]:focus { outline: none; } input[type=range] + .thumb { position: absolute; top: 10px; left: 0; border: none; height: 0; width: 0; border-radius: 50%; background-color: #26a69a; margin-left: 7px; transform-origin: 50% 50%; transform: rotate(-45deg); } input[type=range] + .thumb .value { display: block; width: 30px; text-align: center; color: #26a69a; font-size: 0; transform: rotate(45deg); } input[type=range] + .thumb.active { border-radius: 50% 50% 50% 0; } input[type=range] + .thumb.active .value { color: #fff; margin-left: -1px; margin-top: 8px; font-size: 10px; } input[type=range] { -webkit-appearance: none; } input[type=range]::-webkit-slider-runnable-track { height: 3px; background: #c2c0c2; border: none; } input[type=range]::-webkit-slider-thumb { border: none; height: 14px; width: 14px; border-radius: 50%; background: #26a69a; transition: box-shadow .3s; -webkit-appearance: none; background-color: #26a69a; transform-origin: 50% 50%; margin: -5px 0 0 0; } .keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb { box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26); } input[type=range] { /* fix for FF unable to apply focus style bug */ border: 1px solid white; /*required for proper track sizing in FF*/ } input[type=range]::-moz-range-track { height: 3px; background: #c2c0c2; border: none; } input[type=range]::-moz-focus-inner { border: 0; } input[type=range]::-moz-range-thumb { border: none; height: 14px; width: 14px; border-radius: 50%; background: #26a69a; transition: box-shadow .3s; margin-top: -5px; } input[type=range]:-moz-focusring { outline: 1px solid #fff; outline-offset: -1px; } .keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb { box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26); } input[type=range]::-ms-track { height: 3px; background: transparent; border-color: transparent; border-width: 6px 0; /*remove default tick marks*/ color: transparent; } input[type=range]::-ms-fill-lower { background: #777; } input[type=range]::-ms-fill-upper { background: #ddd; } input[type=range]::-ms-thumb { border: none; height: 14px; width: 14px; border-radius: 50%; background: #26a69a; transition: box-shadow .3s; } .keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb { box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26); } /*************** Nav List ***************/ .table-of-contents.fixed { position: fixed; } .table-of-contents li { padding: 2px 0; } .table-of-contents a { display: inline-block; font-weight: 300; color: #757575; padding-left: 16px; height: 1.5rem; line-height: 1.5rem; letter-spacing: .4; display: inline-block; } .table-of-contents a:hover { color: #a8a8a8; padding-left: 15px; border-left: 1px solid #ee6e73; } .table-of-contents a.active { font-weight: 500; padding-left: 14px; border-left: 2px solid #ee6e73; } .tap-target-wrapper { width: 800px; height: 800px; position: fixed; z-index: 1000; visibility: hidden; transition: visibility 0s .3s; } .tap-target-wrapper.open { visibility: visible; transition: visibility 0s; } .tap-target-wrapper.open .tap-target { transform: scale(1); opacity: .95; transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1); } .tap-target-wrapper.open .tap-target-wave::before { transform: scale(1); } .tap-target-wrapper.open .tap-target-wave::after { visibility: visible; animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; transition: opacity .3s, transform .3s, visibility 0s 1s; } .tap-target { position: absolute; font-size: 1rem; border-radius: 50%; background-color: #ee6e73; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2); width: 100%; height: 100%; opacity: 0; transform: scale(0); transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1); } .tap-target-content { position: relative; display: table-cell; } .tap-target-wave { position: absolute; border-radius: 50%; z-index: 10001; } .tap-target-wave::before, .tap-target-wave::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-color: #ffffff; } .tap-target-wave::before { transform: scale(0); transition: transform .3s; } .tap-target-wave::after { visibility: hidden; transition: opacity .3s, transform .3s, visibility 0s; z-index: -1; } .tap-target-origin { top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10002; position: absolute !important; } .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small), .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover { background: none; } @media only screen and (max-width: 600px) { .tap-target, .tap-target-wrapper { width: 600px; height: 600px; } } .pulse { overflow: visible; position: relative; } .pulse::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: inherit; border-radius: inherit; transition: opacity .3s, transform .3s; animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; z-index: -1; } @keyframes pulse-animation { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0; transform: scale(1.5); } 100% { opacity: 0; transform: scale(1.5); } } .form-image img { position: absolute; top: 0; } .form-container .input-field > label { pointer-events: none; } .form-container.paragraph-poalim-form { overflow: hidden; } .form-container .poalim-form { color: #0a294c; } .form-container .poalim-form .webform-required { display: none; } .form-container .poalim-form span { color: #0a294c; font-size: 20px; } .form-container .poalim-form label { color: #0a294c; font-size: 18px; } .form-container .poalim-form .description { font-size: 14px; font-weight: 300; font-style: normal; font-stretch: normal; margin-top: -8px; letter-spacing: normal; text-align: right; color: #0a294c; } html[dir=ltr] .form-container .poalim-form .description { text-align: left; } .form-container .poalim-form .description.upload-progress { display: inline-block; } .form-container .poalim-form .description.upload-progress .upload-progress-title { font-size: 20px; font-weight: normal; color: #525252; margin-bottom: 5px; } .form-container .poalim-form .description.upload-progress .upload-progress-desc { font-size: 18px; font-weight: 300; } .form-container .poalim-form .description.upload-progress .upload-progress-desc span { display: block; } .form-container .poalim-form .error { font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; margin-top: -8px; letter-spacing: normal; text-align: right; color: #df1a1e; } html[dir=ltr] .form-container .poalim-form .error { text-align: left; } .form-container .poalim-form .webform-flexbox { margin: 0; padding: 15px 0; } .form-container .poalim-form .webform-flexbox.webform-flexbox--center { justify-content: center; } .form-container .poalim-form .js-webform-buttons-other .poalim-buttons, .form-container .poalim-form .js-webform-type-webform-buttons .poalim-buttons { margin-bottom: 10px; background-color: transparent; padding: 0; } html[dir=rtl] .form-container .poalim-form .js-webform-buttons-other .poalim-buttons, html[dir=rtl] .form-container .poalim-form .js-webform-type-webform-buttons .poalim-buttons { margin-right: 0; margin-left: 10px; } html[dir=ltr] .form-container .poalim-form .js-webform-buttons-other .poalim-buttons, html[dir=ltr] .form-container .poalim-form .js-webform-type-webform-buttons .poalim-buttons { margin-left: 0; margin-right: 10px; } .form-container .poalim-form .js-webform-buttons-other .poalim-buttons label, .form-container .poalim-form .js-webform-type-webform-buttons .poalim-buttons label { padding: 0 40px; border: none; background-color: transparent; margin: 0; height: 100%; line-height: 2; font-size: 18px; } .form-container .poalim-form .js-webform-buttons-other .poalim-buttons label:before, .form-container .poalim-form .js-webform-buttons-other .poalim-buttons label:after, .form-container .poalim-form .js-webform-type-webform-buttons .poalim-buttons label:before, .form-container .poalim-form .js-webform-type-webform-buttons .poalim-buttons label:after { border: none; content: none; } .form-container .poalim-form .js-webform-buttons-other .poalim-buttons label.ui-checkboxradio-checked, .form-container .poalim-form .js-webform-type-webform-buttons .poalim-buttons label.ui-checkboxradio-checked { font-family: 'Poalim'; background-color: #0a294c; color: #FFFFFF; border-radius: 21px; } .form-container .poalim-form .js-webform-buttons-other .poalim-buttons:active, .form-container .poalim-form .js-webform-buttons-other .poalim-buttons:hover, .form-container .poalim-form .js-webform-buttons-other .poalim-buttons:focus, .form-container .poalim-form .js-webform-type-webform-buttons .poalim-buttons:active, .form-container .poalim-form .js-webform-type-webform-buttons .poalim-buttons:hover, .form-container .poalim-form .js-webform-type-webform-buttons .poalim-buttons:focus { background-color: #0a294c; border: none; } .form-container .poalim-form .js-webform-buttons-other .poalim-buttons:active label, .form-container .poalim-form .js-webform-buttons-other .poalim-buttons:hover label, .form-container .poalim-form .js-webform-buttons-other .poalim-buttons:focus label, .form-container .poalim-form .js-webform-type-webform-buttons .poalim-buttons:active label, .form-container .poalim-form .js-webform-type-webform-buttons .poalim-buttons:hover label, .form-container .poalim-form .js-webform-type-webform-buttons .poalim-buttons:focus label { color: #FFFFFF; } .form-container .poalim-form .js-webform-type-radios .fieldset-wrapper { position: relative; padding-bottom: 15px; } .form-container .poalim-form .js-webform-type-radios .poalim-buttons { border: none; background-color: transparent; height: 100%; padding: 0; position: static; } .form-container .poalim-form .js-webform-type-radios .poalim-buttons:focus, .form-container .poalim-form .js-webform-type-radios .poalim-buttons:hover { box-shadow: none; } .form-container .poalim-form .js-webform-type-radios .poalim-buttons label { font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; color: #525252; font-weight: 300; } .form-container .poalim-form .js-webform-type-radios .poalim-buttons .error { position: absolute; bottom: 0; } .form-container .poalim-form .poalim-textfields { margin: 0; position: relative; } .form-container .poalim-form .poalim-textfields label, .form-container .poalim-form .poalim-textfields input { text-indent: 16px; } .form-container .poalim-form .poalim-textfields input[type=text]:not(.browser-default), .form-container .poalim-form .poalim-textfields input[type=tel]:not(.browser-default), .form-container .poalim-form .poalim-textfields input[type=tel]:not(.browser-default), .form-container .poalim-form .poalim-textfields input[type=email]:not(.browser-default) { margin-bottom: 5px; } .form-container .poalim-form .poalim-textfields label.active + input { font-weight: bold; } .form-container .poalim-form .poalim-textfields .form-required:before { content: '*'; } .form-container .poalim-form .poalim-textfields input[type=date]:not(.browser-default), .form-container .poalim-form .poalim-textfields input[type=text]:not(.browser-default), .form-container .poalim-form .poalim-textfields input[type=tel]:not(.browser-default), .form-container .poalim-form .poalim-textfields input[type=tel]:not(.browser-default), .form-container .poalim-form .poalim-textfields input[type=email]:not(.browser-default) { padding-top: 21px; padding-bottom: 4px; height: auto; border-radius: 4px; } .form-container .poalim-form .poalim-textfields input[type=date]:not(.browser-default).error, .form-container .poalim-form .poalim-textfields input[type=text]:not(.browser-default).error, .form-container .poalim-form .poalim-textfields input[type=tel]:not(.browser-default).error, .form-container .poalim-form .poalim-textfields input[type=tel]:not(.browser-default).error, .form-container .poalim-form .poalim-textfields input[type=email]:not(.browser-default).error { padding-bottom: 3px; } .form-container .poalim-form .poalim-textfields label { line-height: 1.1; margin: 0; } html[dir=ltr] .form-container .poalim-form .poalim-textfields label { left: 0; } .form-container .poalim-form .form-actions { padding-top: 15px; padding-bottom: 10px; } .form-container .poalim-form .webform-button--submit { border: none; background-color: transparent; } .form-container .poalim-form .poalim-textarea { margin: 0; } html[dir=rtl] .form-container .poalim-form .poalim-textarea label, html[dir=rtl] .form-container .poalim-form .poalim-textarea textarea { padding-right: 16px; } html[dir=ltr] .form-container .poalim-form .poalim-textarea label, html[dir=ltr] .form-container .poalim-form .poalim-textarea textarea { padding-left: 16px; left: 0; } .form-container .poalim-form .poalim-textarea textarea { padding-top: 21px; margin-bottom: 4px; border-radius: 4px; } .form-container .poalim-form .poalim-textarea label { margin-top: -7px; } .form-container .poalim-form .poalim-textarea label.active { transform: translateY(5px) scale(0.8); } .form-container .poalim-form div[data-drupal-selector^="edit-file"] { margin: 0 10px; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] .messages--error { font-weight: bold; color: #df1a1e; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] * { margin: 0; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] [data-drupal-selector*="remove-button"] { display: none; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] .show-more-uploaded-files { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: right; display: inline-block; text-decoration: underline; transform: translateY(-14px); cursor: pointer; } html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] .show-more-uploaded-files { text-align: left; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files { width: calc(100% + 8px); display: flex; flex-wrap: wrap; margin-top: 15px; overflow: hidden; } html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files { margin-right: -4px; } html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files { margin-left: -4px; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files .inputs { display: flex; flex-wrap: wrap; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files.extended { height: auto; overflow: unset; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files .field-file { padding: 0 4px; position: relative; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files .field-file.rows { flex: 0 1 calc(15% - -9px); } .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files input[type="file"].filled-in { display: none; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files input[type="checkbox"].filled-in { pointer-events: auto; position: absolute; height: 21px; width: 20px; } html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files input[type="checkbox"].filled-in { left: 10px; } html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files input[type="checkbox"].filled-in { right: 10px; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files .file-name, .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files label { pointer-events: none; cursor: default; margin: 0; border-radius: 3.2px; box-shadow: 0 3px 7px 0 rgba(10, 41, 76, 0.11); background-color: #FFFFFF; display: inline-block; position: relative; padding-top: 2px; line-height: 1.25; color: #525252; } html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files .file-name, html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files label { padding-left: 25px; } html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files .file-name, html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files label { padding-right: 25px; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files .file-name:after, .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files label:after { content: ""; display: inline-block; width: 12px; background: url(../images/trash-red.svg) no-repeat center; background-size: contain; border: 0; top: 0; bottom: 0; margin: auto; height: 13px; position: absolute; } html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files .file-name:after, html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files label:after { left: 11px; } html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files .file-name:after, html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files label:after { right: 11px; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files .file-name span, .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files .file-name a, .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files label span, .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files label a { font-family: Poalim; padding: 1px 5px; color: #525252; font-stretch: normal; font-size: 13px; font-weight: 300; font-style: normal; letter-spacing: normal; text-align: right; direction: ltr; word-break: break-all; height: 22px; line-height: 18px; display: block; overflow: hidden; } html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files .file-name span, html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files .file-name a, html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files label span, html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files label a { text-align: left; direction: ltr; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files.no-expend { height: 31px; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] .expend-btn { cursor: pointer; font-size: 18px; color: #525252; } .form-container .poalim-form div[data-drupal-selector^="edit-file"].error [role="alert"] { padding: 14px 0; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] { position: relative; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item { padding: 5px 38px 10px 5px; border: #0a294c 1px dashed; color: #525252; min-height: 126px; position: relative; display: flex; flex-wrap: wrap; align-items: center; } html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file, html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file, html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item { padding-right: 38px; padding: 5px 38px 10px 5px; margin-right: 100px; } html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file, html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file, html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item { padding: 5px 5px 10px 38px; margin-left: 100px; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file .ajax-progress-throbber .throbber, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file .ajax-progress-throbber .throbber, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item .ajax-progress-throbber .throbber { position: absolute; background: url(../images/poalim-loader.gif) white no-repeat center; background-size: contain; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; width: 42px; height: 70px; z-index: 999999; } html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file .ajax-progress-throbber .throbber, html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file .ajax-progress-throbber .throbber, html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item .ajax-progress-throbber .throbber { right: -72px; } html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file .ajax-progress-throbber .throbber, html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file .ajax-progress-throbber .throbber, html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item .ajax-progress-throbber .throbber { left: -72px; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file .dummy-attachment, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file .dummy-attachment, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item .dummy-attachment { content: ""; cursor: pointer; position: absolute; background-color: white; height: 102%; width: 103px; top: -2px; border-radius: 4px; box-shadow: 0 4px 9px 0 rgba(10, 41, 76, 0.11); background-image: url(../images/attachment.svg); background-repeat: no-repeat, repeat; background-position: center; background-size: 28px; text-indent: 100%; z-index: 9999; color: transparent; } html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file .dummy-attachment, html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file .dummy-attachment, html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item .dummy-attachment { right: -103px; } html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file .dummy-attachment, html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file .dummy-attachment, html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item .dummy-attachment { left: -103px; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file label, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file label, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item label { font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.1; margin: 0; color: #525252; width: 100%; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file .description, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file .description, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item .description { position: relative; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 0.89; color: #525252; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file .description .error_msg, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file .description .error_msg, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item .description .error_msg { margin: 10px 0; color: #df1a1e; font-size: 16px; font-weight: normal; line-height: 20px; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file .field-file, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file .field-file, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item .field-file { display: inline-block; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file .js-form-file, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file .upload-icon, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file .js-form-file, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file .upload-icon, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item .js-form-file, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item .upload-icon { cursor: pointer; position: absolute; background-color: white; height: 102%; width: 103px; top: -2px; border-radius: 4px; box-shadow: 0 4px 9px 0 rgba(10, 41, 76, 0.11); background-image: url(../images/attachment.svg); background-repeat: no-repeat, repeat; background-position: center; background-size: 28px; text-indent: 100%; color: transparent; } html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file .js-form-file, html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file .upload-icon, html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file .js-form-file, html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file .upload-icon, html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item .js-form-file, html[dir=rtl] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item .upload-icon { right: -103px; } html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file .js-form-file, html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file .upload-icon, html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file .js-form-file, html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file .upload-icon, html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item .js-form-file, html[dir=ltr] .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item .upload-icon { left: -103px; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file .upload-icon, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file .upload-icon, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item .upload-icon { z-index: 10; pointer-events: none; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-webform-image-file .js-form-file, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] .js-form-type-managed-file .js-form-file, .form-container .poalim-form div[data-drupal-selector^="edit-file"] div[id^="ajax-wrapper"] > .js-form-item .js-form-file { padding: 3px 0; } html[dir=rtl] .form-container .poalim-form .js-form-type-checkbox:not(.field-file) { margin-right: 1px; } html[dir=ltr] .form-container .poalim-form .js-form-type-checkbox:not(.field-file) { margin-left: 1px; } html[dir=ltr] .form-container .poalim-form .js-form-type-checkbox:not(.field-file) label { text-indent: inherit; } html[dir=ltr] .form-container .poalim-form .js-form-type-checkbox:not(.field-file) label:after { left: 8px; } .form-container .poalim-form .js-form-type-checkbox:not(.field-file) label { text-indent: 30px; font-style: normal; font-stretch: normal; color: #525252; font-weight: 300; line-height: 1; margin: 0; font-size: 18px; } .form-container .poalim-form .caret { margin-top: 17px; } .form-container .poalim-form .js-form-type-select { margin: 0; } html[dir=rtl] .form-container .poalim-form .js-form-type-select label { margin-right: 20px; } html[dir=ltr] .form-container .poalim-form .js-form-type-select label { margin-left: 20px; } .form-container .poalim-form .js-form-type-select .select-wrapper { padding: 0px; } .form-container .poalim-form .js-form-type-select .select-wrapper .caret { right: auto; margin-top: 21px; } html[dir=rtl] .form-container .poalim-form .js-form-type-select .select-wrapper .caret { left: 16px; } html[dir=ltr] .form-container .poalim-form .js-form-type-select .select-wrapper .caret { right: 16px; } .form-container .poalim-form .js-form-type-select .select-wrapper input.select-dropdown { list-style: none; box-shadow: none; position: relative; margin: 0; color: #0a294c; border-bottom: #0a294c 1px solid; background: white; padding: 0 16px; box-sizing: border-box; border-radius: 4px; } .form-container .poalim-form .js-form-type-select .select-wrapper input.select-dropdown.error { margin-bottom: 5px; border-bottom: 1px solid #f44336; box-shadow: 0 1px 0 0 #f44336; } .form-container .poalim-form .js-form-type-select .select-wrapper input.select-dropdown:not(.valid) { font-weight: 300; } .form-container .poalim-form .js-form-type-select .select-wrapper .dropdown-content { box-shadow: 0 2px 15px 0 rgba(129, 152, 172, 0.19); border-bottom: none; border-radius: 5px; padding: 5px; top: 100% !important; width: calc(100% + 2px) !important; max-height: 215px; } html[dir=rtl] .form-container .poalim-form .js-form-type-select .select-wrapper .dropdown-content { left: 0 !important; } html[dir=ltr] .form-container .poalim-form .js-form-type-select .select-wrapper .dropdown-content { right: 0 !important; } .form-container .poalim-form .js-form-type-select .select-wrapper .dropdown-content.hover-mode li.selected { background: none; } .form-container .poalim-form .js-form-type-select .select-wrapper .dropdown-content.hover-mode li.selected:hover span { color: white; } .form-container .poalim-form .js-form-type-select .select-wrapper .dropdown-content.hover-mode li.selected span { color: #0a294c; } .form-container .poalim-form .js-form-type-select .select-wrapper .dropdown-content li { border-radius: 5px; text-align: right; } html[dir=ltr] .form-container .poalim-form .js-form-type-select .select-wrapper .dropdown-content li { text-align: left; } .form-container .poalim-form .js-form-type-select .select-wrapper .dropdown-content li.selected { background: #0a294c; } .form-container .poalim-form .js-form-type-select .select-wrapper .dropdown-content li.selected span { color: white; } .form-container .poalim-form .webform-address--wrapper .fieldset-wrapper .webform-flexbox .webform-flex div { margin: 0; } .form-container .poalim-form .webform-address--wrapper .webform-flexbox:first-child { padding-top: 0; } .form-container .poalim-form .js-webform-buttons .js-webform-webform-buttons [type="radio"]:not(:checked) + label.ui-checkboxradio-label, .form-container .poalim-form .js-webform-buttons .js-webform-webform-buttons [type="radio"]:checked + label.ui-checkboxradio-label { border: 1px solid #03294c; height: 38.7px; border-radius: 19.4px; background: #0000; padding-top: 9px; } html[dir=rtl] .form-container .poalim-form .js-webform-buttons .js-webform-webform-buttons [type="radio"]:not(:checked) + label.ui-checkboxradio-label, html[dir=rtl] .form-container .poalim-form .js-webform-buttons .js-webform-webform-buttons [type="radio"]:checked + label.ui-checkboxradio-label { padding-right: 19px; margin-left: 9px; } html[dir=ltr] .form-container .poalim-form .js-webform-buttons .js-webform-webform-buttons [type="radio"]:not(:checked) + label.ui-checkboxradio-label, html[dir=ltr] .form-container .poalim-form .js-webform-buttons .js-webform-webform-buttons [type="radio"]:checked + label.ui-checkboxradio-label { padding-left: 19px; padding-right: 18px; margin-left: auto; margin-right: 9px; } .form-container .poalim-form .js-webform-buttons .js-webform-webform-buttons [type="radio"] + label.ui-checkboxradio-label:hover, .form-container .poalim-form .js-webform-buttons .js-webform-webform-buttons [type="radio"]:checked + label.ui-checkboxradio-label { background: #03294c; border: 1px solid #03294c; color: #FFFFFF; } .form-container .poalim-form .js-webform-buttons .js-webform-webform-buttons [type="radio"] + label.ui-checkboxradio-label:before, .form-container .poalim-form .js-webform-buttons .js-webform-webform-buttons [type="radio"] + label.ui-checkboxradio-label:after { content: inherit; display: none; } html[dir=rtl] .form-container .poalim-form .js-webform-buttons legend span { padding-left: 5px; } html[dir=ltr] .form-container .poalim-form .js-webform-buttons legend span { padding-right: 5px; } .form-container .poalim-form .js-webform-buttons.display-side-by-side legend { display: contents; } .form-container .poalim-form .js-webform-buttons.display-side-by-side .fieldset-wrapper { display: inline-block; } .form-container .poalim-form form.webform-submission-inquiries-form #is_poalim_customer-error { display: block; margin: 0; } .form-container .poalim-form form.webform-submission-inquiries-form fieldset.js-webform-buttons + .messages.file-upload-js-error.error { display: none; } @media (max-width: 768px) { .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files { height: unset; overflow: hidden; max-height: 89px; margin-top: 11px; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files.extended { max-height: unset; } .form-container .poalim-form div[data-drupal-selector^="edit-file"] .uploaded-files .field-file.rows { flex: 0 50%; } .form-container .poalim-form label { font-size: 16px; } html[dir=rtl] .form-container .poalim-form .description { padding-right: 2px; } html[dir=ltr] .form-container .poalim-form .description { padding-left: 2px; } .form-container .poalim-form .webform-flexbox { margin: 0; padding: 0; } .form-container .poalim-form .js-webform-buttons-other, .form-container .poalim-form .js-webform-type-webform-buttons { padding-bottom: 24px; } .form-container .poalim-form .js-webform-buttons-other .poalim-buttons, .form-container .poalim-form .js-webform-type-webform-buttons .poalim-buttons { height: 35px; } .form-container .poalim-form .js-webform-buttons-other .poalim-buttons label, .form-container .poalim-form .js-webform-type-webform-buttons .poalim-buttons label { line-height: 2; font-size: 16px; background-color: unset !important; } html[dir=ltr] .form-container .poalim-form .js-webform-buttons-other .poalim-buttons label, html[dir=ltr] .form-container .poalim-form .js-webform-type-webform-buttons .poalim-buttons label { margin-left: auto; margin-right: 15px; direction: ltr; padding-left: 25px; padding-right: initial; } .form-container .poalim-form .js-webform-buttons-other #edit-callbackuser, .form-container .poalim-form .js-webform-type-webform-buttons #edit-callbackuser { display: flex; } .form-container .poalim-form .js-webform-buttons-other #edit-callbackuser div, .form-container .poalim-form .js-webform-type-webform-buttons #edit-callbackuser div { width: 33%; } .form-container .poalim-form .js-webform-buttons-other #edit-callbackuser div label, .form-container .poalim-form .js-webform-type-webform-buttons #edit-callbackuser div label { padding: 0; width: 100%; } .form-container .poalim-form .poalim-textfields { padding-bottom: 24px; } .form-container .poalim-form .poalim-textfields input { font-size: 16px; } .form-container .poalim-form .js-webform-type-radios { padding-bottom: 24px; } .form-container .poalim-form .js-webform-type-radios .poalim-buttons label { font-size: 16px; font-style: normal; font-stretch: normal; color: #525252; font-weight: 300; line-height: 1; } .form-container .poalim-form .poalim-textarea { margin: 0; padding-bottom: 24px; } .form-container .poalim-form .poalim-textarea textarea { font-size: 16px; } .form-container .poalim-form .poalim-textarea label { margin-top: 0; } .form-container .poalim-form div[id^="ajax-wrapper"] { margin-bottom: 25px; } .form-container .poalim-form div[id^="ajax-wrapper"] .js-form-type-webform-image-file label, .form-container .poalim-form div[id^="ajax-wrapper"] .js-form-type-managed-file label { font-size: 18px; } .form-container .poalim-form div[id^="ajax-wrapper"] .js-form-type-webform-image-file .description, .form-container .poalim-form div[id^="ajax-wrapper"] .js-form-type-managed-file .description { font-size: 16px; } .form-container .poalim-form .js-form-type-select { margin: 0; padding-bottom: 24px; } html[dir=rtl] .form-container .poalim-form .js-form-type-select label { margin-right: 20px; } html[dir=ltr] .form-container .poalim-form .js-form-type-select label { margin-left: 20px; } .form-container .poalim-form .js-form-type-select .select-wrapper .dropdown-content { box-shadow: 0 2px 15px 0 rgba(129, 152, 172, 0.19); border-bottom: none; border-radius: 5px; padding: 5px; } .form-container .poalim-form .js-form-type-select .select-wrapper .dropdown-content li span { font-size: 16px; } .form-container .poalim-form .webform-address--wrapper { margin: 0 !important; } .form-container .poalim-form .form-actions { padding-top: 0; padding-bottom: 24px; text-align: center; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS */ } .banner-slider { margin-top: -242px; position: relative; } .banner-slider .slider-plazbtn-listma-mobile { display: none; } .banner-slider .buttons-col .slick-arrow { position: absolute; background-color: transparent; border: none; color: transparent; background-repeat: no-repeat; background-position: center; width: 49px; height: 49px; top: 544px; z-index: 9; cursor: pointer; overflow: hidden; } html[dir=rtl] .banner-slider .buttons-col .slick-prev-slider { background-image: url("../images/back_new.svg"); left: 129px; } html[dir=ltr] .banner-slider .buttons-col .slick-prev-slider { background-image: url("../images/next_new.svg"); right: 129px; } html[dir=rtl] .banner-slider .buttons-col .slick-next-slider { background-image: url("../images/next_new.svg"); left: 15px; } html[dir=ltr] .banner-slider .buttons-col .slick-next-slider { background-image: url("../images/back_new.svg"); right: 15px; } .banner-slider .pause-and-play { z-index: 99; position: absolute; top: 544px; cursor: pointer; } html[dir=rtl] .banner-slider .pause-and-play { left: 72px; } html[dir=ltr] .banner-slider .pause-and-play { right: 72px; } .banner-slider .pause-and-play .play { display: none; } .banner-slider .slick-dots { position: absolute; top: 569px; list-style: none; display: flex; padding: 0; z-index: 1; } html[dir=rtl] .banner-slider .slick-dots { margin-right: 15px; } html[dir=ltr] .banner-slider .slick-dots { margin-left: 15px; direction: ltr; } .banner-slider .slick-dots li { height: 4px; overflow: hidden; } html[dir=rtl] .banner-slider .slick-dots li { margin-left: 2px; } html[dir=ltr] .banner-slider .slick-dots li { margin-right: 2px; } .banner-slider .slick-dots li button { background-image: url("../images/line-3.svg"); background-color: transparent; background-repeat: no-repeat; border: none; color: transparent; height: 100%; cursor: pointer; } .banner-slider .slick-dots li.slick-active button { background-image: url("../images/line-3-full.svg"); } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .banner-slider .slick-dots { top: 450px; } .banner-slider .slick-dots li { display: inline-block; } .banner-slider .slick-dots li button { padding: 1px 6px; } } @media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .banner-slider .slick-dots li button { padding: 1px 6px; } } .slider-plazma { position: relative; } .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile { display: none; } .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile { background-repeat: no-repeat; background-size: cover; height: 726px; background-attachment: fixed; } @media (min-width: 1140px) { .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile { background-size: 1920px auto; background-position: top center; background-repeat: no-repeat; } } .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .headers, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .headers { margin-top: 267px; line-height: 0.86; } .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .buttons, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .links, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .buttons, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .links { margin-top: 20px; } .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .buttons .slide-link, .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop .links .slide-link, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .buttons .slide-link, .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .links .slide-link { padding: 0; color: #FFFFFF; } html[dir=ltr] .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop, html[dir=ltr] .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile { direction: ltr; } .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .headers { line-height: 0.86; } .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .headers h1, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .headers h2, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .headers h3, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .headers h4, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .headers h5 { line-height: 0.86; } .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .buttons, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .links { margin-top: 20px; } .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .buttons .slide-link, .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .links .slide-link { padding: 0; color: #FFFFFF; } @media (max-width: 768px) { .banner-slider { margin-top: -49px; max-height: 539px; overflow: hidden; } .banner-slider .buttons-col .slick-arrow { top: 438px; width: 41px; height: 41px; background-size: 41px; } html[dir=rtl] .banner-slider .buttons-col .slick-prev-slider { left: calc(50% + 30px); } html[dir=ltr] .banner-slider .buttons-col .slick-prev-slider { right: calc(50% + 30px); } html[dir=rtl] .banner-slider .buttons-col .slick-next-slider { left: calc(50% - 71px); } html[dir=ltr] .banner-slider .buttons-col .slick-next-slider { right: calc(50% - 71px); } .banner-slider .slick-dots { display: none; } .banner-slider .pause-and-play { width: 41px; top: 438px; } html[dir=rtl] .banner-slider .pause-and-play { right: calc(50% - 20px); } html[dir=ltr] .banner-slider .pause-and-play { left: calc(50% - 20px); } .banner-slider .pause-and-play img { width: 41px; height: 41px; background-size: 41px; } .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile { display: block; height: 491px; } .slider-plazma .slider-plazma-wrapper .slider-plazma-mobile .headers { line-height: 0.88; margin-top: 120px; } .slider-plazma .slider-plazma-wrapper .slider-plazma-desktop { display: none; } .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile { display: block; height: 490px; background-size: 100%; background-repeat: no-repeat; margin-top: 50px; } .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .headers { margin-top: 120px; } .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .links { margin-top: 0; } .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .buttons { margin-top: 15px; } .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile .container { padding-top: 30px; } .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile h1 { font-size: 35px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; margin: 0; } .slider-plazma .slider-plazma-wrapper .slider-plazbtn-listma-mobile h2 { font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; margin: 0; } }