/* Minification failed. Returning unminified contents. (2177,36): run-time error CSS1046: Expect comma, found '0' (2177,40): run-time error CSS1046: Expect comma, found '/' (2177,67): run-time error CSS1046: Expect comma, found '0' (2177,71): run-time error CSS1046: Expect comma, found '/' */ /*! jQuery UI - v1.11.4 - 2015-07-16 * http://jqueryui.com * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0} /*! * CleanSlate * github.com/premasagar/cleanslate * *//* An extreme CSS reset stylesheet, for normalising the styling of a container element and its children. by Premasagar Rose dharmafly.com license opensource.org/licenses/mit-license.php ** v0.9.3 */ /* == BLANKET RESET RULES == */ /* HTML 4.01 */ .cleanslate, .cleanslate h1, .cleanslate h2, .cleanslate h3, .cleanslate h4, .cleanslate h5, .cleanslate h6, .cleanslate p, .cleanslate td, .cleanslate dl, .cleanslate tr, .cleanslate dt, .cleanslate ol, .cleanslate form, .cleanslate select, .cleanslate option, .cleanslate pre, .cleanslate div, .cleanslate table, .cleanslate th, .cleanslate tbody, .cleanslate tfoot, .cleanslate caption, .cleanslate thead, .cleanslate ul, .cleanslate li, .cleanslate address, .cleanslate blockquote, .cleanslate dd, .cleanslate fieldset, .cleanslate li, .cleanslate iframe, .cleanslate strong, .cleanslate legend, .cleanslate em, .cleanslate summary, .cleanslate cite, .cleanslate span, .cleanslate input, .cleanslate sup, .cleanslate label, .cleanslate dfn, .cleanslate object, .cleanslate big, .cleanslate q, .cleanslate samp, .cleanslate acronym, .cleanslate small, .cleanslate img, .cleanslate strike, .cleanslate code, .cleanslate sub, .cleanslate ins, .cleanslate textarea, .cleanslate button, .cleanslate var, .cleanslate a, .cleanslate abbr, .cleanslate applet, .cleanslate del, .cleanslate kbd, .cleanslate tt, .cleanslate b, .cleanslate i, .cleanslate hr, /* HTML5 - Sept 2013 taken from MDN https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/HTML5_element_list */ .cleanslate article, .cleanslate aside, .cleanslate figure, .cleanslate figcaption, .cleanslate footer, .cleanslate header, .cleanslate menu, .cleanslate nav, .cleanslate section, .cleanslate time, .cleanslate mark, .cleanslate audio, .cleanslate video, .cleanslate abbr, .cleanslate address, .cleanslate area, .cleanslate blockquote, .cleanslate canvas, .cleanslate caption, .cleanslate cite, .cleanslate code, .cleanslate colgroup, .cleanslate col, .cleanslate datalist, .cleanslate fieldset, .cleanslate main, .cleanslate map, .cleanslate meta, .cleanslate optgroup, .cleanslate output, .cleanslate progress { background-attachment:scroll !important; background-color:transparent !important; background-image:none !important; /* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */ background-position:0 0 !important; background-repeat:repeat !important; border-color:black !important; border-color:currentColor !important; /* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value . For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */ border-radius:0 !important; border-style:none !important; border-width:medium !important; bottom:auto !important; clear:none !important; clip:auto !important; color:inherit !important; counter-increment:none !important; counter-reset:none !important; cursor:auto !important; direction:inherit !important; display:inline !important; float:none !important; font-family: inherit !important; /* As with other inherit values, this needs to be set on the root container element */ font-size: inherit !important; font-style:inherit !important; font-variant:normal !important; font-weight:inherit !important; height:auto !important; left:auto !important; letter-spacing:normal !important; line-height:inherit !important; list-style-type: inherit !important; /* Could set list-style-type to none */ list-style-position: outside !important; list-style-image: none !important; margin:0 !important; max-height:none !important; max-width:none !important; min-height:0 !important; min-width:0 !important; opacity:1; outline:invert none medium !important; overflow:visible !important; padding:0 !important; position:static !important; quotes: "" "" !important; right:auto !important; table-layout:auto !important; text-align:inherit !important; text-decoration:inherit !important; text-indent:0 !important; text-transform:none !important; top:auto !important; unicode-bidi:normal !important; vertical-align:baseline !important; visibility:inherit !important; white-space:normal !important; width:auto !important; word-spacing:normal !important; z-index:auto !important; /* CSS3 */ /* Including all prefixes according to http://caniuse.com/ */ /* CSS Animations don't cascade, so don't require resetting */ -webkit-background-origin: padding-box !important; background-origin: padding-box !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-background-size: auto !important; background-size: auto !important; -webkit-border-image: none !important; border-image: none !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; -webkit-column-count: auto !important; column-count: auto !important; -webkit-column-gap: normal !important; -moz-column-gap: normal !important; column-gap: normal !important; -webkit-column-rule: medium none black !important; -moz-column-rule: medium none black !important; column-rule: medium none black !important; -webkit-column-width: auto !important; column-width: auto !important; font-feature-settings: normal !important; overflow-x: visible !important; overflow-y: visible !important; -webkit-hyphens: manual !important; hyphens: manual !important; -webkit-perspective: none !important; -moz-perspective: none !important; perspective: none !important; -webkit-perspective-origin: 50% 50% !important; -moz-perspective-origin: 50% 50% !important; perspective-origin: 50% 50% !important; -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; backface-visibility: visible !important; text-shadow: none !important; -webkit-transition: all 0s ease 0s !important; transition: all 0s ease 0s !important; -webkit-transform: none !important; transform: none !important; -webkit-transform-origin: 50% 50% !important; transform-origin: 50% 50% !important; -webkit-transform-style: flat !important; transform-style: flat !important; word-break: normal !important; } /* == BLOCK-LEVEL == */ /* Actually, some of these should be inline-block and other values, but block works fine (TODO: rigorously verify this) */ /* HTML 4.01 */ .cleanslate, .cleanslate h3, .cleanslate h5, .cleanslate p, .cleanslate h1, .cleanslate dl, .cleanslate dt, .cleanslate h6, .cleanslate ol, .cleanslate form, .cleanslate option, .cleanslate pre, .cleanslate div, .cleanslate h2, .cleanslate caption, .cleanslate h4, .cleanslate ul, .cleanslate address, .cleanslate blockquote, .cleanslate dd, .cleanslate fieldset, .cleanslate hr, /* HTML5 new elements */ .cleanslate article, .cleanslate dialog, .cleanslate figure, .cleanslate footer, .cleanslate header, .cleanslate hgroup, .cleanslate menu, .cleanslate nav, .cleanslate section, .cleanslate audio, .cleanslate video, .cleanslate address, .cleanslate blockquote, .cleanslate colgroup, .cleanslate main, .cleanslate progress, .cleanslate summary { display:block !important; } .cleanslate h1, .cleanslate h2, .cleanslate h3, .cleanslate h4, .cleanslate h5, .cleanslate h6 { font-weight: bold !important; } .cleanslate h1 { font-size: 2em !important; padding: .67em 0 !important; } .cleanslate h2 { font-size: 1.5em !important; padding: .83em 0 !important; } .cleanslate h3 { font-size: 1.17em !important; padding: .83em 0 !important; } .cleanslate h4 { font-size: 1em !important; } .cleanslate h5 { font-size: .83em !important; } .cleanslate p { margin: 1em 0 !important; } .cleanslate table { display: table !important; } .cleanslate thead { display: table-header-group !important; } .cleanslate tbody { display: table-row-group !important; } .cleanslate tfoot { display: table-footer-group !important; } .cleanslate tr { display: table-row !important; } .cleanslate th, .cleanslate td { display: table-cell !important; padding: 2px !important; } /* == SPECIFIC ELEMENTS == */ /* Some of these are browser defaults; some are just useful resets */ .cleanslate ol, .cleanslate ul { margin: 1em 0 !important; } .cleanslate ul li, .cleanslate ul ul li, .cleanslate ul ul ul li, .cleanslate ol li, .cleanslate ol ol li, .cleanslate ol ol ol li, .cleanslate ul ol ol li, .cleanslate ul ul ol li, .cleanslate ol ul ul li, .cleanslate ol ol ul li { list-style-position: inside !important; margin-top: .08em !important; } .cleanslate ol ol, .cleanslate ol ol ol, .cleanslate ul ul, .cleanslate ul ul ul, .cleanslate ol ul, .cleanslate ol ul ul, .cleanslate ol ol ul, .cleanslate ul ol, .cleanslate ul ol ol, .cleanslate ul ul ol { padding-left: 40px !important; margin: 0 !important; } /* helper for general navigation */ .cleanslate nav ul, .cleanslate nav ol { list-style-type:none !important; } .cleanslate ul, .cleanslate menu { list-style-type:disc !important; } .cleanslate ol { list-style-type:decimal !important; } .cleanslate ol ul, .cleanslate ul ul, .cleanslate menu ul, .cleanslate ol menu, .cleanslate ul menu, .cleanslate menu menu { list-style-type:circle !important; } .cleanslate ol ol ul, .cleanslate ol ul ul, .cleanslate ol menu ul, .cleanslate ol ol menu, .cleanslate ol ul menu, .cleanslate ol menu menu, .cleanslate ul ol ul, .cleanslate ul ul ul, .cleanslate ul menu ul, .cleanslate ul ol menu, .cleanslate ul ul menu, .cleanslate ul menu menu, .cleanslate menu ol ul, .cleanslate menu ul ul, .cleanslate menu menu ul, .cleanslate menu ol menu, .cleanslate menu ul menu, .cleanslate menu menu menu { list-style-type:square !important; } .cleanslate li { display:list-item !important; /* Fixes IE7 issue with positioning of nested bullets */ min-height:auto !important; min-width:auto !important; padding-left: 20px !important; /* replace -webkit-padding-start: 40px; */ } .cleanslate strong { font-weight:bold !important; } .cleanslate em { font-style:italic !important; } .cleanslate kbd, .cleanslate samp, .cleanslate code, .cleanslate pre { font-family:monospace !important; } .cleanslate a { color: blue !important; text-decoration: underline !important; } .cleanslate a:visited { color: #529 !important; } .cleanslate a, .cleanslate a *, .cleanslate input[type=submit], .cleanslate input[type=radio], .cleanslate input[type=checkbox], .cleanslate select { cursor:pointer !important; } .cleanslate button, .cleanslate input[type=submit] { text-align: center !important; padding: 2px 6px 3px !important; border-radius: 4px !important; text-decoration: none !important; font-family: arial, helvetica, sans-serif !important; font-size: small !important; background: white !important; -webkit-appearance: push-button !important; color: buttontext !important; border: 1px #a6a6a6 solid !important; background: lightgrey !important; /* Old browsers */ background: rgb(255,255,255); /* Old browsers */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1)), color-stop(100%,rgba(209,209,209,1)), color-stop(100%,rgba(221,221,221,1))) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%,rgba(209,209,209,1) 100%,rgba(221,221,221,1) 100%) !important; /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%,rgba(209,209,209,1) 100%,rgba(221,221,221,1) 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%,rgba(209,209,209,1) 100%,rgba(221,221,221,1) 100%) !important; } .cleanslate button { padding: 1px 6px 2px 6px !important; margin-right: 5px !important; } .cleanslate input[type=hidden] { display:none !important; } /* restore form defaults */ .cleanslate textarea { -webkit-appearance: textarea !important; background: white !important; padding: 2px !important; margin-left: 4px !important; word-wrap: break-word !important; white-space: pre-wrap !important; font-size: 11px !important; font-family: arial, helvetica, sans-serif !important; line-height: 13px !important; resize: both !important; } .cleanslate select, .cleanslate textarea, .cleanslate input { border:1px solid #ccc !important; } .cleanslate select { font-size: 11px !important; font-family: helvetica, arial, sans-serif !important; display: inline-block; } .cleanslate textarea:focus, .cleanslate input:focus { outline: auto 5px -webkit-focus-ring-color !important; outline: initial !important; } .cleanslate input[type=text] { background: white !important; padding: 1px !important; font-family: initial !important; font-size: small !important; } .cleanslate input[type=checkbox], .cleanslate input[type=radio] { border: 1px #2b2b2b solid !important; border-radius: 4px !important; outline: initial !important; } .cleanslate input[type=radio] { margin: 2px 2px 3px 2px !important; } .cleanslate input[type=submit]:active, .cleanslate button:active { background: rgb(59,103,158) !important; /* Old browsers */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%) !important; /* W3C */ border-color: #5259b0 !important; } .cleanslate abbr[title], .cleanslate acronym[title], .cleanslate dfn[title] { cursor:help !important; border-bottom-width:1px !important; border-bottom-style:dotted !important; } .cleanslate ins { background-color:#ff9 !important; color:black !important; } .cleanslate del { text-decoration: line-through !important; } .cleanslate blockquote, .cleanslate q { quotes:none !important; /* HTML5 */ } .cleanslate blockquote:before, .cleanslate blockquote:after, .cleanslate q:before, .cleanslate q:after, .cleanslate li:before, .cleanslate li:after { content:"" !important; } .cleanslate input, .cleanslate select { vertical-align:middle !important; } .cleanslate table { border-collapse:collapse !important; border-spacing:0 !important; } .cleanslate hr { display:block !important; height:1px !important; border:0 !important; border-top:1px solid #ccc !important; margin:1em 0 !important; } .cleanslate *[dir=rtl] { direction: rtl !important; } .cleanslate mark { background-color:#ff9 !important; color:black !important; font-style:italic !important; font-weight:bold !important; } .cleanslate menu { padding-left: 40px !important; padding-top: 8px !important; } /* additional helpers */ .cleanslate [hidden], .cleanslate template { display: none !important; } .cleanslate abbr[title] { border-bottom: 1px dotted !important; } .cleanslate sub, .cleanslate sup { font-size: 75% !important; line-height: 0 !important; position: relative !important; vertical-align: baseline !important; } .cleanslate sup { top: -0.5em !important; } .cleanslate sub { bottom: -0.25em !important; } .cleanslate img { border: 0 !important; } .cleanslate figure { margin: 0 !important; } .cleanslate textarea { overflow: auto !important; vertical-align: top !important; } /* == ROOT CONTAINER ELEMENT == */ /* This contains default values for child elements to inherit */ .cleanslate { font-size: medium !important; line-height: 1 !important; direction:ltr !important; text-align: left !important; /* for IE, Opera */ text-align: start !important; /* recommended W3C Spec */ font-family: "Times New Roman", Times, serif !important; /* Override this with whatever font-family is required */ color: black !important; font-style:normal !important; font-weight:normal !important; text-decoration:none !important; list-style-type:disc !important; } .cleanslate pre { white-space:pre !important; } .tippy-box { min-width: 280px; padding: 16px; background: #ffffff; border: 1px solid #FFFFFF; border-radius: 4px; box-sizing: border-box; box-shadow: 0px 0px 15px 0px #0000001F; } .tippy-content, .tippy-content p { font-size: 14px; font-weight: 400; line-height: 20px; color: #333333; } .tippy-content h4 { margin-bottom: 4px; font-weight: 600; font-size: 14px; line-height: 20px; } .tippy-content img { width: 100%; } .tippy-box.has-error, .tippy-box.has-error h4, .tippy-box.has-error p { color: #F2576A; } .tippy-box .tippy-content { padding: 0; text-align: left; } .tippy-box[data-placement=top] > .tippy-arrow:before { border-width: 8px 8px 0; border-top-color: #fff; } .tippy-box[data-placement=bottom] > .tippy-arrow:before { border-width: 0 8px 8px; border-bottom-color: #fff; } .tippy-box[data-placement=left] > .tippy-arrow:before { border-width: 8px 0 8px 8px; border-left-color: #fff; } .tippy-box[data-placement=right] > .tippy-arrow:before { border-width: 8px 8px 8px 0; border-right-color: #fff; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #fff; color: #444; text-shadow: none; border-radius: 0; } .fancybox-opened { z-index: 100001; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("/Scripts/fancybox/fancybox_sprite.png"); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url("/Scripts/fancybox/fancybox_loading.gif") center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("/Scripts/fancybox/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("/Scripts/fancybox/fancybox_overlay.png"); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } @media (max-width: 768px){ .fancybox-height-auto{ height: auto !important; } } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("/Scripts/fancybox/fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url("/Scripts/fancybox/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /*! * Cropper.js v1.5.6 * https://fengyuanchen.github.io/cropperjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * * Date: 2019-10-04T04:33:44.164Z */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed} /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor: url("/assets/img/icons/grabbing.png") 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } @charset "UTF-8"; /* Seems only this file been used */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-family: 'montserrat', Helvetica, Arial; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /** ============================ grids ======================== **/ .col-1 { float: left; width: 8.33333%; } .col-2 { float: left; width: 16.66667%; } .col-3 { float: left; width: 25%; } .col-4 { float: left; width: 33.33333%; } .col-5 { float: left; width: 41.66667%; } .col-6 { float: left; width: 50%; } .col-7 { float: left; width: 58.33333%; } .col-8 { float: left; width: 66.66667%; } .col-9 { float: left; width: 75%; } .col-10 { float: left; width: 83.33333%; } .col-11 { float: left; width: 91.66667%; } .col-12 { float: left; width: 100%; } @font-face { font-family: 'montserrat'; src: url("/assets/fonts/montserrat/montserrat-light.woff2") format('woff2'), url("/assets/fonts/montserrat/montserrat-light.woff") format('woff'), url("/assets/fonts/montserrat/montserrat-light.ttf") format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'montserrat'; src: url("/assets/fonts/montserrat/montserrat-regular.woff2") format('woff2'), url("/assets/fonts/montserrat/montserrat-regular.woff") format('woff'), url("/assets/fonts/montserrat/montserrat-regular.ttf") format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'montserrat'; src: url("/assets/fonts/montserrat/montserrat-italic.woff2") format('woff2'), url("/assets/fonts/montserrat/montserrat-italic.woff") format('woff'), url("/assets/fonts/montserrat/montserrat-italic.ttf") format('truetype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'montserrat'; src: url("/assets/fonts/montserrat/montserrat-medium.woff2") format('woff2'), url("/assets/fonts/montserrat/montserrat-medium.woff") format('woff'), url("/assets/fonts/montserrat/montserrat-medium.ttf") format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'montserrat'; src: url("/assets/fonts/montserrat/montserrat-semibold.woff2") format('woff2'), url("/assets/fonts/montserrat/montserrat-semibold.woff") format('woff'), url("/assets/fonts/montserrat/montserrat-semibold.ttf") format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'moneyveo'; font-style: normal; font-weight: normal; /*change*/ /*src: url("/assets/fonts/moneyveo/moneyveo.eot?-uvb2kg"); src: url("/assets/fonts/moneyveo/moneyveo.eot?#iefix-uvb2kg") format("embedded-opentype"), url("/assets/fonts/moneyveo/moneyveo.ttf?-uvb2kg") format("truetype"), url("/assets/fonts/moneyveo/moneyveo.woff?-uvb2kg") format("woff"), url("/assets/fonts/moneyveo/moneyveo.svg?-uvb2kg#moneyveo") format("svg"); */ src: url("/assets/fonts/moneyveo/moneyveo.eot?"); src: url("/assets/fonts/moneyveo/moneyveo.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/moneyveo/moneyveo.ttf") format("truetype"), url("/assets/fonts/moneyveo/moneyveo.woff") format("woff"), url("/assets/fonts/moneyveo/moneyveo.svg#moneyveo") format("svg"); /*end change*/ } /** ============================ basic_styles ======================== **/ a:focus, button:focus { outline: none; } h1, h2, h3, h4 { color: #333; font-weight: 600; } h2 { font-size: 28px; line-height: 1.28571; } h3 { font-size: 22px; line-height: 1.18182; } h4 { font-size: 18px; line-height: 1.22222; } h5 { color: #333; font-weight: 300; font-size: 22px; line-height: 1.18182; } p { font-size: 16px; line-height: 24px; } strong,b { font-weight: 600; } a { color: #333; text-decoration: none; } a:hover { color: #333; } ol li { font-size: 18px; line-height: 1.22222; } blockquote { background: #f1f7fb; border-left: 4px solid #71b023; margin: 30px 0; padding: 25px 35px; } blockquote p { color: #333; font-weight: 600; font-size: 18px; line-height: 1.44444; margin: 0; } ::-moz-selection { color: #4f7c19; } ::selection { color: #4f7c19; } /** ============================ layout_basic_styles ======================== **/ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Check and replace/remove */ ::-moz-selection, :before::-moz-selection, :after::-moz-selection { background: #4f7c19; } ::selection, :before::selection, :after::selection { background: #4f7c19; } html { height: 100%; } body { font: 14px/20px "montserrat", Helvetica, Arial, sans-serif; height: 100%; min-width: 320px; width: 100%; color: #333; } .container { margin-left: auto; margin-right: auto; max-width: 1170px; } .container:after { clear: both; content: " "; display: block; } section { min-height: 1px; position: relative; width: auto; } section:after { clear: both; content: " "; display: block; } .row { min-height: 1px; width: 100%; } .row:after { clear: both; content: " "; display: block; } .inline-block, .btn, i.icons, i.social { display: inline-block; vertical-align: middle; zoom: 1; } .hide { opacity: 0; } .no-display { display: none; } .break { -moz-hyphens: auto; -ms-word-break: break-all; -webkit-hyphens: auto; hyphens: auto; word-break: break-all; word-break: break-word; } ul { list-style: none; margin: 0; padding: 0; } .overflow-on-toggle-menu { width: 100%; overflow: hidden; position: relative; height: 100%; } .table { display: table; height: 100%; width: 100%; } .table-cell { display: table-cell; height: 100%; vertical-align: middle; width: 100%; } .tabs .tabs-caption li { cursor: pointer; } .tabs .tabs-content { display: none; } .tabs .tabs-content.active { display: block; } .container-table { display: block; height: 100%; width: 100%; position: relative; } .container-table .col-l, .container-table .col-r { display: block; width: 100%; } .tar { text-align: right; } .pop-up-style { background: #fff; } .pop-up-style .pop-up-wrapper { background: #fff; padding: 47px 96px 74px 50px; } .pop-up-style .pop-up-wrapper h3 { font-size: 28px; line-height: 1.21429; padding-bottom: 20px; } .pop-up-style .pop-up-wrapper p { font-size: 18px; line-height: 1.44444; padding: 10px 0; } .pop-up-style .fancybox-close { background: transparent; height: 16px; line-height: 16px; right: 20px; top: 20px; width: 16px; } .pop-up-style .fancybox-close:before { -webkit-transform: rotate(0deg); color: #ff5757; content: "\e609"; font-family: "moneyveo"; font-size: 16px; height: 16px; left: 0; position: absolute; top: 0; transform: rotate(0deg); width: 16px; } .pop-up-style .fancybox-close:hover:before { -webkit-transform: rotate(270deg); transform: rotate(270deg); } /** ============================ Form ======================== **/ input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="date"], input[type="search"], input[type="tel"], /*add*/ input[type="file"], /*add*/ textarea { font-family: 'montserrat', Helvetica, Arial; -webkit-border-radius: 3px; background: #fff; border-radius: 3px; font-weight: lighter; color: #333; font-size: 18px; height: 40px; line-height: normal; padding: 0 14px; } input[type="text"] + input, input[type="number"] + input, input[type="email"] + input, input[type="password"] + input, input[type="date"] + input, input[type="search"] + input, input[type="file"] + input, /*add*/ input[type="tel"] /*add*/ + input /*add*/ textarea + input { margin-top: 20px; } input[type="text"]:hover, input[type="text"]:focus, input[type="number"]:hover, input[type="number"]:focus, input[type="email"]:hover, input[type="email"]:focus, input[type="password"]:hover, input[type="password"]:focus, input[type="date"]:hover, input[type="date"]:focus, input[type="search"]:hover, input[type="search"]:focus, input[type="tel"]:hover, /*add*/ input[type="tel"]:focus textarea:hover, /*add*/ input[type="file"]:hover, /*add*/ input[type="file"]:focus, /*add*/ textarea:focus { border: 2px solid #526a7e; } input[type="text"]::-ms-clear { display: none; height: 0; width: 0; } textarea { height: 160px; resize: none; } textarea:focus, input:focus { outline: 0; } *:focus { outline: 0; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border: none; } .ui-datepicker { background: #fff; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { cursor: pointer; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover:before { color: #526a7e; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before { color: #73bc18; content: "\e600"; font-family: "moneyveo"; font-size: 13px; left: 50%; margin-left: -4px; margin-top: -11px; position: absolute; top: 50%; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon { display: none; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next { cursor: pointer; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before { color: #73bc18; content: "\e601"; font-family: "moneyveo"; font-size: 13px; left: 50%; margin-left: -4px; margin-top: -11px; position: absolute; top: 50%; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon { display: none; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month { color: #333; font-weight: 600; font-size: 20px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year { color: #333; font-weight: 600; font-size: 20px; } .ui-datepicker .ui-datepicker-calendar { margin: 1px 1px 3px 0; } .ui-datepicker .ui-datepicker-calendar thead th { background: #cee5eb; border-right: 1px solid #fff; border-top: 1px solid #c3d1dc; color: #667e91; font-weight: 600; font-size: 15px; line-height: 34px; padding: 0; vertical-align: middle; width: 51px; } .ui-datepicker .ui-datepicker-calendar thead th:last-child { border-right: 0 solid #fff; } .ui-datepicker .ui-datepicker-calendar tbody td { background: #fff; padding: 1px 1px 0 0; } .ui-datepicker .ui-datepicker-calendar tbody td a { background: #ebf6f9; color: #333; font-weight: 600; font-size: 15px; line-height: 41px; padding: 0; text-align: center; vertical-align: middle; } .ui-datepicker .ui-state-default { text-align: center; } .jq-checkbox, .jq-radio { background: #fff; border: 2px solid #915FFF; border-radius: 3px; cursor: pointer; height: 30px; width: 30px; } .jq-checkbox input, .jq-radio input { display: none; } .jq-checkbox.checked, .jq-radio.checked { border: 2px solid #915FFF; } .jq-checkbox.checked:before, .jq-radio.checked:before { color: #915FFF; content: "\e608"; font-family: "moneyveo"; font-size: 24px; left: 4px; position: absolute; top: 1px; } .jq-selectbox { background: #fff; border: 1px solid #979797; border-radius: 0; cursor: pointer; width: 100%; z-index: 1 !important; } .jq-selectbox .jq-selectbox__select .jq-selectbox__select-text { font-weight: 600; color: #333; font-size: 18px; height: 40px; line-height: 40px; overflow: hidden; /*add*/ padding: 0 18px; text-overflow: ellipsis; /*add*/ white-space: nowrap; /*add*/ } .jq-selectbox .jq-selectbox__select .jq-selectbox__trigger { height: 8px; position: absolute; right: 12px; top: 17px; width: 13px; } .jq-selectbox .jq-selectbox__select .jq-selectbox__trigger .jq-selectbox__trigger-arrow:after { content: ""; width: 0; height: 0; display: block; border-style: solid; border-width: 7px 5px 0; border-color: #333 transparent transparent; -webkit-transform: none; transform: none; padding: 0; margin-bottom: 6px; transition: 0.25s; } .jq-selectbox .jq-selectbox__dropdown { background: #fff; border: 1px solid #979797; border-radius: 0; max-width: calc(100% + 2px); left: -1px !important; right: auto !important; scrollbar-color: #915fff #e0e0e0; width: calc(100% + 4px); } .jq-selectbox .jq-selectbox__dropdown li { font-weight: 400; font-size: 14px; color: #333; border-bottom: none; cursor: pointer; line-height: 40px; padding: 0 18px; } .jq-selectbox .jq-selectbox__dropdown li.sel, .jq-selectbox .jq-selectbox__dropdown li:hover { background: #ebf6f9; } .jq-selectbox select { display: none; } /** ============================ layout_style ======================== **/ .l-body { height: 100%; width: 100%; } .l-main { margin-top: 50px; } .l-title { display: none !important; } .l-news { background: #ffffff; } .l-news .video { -webkit-background-size: cover; background: url("/assets/img/monitor.png") no-repeat; background-size: cover; height: 357px; margin: 0 auto 20px; overflow: hidden; position: relative; width: 470px; } .frame { background: #ccc none repeat scroll 0 0; height: 245px; left: 18px; position: absolute; top: 18px; width: 435px; } .l-news .video img { display: block; height: auto; min-height: 100%; width: 100%; } .l-list-block { padding-top: 35px; } .l-list-block .col-3 { padding: 0 15px; } .l-list-block .col-3:last-child .move:before { display: none; } .l-list-block .img { height: 150px; line-height: 150px; } .l-list-block .img img { display: block; height: auto; margin: 0 auto; max-width: 100%; max-height: 150px } .l-list-block span { color: #333; display: block; font-weight: 600; font-size: 24px; line-height: 1.25; margin: 0 auto; max-width: 290px; padding-bottom: 20px; padding-top: 45px; text-align: center; min-height: 150px; } .l-list-block p { color: #828282; font-size: 18px; line-height: 1.44444; margin: 0 auto; max-width: 290px; text-align: center; } /*TODO Check it later, mb move to form.scss */ .l-form-registration h2 { font-size: 22px; text-align: center; padding: 20px 0; } .l-form-registration .input-group { position: relative; margin-top: 20px; width: 100%; } .l-form-registration .input-group:after { clear: both; content: " "; display: block; } .l-form-registration .input-group.send { text-align: center; } .l-form-registration .input-group.dropdown-active { z-index: 10 !important; } .l-form-registration label { color: #4F4F4F; float: left; font-size: 16px; line-height: 40px; text-align: right; width: 33.33333%; } .l-form-registration .input-box { float: left; padding: 0 15px; position: relative; width: 33.33333%; } .l-your-cabinet .input-box span, .l-form-registration .input-box span { position: absolute; display: block; height: 20px; width: 20px; top: -25px; right: 0; } .l-your-cabinet .input-box.check span, .l-form-registration .input-box.check span{ top: 0; } .l-your-cabinet .input-box span .icons, .l-form-registration .input-box span .icons { position: relative; display: block; height: 20px; width: 20px; background: transparent; border: 2px solid #915FFF; border-radius: 50%; } .l-your-cabinet .input-box span .icons:hover, .l-form-registration .input-box span .icons:hover{ background: #915FFF; } .l-your-cabinet .input-box span .icons:hover:before, .l-form-registration .input-box span .icons:hover:before{ color: #ffffff; } .l-your-cabinet .input-box span .icons:before, .l-form-registration .input-box span .icons:before{ content: "i"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 12px; line-height: 18px; font-style: normal; font-weight: bold; text-align: center; color: #915FFF; } .l-your-cabinet .input-box.error input, .l-form-registration .input-box.error input { border: 1px solid #F2576A; } .l-your-cabinet span.tooltip-error .icons, .l-form-registration span.tooltip-error .icons { border-color: #F2576A; } .l-your-cabinet span.tooltip-error .icons:before, .l-form-registration span.tooltip-error .icons:before{ color: #F2576A; } .l-your-cabinet span.tooltip-error .icons:hover, .l-form-registration span.tooltip-error .icons:hover{ background: #F2576A; } .l-your-cabinet span.tooltip-error .icons:hover:before, .l-form-registration span.tooltip-error .icons:hover:before{ color: #ffffff; } .l-form-registration .input-box.error .icon-x { color: #F2576A; font-size: 12px; position: absolute; right: 25px; top: 14px; } .l-form-registration .input-box.correct .icon-check { color: #73bc18; font-size: 12px; position: absolute; right: 25px; top: 14px; } .l-form-registration input:not([type='submit']):not([type='button']) { width: 100%; } .l-form-registration .check { float: left; padding: 0 15px; text-align: left; width: 50%; } .l-form-registration .check:after { clear: both; content: " "; display: block; } .l-form-registration .check + .check { margin-top: 30px; } .l-form-registration .check .jq-checkbox { float: left; } /*row changed max.bernachuk .l-form-registration .check span => .l-form-registration .check p */ .l-form-registration .check p { color: #828282; display: block; font-size: 14px; line-height: 1.28571; margin-left: 44px; margin-top: 7px; } .l-form-registration .check a { color: #915FFF; } .l-form-registration .check a:hover { text-decoration: underline; } .l-form-registration .continue { float: left; margin-left: 33.33333%; padding: 0 15px; text-align: left; width: 33.33333%; } .l-form-registration .m-switch { background: #73bc18; border: 2px solid #73bc18; height: 40px; width: 213px; } .l-form-registration .m-switch label { display: block; height: 36px; line-height: 36px; padding: 0; text-align: center; } .l-form-registration .m-switch label span { color: #fff; font-weight: 600; height: 36px; line-height: 36px; position: static; text-align: center; width: 105px; } .l-form-registration .m-switch label.selected span { color: #2b3641; } .l-form-registration .m-switch .wrap { height: 36px; } .l-form-registration .m-switch .wrap:before { background: #fff; content: ""; height: 36px; width: 105px; z-index: 1; } .l-form-registration .m-switch .wrap.r:before { left: 104px; } .l-form-registration .warning { font-weight: 400; } .l-your-cabinet { padding-bottom: 100px; padding-top: 24px; } .l-your-cabinet .container .breadcrumbs { margin-bottom: 30px; } /*add begin, make all btn width for mob view m.bernachuk old .l-your-cabinet .container > .col-3, .l-your-cabinet .container .col-9 { padding: 0 15px; }*/ .l-your-cabinet .container > .col-3, .l-your-cabinet .container .col-9, .l-your-cabinet .container > .col-3, .l-your-cabinet .container .col-3 { padding: 0 15px; } /*add end, make all btn width for mob view m.bernachuk*/ .l-your-cabinet .field-reports { background: url("/assets/img/icons/reports.png") no-repeat 33px 30px; background-color: #8ac64d; margin-bottom: 46px; padding: 0 97px; position: relative; } .l-your-cabinet .field-reports:before { background: url("/assets/img/icons/reports-arrow.png") no-repeat; bottom: -23px; content: ""; display: block; height: 23px; left: 0; position: absolute; width: 25px; } .l-your-cabinet .field-reports p { color: #fff; font-weight: 600; font-size: 18px; line-height: 1.22222; padding: 34px 0; } .l-your-cabinet .your-credit { padding-bottom: 36px; } .l-your-cabinet .your-credit h2 { font-size: 22px; line-height: 1.18182; padding-bottom: 18px; } .l-your-cabinet .your-credit table { margin-bottom: 15px; width: 100%; } .l-your-cabinet .your-credit tr:first-child td { border-top: 1px dashed #dee1e4; } .l-your-cabinet .your-credit tr:hover { background: #f1f7fb; cursor: pointer; } .l-your-cabinet .your-credit td { border-bottom: 1px dashed #dee1e4; color: #828282; font-size: 16px; line-height: 22px; padding: 9px; } .l-your-cabinet .your-credit td:last-child { font-weight: 600; color: #333; text-align: right; } .l-your-cabinet .your-credit .button-line { padding: 10px 0 0 0; } .l-your-cabinet .repay-loan h2 { font-size: 22px; line-height: 1.18182; padding-bottom: 13px; } .l-your-cabinet .repay-loan .pay { padding-right: 15px; } .l-your-cabinet .repay-loan .pay p { color: #828282; font-size: 14px; line-height: 1.42857; padding-bottom: 13px; } .l-your-cabinet .repay-loan .pay .m-slider { background: #f1f7fb; border-radius: 3px; padding: 17px 32px 24px 20px; } .l-your-cabinet .repay-loan .pay .m-slider .slider { padding: 0; width: 100%; } .l-your-cabinet .repay-loan .pay .m-slider .slider .table { display: block; } .l-your-cabinet .repay-loan .pay .m-slider .slider .slider-title { display: block; height: 40px; margin-bottom: 52px; text-align: left; width: 100%; } .l-your-cabinet .repay-loan .pay .m-slider .slider label { display: inline-block; *display: inline; height: 40px; line-height: 40px; vertical-align: middle; width: auto; zoom: 1; } .l-your-cabinet .repay-loan .pay .m-slider .slider-box { display: block; padding: 0 46px 0 49px; width: 100%; } .l-your-cabinet .repay-loan .pay .m-slider .slider-box:after { background: #CAE3EA; content: ''; display: block; height: 8px; position: absolute; right: 38px; top: 0; width: 8px; } .l-your-cabinet .repay-loan .pay .m-slider .slider-box:before { background: #73bc18; content: ''; display: block; height: 8px; left: 38px; position: absolute; top: 0; width: 11px; } .l-your-cabinet .repay-loan .pay .m-slider .slider-box .subtract { left: 13px; top: -10px; display: none; } .l-your-cabinet .repay-loan .pay .m-slider .slider-box .add { right: 12px; top: -10px; display: none; } .l-your-cabinet .repay-loan .pay .m-slider .slider-input { left: 134px; position: absolute; top: 0; width: 100%; /* changed by vasiliy.arkhipov width: auto; */ } .l-your-cabinet .repay-loan .pay-off { padding-left: 15px; } .l-your-cabinet .repay-loan .pay-off h2 { font-size: 22px; line-height: 1.18182; padding-bottom: 18px; } .l-your-cabinet .repay-loan .pay-off p { background: #f1f7fb; font-size: 14px; line-height: 1.28571; padding: 11px; } .l-your-cabinet .repay-loan .pay-off table { margin-bottom: 15px; width: 100%; } .l-your-cabinet .repay-loan .pay-off table tr:nth-child(1n) td:last-child { color: #73bc18; } .l-your-cabinet .repay-loan .pay-off table tr:nth-child(2n) td:last-child { color: #2b3641; } .l-your-cabinet .repay-loan .pay-off table tr:nth-child(3n) td { font-weight: 300; } .l-your-cabinet .repay-loan .pay-off table tr:nth-child(3n) td:last-child { color: #73bc18; font-weight: 600; font-size: 26px; } .l-your-cabinet .repay-loan .pay-off table td { border-bottom: 1px dashed #dee1e4; color: #2b3641; font-weight: 600; font-size: 16px; line-height: 22px; padding: 5px 10px; width: 50%; } .l-your-cabinet .repay-loan .pay-off table td:last-child { text-align: right; } .l-your-cabinet .prolongation h2 { font-size: 22px; line-height: 1.18182; } .l-your-cabinet .prolongation .cms-content p { font-size: 14px; line-height: 1.42857; padding: 10px 0; } .l-your-cabinet .prolongation-request { padding: 15px; margin-bottom: 30px; box-shadow: 0px 8px 20px rgb(0 0 0 / 10%), 0px 2px 30px rgb(0 0 0 / 10%); } .l-your-cabinet .prolongation-request table { margin-block: 10px; border-spacing: 2px; border-collapse: separate; } .l-your-cabinet .prolongation-request table tr.blank_row { height: 10px; } .l-your-cabinet .prolongation-form { padding-top: 10px; } .l-your-cabinet .prolongation-form .pay { padding-right: 15px; } .l-your-cabinet .prolongation-form .pay p { color: #828282; font-size: 14px; line-height: 1.42857; padding-bottom: 13px; } .l-your-cabinet .prolongation-form .pay .m-slider { background: #f1f7fb; border-radius: 3px; padding: 17px 32px 24px 20px; } .l-your-cabinet .prolongation-form .pay .m-slider .slider { padding: 0; width: 100%; } .l-your-cabinet .prolongation-form .pay .m-slider .slider .table { display: block; } .l-your-cabinet .prolongation-form .pay .m-slider .slider .slider-title { display: block; height: 40px; margin-bottom: 52px; text-align: left; width: 100%; } .l-your-cabinet .prolongation-form .pay .m-slider .slider label { display: inline-block; *display: inline; height: 40px; line-height: 40px; vertical-align: middle; width: auto; zoom: 1; } .l-your-cabinet .prolongation-form .pay .m-slider .slider-box { display: block; padding: 0 46px 0 49px; width: 100%; } .l-your-cabinet .prolongation-form .pay .m-slider .slider-box:after { background: #CAE3EA; content: ''; display: block; height: 8px; position: absolute; right: 38px; top: 0; width: 8px; } .l-your-cabinet .prolongation-form .pay .m-slider .slider-box:before { background: #73bc18; content: ''; display: block; height: 8px; left: 38px; position: absolute; top: 0; width: 11px; } .l-your-cabinet .prolongation-form .pay .m-slider .slider-box .subtract { left: 13px; top: -10px; } .l-your-cabinet .prolongation-form .pay .m-slider .slider-box .add { right: 12px; top: -10px; } .l-your-cabinet .prolongation-form .pay .m-slider .slider-input { left: 134px; /* changed by vasiliy.arkhipov*/ position: absolute; top: 0; width: auto; } .l-your-cabinet .prolongation-form .pay-off { padding-left: 15px; } .l-your-cabinet .prolongation-form .pay-off h3 { padding-bottom: 18px; } .l-your-cabinet .prolongation-form .pay-off p { background: #f1f7fb; font-size: 14px; line-height: 1.28571; padding: 11px; } .l-your-cabinet .prolongation-form .pay-off input { border: none; width: 100px; } .l-your-cabinet .prolongation-form .pay-off table { margin-bottom: 15px; width: 100%; } .l-your-cabinet .prolongation-form .pay-off table tr:nth-child(1n) td:last-child { color: #73bc18; } .l-your-cabinet .prolongation-form .pay-off table tr:nth-child(2n) td:last-child { color: #2b3641; } .l-your-cabinet .prolongation-form .pay-off table tr:nth-child(3n) td { font-weight: 300; } .l-your-cabinet .prolongation-form .pay-off table tr:nth-child(3n) td:last-child { color: #73bc18; font-weight: 600; font-size: 26px; } .l-your-cabinet .prolongation-form .pay-off table td { border-bottom: 1px dashed #dee1e4; color: #2b3641; font-weight: 600; font-size: 16px; line-height: 22px; padding: 9px 10px; width: 60%; } .l-your-cabinet .prolongation-form .pay-off table td:last-child { text-align: right; width: 40%; } .personal-info-content { background: #FFFFFF; position: relative; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1), -1px -3px 20px rgba(0, 0, 0, 0.1); padding: 28px 23px 20px 32px; font-weight: 600; font-size: 22px; } .new-profile-edit.new-style-group.profile-info .edit-form:after, .personal-info-content:after { content: ""; display: block; position: absolute; bottom: 0; right: 0; left: 0; z-index: 4; height: 28px; background-color: #ffffff; } .new-profile-edit.new-style-group.profile-info .row.your-credit { position: relative; padding-bottom: 0; } .new-profile-edit.new-style-group .row.your-credit:before { display: none; } .personal-info-content .pesonal-info__row--name { font-size: 22px; margin: 0 0 10px; } .personal-info-content .pesonal-info__row--name:not(:first-of-type) { margin-top: 40px; } .personal-info-content .pesonal-info__row { display: flex; flex-wrap: wrap; padding: 14px 0 14px 29px; border-top: 1px dashed rgba(0, 0, 0, 0.2); font-size: 16px; } .personal-info-content .pesonal-info__row:last-of-type { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); } .personal-info-content .pesonal-info__item--title { position: relative; font-weight: 500; padding-right: 22px; } .personal-info-content .pesonal-info__item--title:after { content: ":"; display: block; position: absolute; right: 16px; top: 0; } .personal-info-content .pesonal-info__item--info { font-weight: 600; word-break: break-all; } .personal-info-content .pesonal-info__row .purple-a { font-size: 16px; margin-left: auto; text-decoration: underline; } .personal-info-content .pesonal-info__row#IsPepContainer .pesonal-info__item--title:after, .personal-info-content .pesonal-info__row#IsVirtualActiveContainer .pesonal-info__item--title:after, .personal-info-content .pesonal-info__row#IsForeignerContainer .pesonal-info__item--title:after { content: none; } .new-profile-edit.new-style-group.profile-info .edit-form { width: auto; margin-top: 0; margin-bottom: 0; background: #FFFFFF; position: relative; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1), -1px -3px 20px rgba(0, 0, 0, 0.1); padding: 20px 23px 20px 32px; } .new-profile-edit.new-style-group.profile-info .edit-form h2 { text-align: left; font-size: 22px; font-weight: 600; margin: 0 0 10px; } .l-page-list-steps .container { margin-left: auto; margin-right: auto; max-width: 1170px; padding: 0 20px; } .l-page-list-steps h2 { color: #333; font-size: 28px; line-height: 1.14286; padding: 40px 0; text-align: center; } .l-page-list-steps .item { padding-block: 50px; } .l-page-list-steps .img { padding-bottom: 40px; } .l-page-list-steps .img img { display: block; height: auto; margin: 0 auto; max-width: 100%; } .l-page-list-steps .cms_content h3 { padding-bottom: 30px; } .l-page-list-steps .cms_content strong { font-weight: 600; color: #333; } .l-page-list-steps .cms_content a { border-bottom: 1px solid #9eeb50; color: #8dce00; } .l-page-list-steps .cms_content a:hover { border-bottom: 1px solid transparent; } .l-info-section { padding: 36px 17px 24px; background: #FFFFFF; box-shadow: 0 -3px 20px rgba(0, 0, 0, 0.1), 0 15px 30px rgba(0, 0, 0, 0.1); } .l-info-section .col-4 { padding: 0 20px 24px; } .l-info-section .image { margin-bottom: 15px; min-height: 50px; text-align: center; } .popUpWarning { background: url("/assets/img/icons/icons-status.png") no-repeat 0 -280px; background-size: cover; margin: auto } .edit-profile h2 { font-weight: 600; font-size: 16px; line-height: 24px; text-align: left; } .edit-profile .edit-form { padding: 0; } .edit-profile .edit-form .slider-input { position: relative; } .edit-profile .edit-form .slider-input .ui-datepicker-trigger { position: absolute; right: 10px; top: 9px; } .edit-profile .edit-form label { float: left; width: 25%; } .edit-profile .edit-form .m-switch label { width: 50% !important; } .edit-profile .edit-form .input-box { float: left; width: 50%; } .edit-profile .edit-form .btn-link { margin: 20px 0 10px; } .l-personal-info form h2 { font-size: 28px; line-height: 1.21429; padding: 4px 0 24px 0; text-align: left; } .l-personal-info form .input-group { font-weight: 300; margin-bottom: 20px; width: 100%; *zoom: 1; } .l-personal-info form .input-group:before, .l-personal-info form .input-group:after { content: ""; display: table; } .l-personal-info form .input-group:after { clear: both; } .l-personal-info form .input-group .select-row { *zoom: 1; } .l-personal-info form .input-group .select-row:before, .l-personal-info form .input-group .select-row:after { content: ""; display: table; } .l-personal-info form .input-group .select-row:after { clear: both; } .l-personal-info form .input-group .select-row .label { color: #828282; float: left; font-size: 16px; height: 40px; left: 0; line-height: 1.125; position: relative; text-align: right; top: 0; width: 25%; } .l-personal-info form .input-group .select-row .label span { display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .l-personal-info form .input-group .select-row .select { float: left; padding: 0 15px; width: 50%; } .l-personal-info form .input-group .select-row .select select { width: 100%; } .l-personal-info form .input-group .checkbox-box { *zoom: 1; } .l-personal-info form .input-group .checkbox-box:before, .l-personal-info form .input-group .checkbox-box:after { content: ""; display: table; } .l-personal-info form .input-group .checkbox-box:after { clear: both; } .l-personal-info form .input-group .checkbox-box .checkbox-line { margin-left: 25%; padding-left: 15px; *zoom: 1; } .l-personal-info form .input-group .checkbox-box .checkbox-line:before, .l-personal-info form .input-group .checkbox-box .checkbox-line:after { content: ""; display: table; } .l-personal-info form .input-group .checkbox-box .checkbox-line:after { clear: both; } .l-personal-info form .input-group .checkbox-box .checkbox-line input { float: left; } .l-personal-info form .input-group .checkbox-box .checkbox-line label { color: #828282; display: inline-block; float: none; font-size: 14px; line-height: 1.28571; margin-left: 15px; position: relative; top: -10px; width: auto; } .l-personal-info form .input-group label { color: #828282; display: block; float: left; font-size: 16px; height: 40px; line-height: 1.125; position: relative; text-align: right; width: 25%; } .l-personal-info form .input-group label span { display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .l-personal-info form .input-group .input-box { float: left; padding: 0 15px; position: relative; /*remove???*/ width: 50%; *zoom: 1; } .l-personal-info form .input-group .input-box:before, .l-personal-info form .input-group .input-box:after { content: ""; display: table; } .l-personal-info form .input-group .input-box:after { clear: both; } .l-personal-info form .input-group .input-box input[type='text'] { width: 100%; } .l-personal-info form .input-group .input-box span { display: block; height: 29px; position: absolute; right: -29px; top: 4px; width: 29px; } .l-personal-info form .input-group .input-box span .icons { background-position: -58px 0; display: block; height: 29px; width: 29px; } .l-personal-info form .input-group .input-box .slider-input { position: relative; } .l-personal-info form .input-group .input-box .slider-input .hasDatepicker { width: 100%; } .l-personal-info form .input-group .input-box .slider-input .ui-datepicker-trigger { position: absolute; right: 10px; top: 9px; } .l-personal-info form .input-group .input-box > .left { float: left; width: 46%; } .l-personal-info form .input-group .input-box > .right { float: right; width: 46%; } .l-personal-info form .input-group .input-box.error input { border: 2px solid #ff5757; } .l-personal-info form .input-group .input-box.error span .icons { background-position: -87px 0; } .l-personal-info form .input-group .input-box.error .icon-x { color: #ff5757; font-size: 12px; position: absolute; right: 25px; top: 14px; } .l-personal-info form .input-group.continue { margin-left: 25%; padding: 0 15px; width: 50%; } .l-personal-info form .input-group.continue button { margin-bottom: 21px; margin-top: 14px; } .l-contacts-page .contacts-info .row { margin: 0 auto; max-width: 750px; } .l-contacts-page .contacts-info .row p { font-size: 20px; line-height: 1.4; padding-bottom: 15px; text-align: inherit; } .l-contacts-page .contacts-info .row p span { color: #333; font-weight: 600; } .l-contacts-page .contacts-info .row p a { color: #73bc18; text-decoration: underline; } .l-404-page { text-align: center; } .l-404-page .container { float: left; margin-left: 16.66667%; overflow-x: hidden; width: 66.66667%; } .l-404-page .container .img-block { padding-top: 14px; width: 100%; } .l-404-page .container .content-block { padding-bottom: 27px; } .l-404-page .container .content-block h1 { font-weight: 600; color: #333; font-size: 28px; line-height: 1.21429; margin-bottom: 13px; } .l-404-page .container .content-block p { font-size: 18px; line-height: 1.44444; } .l-404-page .container .content-block p a { border-bottom: 1px solid #74b524; color: #74b524; } .l-404-page .container .content-block p a:hover { border-bottom: 1px solid transparent; } .l-404-page .container .btn-block { padding-bottom: 50px; } .my-credits { width: 100%; } .my-credits table { border-spacing: 0; min-width: auto; width: 100%; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0 -3px 20px rgba(0, 0, 0, 0.1); word-break: normal; } .my-credits table thead tr td { background: #F3F3F3; font-weight: 600; color: #333; font-size: 14px; height: 50px; line-height: 1.4; padding: 0 15px; vertical-align: middle; } .my-credits table tr td:nth-child(n+2) { border-left: 1px solid rgba(151, 151, 151, 0.22);; } .my-credits table tbody tr:nth-child(n+2) td { border-top: 1px solid rgba(151, 151, 151, 0.22);; } .my-credits table tbody tr td { height: 40px; padding: 7px 15px; vertical-align: top; line-height: 1.6; } .my-credits table tbody tr td:nth-child(n+2) { padding: 15px; } .my-credits table tbody tr td:last-child { min-width: 140px; } .my-credits table tbody tr td > .status { border-radius: 4px; display: inline-block; font-size: 14px; line-height: 1.4; padding: 0; text-transform: lowercase; } .my-credits table tbody tr td > .status.close { color: #EB5757; } .my-credits table tbody tr td > .status.assigned { color: #ffee2e; } .my-credits table tbody tr td > .status.open { color: #3DAE2B; } .my-credits table tbody tr td > .status.overdue { color: #ffee2e; } .my-credits table tbody tr td a { color: #915FFF; font-size: 14px; display: inline-block; } .my-credits table tbody tr td a.document_link { margin-right: 5px; } .quote { background: #f1f7fb; border-left: 3px solid #71b023; padding: 22px 40px; } .quote p { color: #333; font-weight: 600; font-size: 18px; line-height: 1.44444; } .quote p.refusal-reason { padding-bottom: 10px; } .status { padding: 30px 15px; } .status h3 { margin: 0 0 20px 0; } .status .col-8 { float: none; margin: auto; } .status .quote { margin: 10px 0; } .status .status-item { margin: 20px 0 30px 0; *zoom: 1; } .status .status-item:before, .status .status-item:after { content: ""; display: table; } .status .status-item:after { clear: both; } .status .status-item .icon { background: url("/assets/img/icons/icons-status.png"); float: left; height: 134px; margin: 10px 15px; width: 134px; } .status .status-item .description { float: left; margin: 0 15px; padding: 5px 0; width: calc(100% - 194px); } .status .status-item .description p { font-size: 16px; line-height: 20px; } .status .status-item .description p > span { font-weight: 600; } .status .status-item .description p.title { font-weight: 600; color: #333; font-size: 18px; margin: 0 0 10px 0; } .status .status-item .description .button { margin: 20px 0 0 0; } .status .status-item.ok .icon { background-position: -17px -383px; } .status .status-item.fail .icon { background-position: -16px -544px; } .status .status-item.close-a-debt .icon { background-position: 0 -699px; width: 161px; } .status .status-item.close-a-debt .description { width: calc(100% - 221px); } .status .status-item.making-decision .icon { background-position: -20px -1036px; height: 150px; } .status .status-item.invite-friend .icon { background-position: -16px -226px; } .status .status-item.additional-info .icon { background-position: -20px -872px; } .status .status-item.credit-sold .icon { background-position: -36px -54px; } .l_my-bonus-credits h2 { color: #333; font-weight: 600; font-size: 24px; line-height: 34px; } .l_my-bonus-credits .table-block table { border-collapse: separate !important; border-spacing: 0 !important; margin-top: 22px; min-width: 450px; width: 100%; } .l_my-bonus-credits .table-block table thead tr { border-spacing: 0; } .l_my-bonus-credits .table-block table thead tr td { background-color: #d4e5ee; color: #333; font-weight: 600; font-size: 16px; height: 48px; line-height: 16px; padding-left: 15px; vertical-align: middle; } .l_my-bonus-credits .table-block table thead tr td:first-child { border-radius: 8px 0 0 0; } .l_my-bonus-credits .table-block table thead tr td:last-child { border-radius: 0 8px 0 0; } .l_my-bonus-credits .table-block table tbody tr td { border-bottom: 2px dashed #d4e5ee; } .l_my-bonus-credits .table-block table tbody tr:last-child td { border-bottom: 2px solid #67869c; } .l_my-bonus-credits .table-block table tbody tr td { color: #000; font-weight: 300; font-size: 16px; height: 40px; line-height: 16px; padding-left: 15px; vertical-align: middle; } .l_my-bonus-credits .table-block table tbody tr td > .count { color: #333; font-weight: 600; font-size: 16px; line-height: 16px; } .l_my-bonus-credits .table-block table tbody tr td > .status { border-radius: 4px; display: inline-block; font-size: 14px; line-height: 1.78571; padding: 0 3px; } .l_my-bonus-credits .table-block table tbody tr td > .status.close { background: #e5eff6; color: #333; } .l_my-bonus-credits .table-block table tbody tr td > .status.open { background: #81c133; color: #fff; } .l_my-bonus-credits .table-block table tbody tr td > .status.overdue { background: #ffee2e; color: #000; } .l_my-bonus-credits .table-block .total-balance { background-color: #d4e5ee; background-image: url("/assets/img/bg/mix/ref-block-bg.png"); background-position: left bottom; background-repeat: repeat-x; height: 91px; margin-bottom: 44px; min-width: 450px; position: relative; } .l_my-bonus-credits .table-block .total-balance .content { -webkit-transform: translate(-50%, -50%); left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); width: 100%; } .l_my-bonus-credits .table-block .total-balance .content .first { font-weight: 600; font-size: 18px; line-height: 24px; text-transform: uppercase; } .l_my-bonus-credits .table-block .total-balance .content .second { color: #81c133; font-weight: 600; font-size: 50px; line-height: 34px; } .l_my-bonus-credits .table-block .total-balance .content .third { color: #81c133; font-weight: 600; font-size: 28px; line-height: 34px; } .l_my-bonus-credits .take-bonus { padding-left: 15px; } .l_my-bonus-credits .take-bonus h2 { margin-bottom: 12px; } .l_my-bonus-credits .take-bonus p { color: #477191; font-size: 18px; line-height: 26px; padding: 5px 0; } .l_my-bonus-credits .page-nav { padding-bottom: 24px; padding-top: 23px; } .l_my-bonus-credits .page-nav > ul { background-color: #e3f0f7; border-radius: 6px; display: block; width: 100%; } .l_my-bonus-credits .page-nav > ul:before, .l_my-bonus-credits .page-nav > ul:after { content: ""; display: table; } .l_my-bonus-credits .page-nav > ul:after { clear: both; } .l_my-bonus-credits .page-nav > ul > li { border-left: 3px solid #fff; cursor: pointer; float: left; height: 80px; position: relative; text-align: center; width: 33.33%; } .l_my-bonus-credits .page-nav > ul > li .wrap { -webkit-transform: translate(-50%, -50%); left: 50%; padding: 0 15px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; } .l_my-bonus-credits .page-nav > ul > li .wrap span { border-bottom: 2px dashed #8eadc2; color: #8eadc2; display: inline; font-weight: 600; font-size: 18px; line-height: 1.22222; text-transform: uppercase; vertical-align: middle; } .l_my-bonus-credits .page-nav > ul > li.active { background: #fff; border: 3px solid #8ac64d; border-radius: 6px; } .l_my-bonus-credits .page-nav > ul > li.active span { border-bottom: 2px dashed transparent; color: #333; } .l_my-bonus-credits .page-nav > ul > li.active + li { border-left: 0; } .l_my-bonus-credits .page-nav > .tabs-content { padding-top: 25px; } .l_my-bonus-credits .page-nav > .tabs-content .present { *zoom: 1; } .l_my-bonus-credits .page-nav > .tabs-content .present:before, .l_my-bonus-credits .page-nav > .tabs-content .present:after { content: ""; display: table; } .l_my-bonus-credits .page-nav > .tabs-content .present:after { clear: both; } .l_my-bonus-credits .page-nav > .tabs-content .present .img-block { float: left; width: 22.22222%; } .l_my-bonus-credits .page-nav > .tabs-content .present .img-block .img { background-image: url("/assets/img/gift.png"); background-position: center; background-repeat: no-repeat; height: 100px; margin: 0 auto; width: 100px; } .l_my-bonus-credits .page-nav > .tabs-content .present .text { float: left; padding-left: 15px; width: 77.77778%; } .l_my-bonus-credits .page-nav > .tabs-content .present .text p { color: #477191; font-weight: 300; font-size: 18px; line-height: 26px; padding-bottom: 18px; } .l_my-bonus-credits .page-nav > .tabs-content .present .text a { border-bottom: 2px dashed #81c133; color: #81c133; font-weight: 600; font-size: 18px; line-height: 18px; } .l_my-bonus-credits .page-nav > .tabs-content .invite-friend { *zoom: 1; } .l_my-bonus-credits .page-nav > .tabs-content .invite-friend:before, .l_my-bonus-credits .page-nav > .tabs-content .invite-friend:after { content: ""; display: table; } .l_my-bonus-credits .page-nav > .tabs-content .invite-friend:after { clear: both; } .l_my-bonus-credits .page-nav > .tabs-content .invite-friend .img-block { float: left; width: 22.22222%; } .l_my-bonus-credits .page-nav > .tabs-content .invite-friend .img-block .img { background-image: url("/assets/img/invite-friend.png"); background-position: center; background-repeat: no-repeat; height: 105px; margin: 0 auto; width: 130px; } .l_my-bonus-credits .page-nav > .tabs-content .invite-friend .text { float: left; padding-left: 15px; width: 77.77778%; } .l_my-bonus-credits .page-nav > .tabs-content .invite-friend .text p { color: #477191; font-size: 18px; line-height: 26px; } .l_my-bonus-credits .page-nav > .tabs-content .invite-friend .btn-row { margin-top: 23px; } .l_my-bonus-credits .page-nav > .tabs-content .leave-comment { *zoom: 1; } .l_my-bonus-credits .page-nav > .tabs-content .leave-comment:before, .l_my-bonus-credits .page-nav > .tabs-content .leave-comment:after { content: ""; display: table; } .l_my-bonus-credits .page-nav > .tabs-content .leave-comment:after { clear: both; } .l_my-bonus-credits .page-nav > .tabs-content .leave-comment .img-block { float: left; width: 22.22222%; } .l_my-bonus-credits .page-nav > .tabs-content .leave-comment .img-block .img { -webkit-background-size: auto 100%; background-image: url("/assets/img/leave-comment.png"); background-position: center; background-repeat: no-repeat; background-size: auto 100%; height: 100px; margin: 0 auto; max-width: 134px; width: 100%; } .l_my-bonus-credits .page-nav > .tabs-content .leave-comment .text { float: left; padding-left: 15px; width: 77.77778%; } .l_my-bonus-credits .page-nav > .tabs-content .leave-comment .text p { color: #477191; font-weight: 300; font-size: 18px; line-height: 26px; padding-bottom: 18px; } .l_my-bonus-credits .page-nav > .tabs-content .leave-comment .text p strong { font-weight: 600; } .l_my-bonus-credits .page-nav > .tabs-content .leave-comment .text a { border-bottom: 2px dashed #81c133; color: #81c133; font-weight: 600; font-size: 18px; line-height: 18px; } .l_my-bonus-credits .page-nav > .tabs-content .description { padding-top: 52px; } .l_my-bonus-credits .page-nav > .tabs-content .description blockquote { margin-top: 22px; } .l_my-bonus-credits .page-nav > .tabs-content .description blockquote p span { color: #81c133; } .l_my-bonus-credits .page-nav > .tabs-content .description blockquote p a { border-bottom: 2px dashed #81c133; color: #81c133; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a { padding-top: 9px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a h3 { font-size: 24px; padding-left: 15px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a ul.present-list { background-color: transparent; padding-bottom: 36px; padding-top: 23px; width: 100%; *zoom: 1; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a ul.present-list:before, .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a ul.present-list:after { content: ""; display: table; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a ul.present-list:after { clear: both; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a ul.present-list li { cursor: pointer; float: left; height: auto; padding: 0 15px; text-align: center; width: 33.33333%; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a ul.present-list li.chosen .img { outline: 4px solid #71b023; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a ul.present-list li .img { -webkit-background-size: cover; background-position: center; background-repeat: no-repeat; background-size: cover; display: inline-block; height: 200px; width: 200px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a ul.present-list li .price { color: #81c133; display: block; font-weight: 600; font-size: 18px; line-height: 30px; padding-top: 26px; text-align: center; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a ul.present-list li .name { color: #828282; display: block; font-weight: 300; font-size: 18px; line-height: 26px; padding-top: 2px; text-align: center; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group { width: 100%; *zoom: 1; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group:before, .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group:after { content: ""; display: table; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group:after { clear: both; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group .checkbox-box { margin-left: 11.11111%; margin-top: 23px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group .checkbox-box .checkbox-line label { color: #828282; font-weight: 300; font-size: 14px; line-height: 14px; padding-left: 10px; position: relative; top: -8px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group .select-row { width: 100%; *zoom: 1; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group .select-row:before, .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group .select-row:after { content: ""; display: table; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group .select-row:after { clear: both; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group .select-row .label { float: left; height: 100%; padding-top: 25px; text-align: right; width: 33.33333%; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group .select-row .label span { color: #828282; font-size: 16px; line-height: 18px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group .select-row .select { float: left; padding: 15px; text-align: left; width: 44.44444%; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group > label { float: left; padding-top: 25px; text-align: right; width: 33.33333%; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group > label span { color: #828282; font-size: 16px; line-height: 18px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group > .input-box { float: left; padding: 15px; width: 44.44444%; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group > .input-box input { display: block; width: 100%; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .btn-block { padding-bottom: 36px; padding-left: calc(33.33% + 15px); padding-top: 36px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b { float: left; margin-left: 22.22222%; width: 77.77778%; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b h3 { color: #333; font-weight: 600; font-size: 24px; line-height: 30px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b ol { list-style: none; margin-bottom: 7px; margin-top: 30px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b ol li { counter-increment: step-counter; margin-bottom: 24px; padding-left: 60px; position: relative; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b ol li:before { border: 3px solid #73bc18; border-radius: 50%; color: #333; content: counter(step-counter); display: block; font-weight: 600; font-size: 20px; left: 0; line-height: 30px; position: absolute; text-align: center; top: -4px; width: 36px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b ol li h4 { font-weight: 600; color: #333; font-size: 18px; line-height: 26px; margin-bottom: 13px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b ol li .link { height: 40px; margin-bottom: 11px; position: relative; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b ol li .link a { display: inline-block; height: 40px; line-height: 40px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b ol li .link a i { background-image: url("/assets/img/icons/social-tell-a-friend.png"); background-repeat: no-repeat; display: inline-block; height: 40px; width: 40px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b ol li .link a span { -webkit-transform: translateY(-50%); color: #73bc18; display: inline; font-weight: 300; font-size: 18px; left: 46px; line-height: 24px; position: absolute; text-decoration: underline; top: 50%; transform: translateY(-50%); } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b ol li .link.fb i { background-position: 0 0; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b ol li .link.vk i { background-position: 0 -54px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b ol li .link.ok i { background-position: 0 -106px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b ol li > a { border-bottom: 1px solid #73bc18; color: #73bc18; font-weight: 600; font-size: 18px; line-height: 26px; position: relative; top: -12px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b p { color: #477191; font-weight: 300; font-size: 18px; line-height: 26px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b blockquote p { color: #333; font-weight: 600; font-size: 18px; line-height: 26px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b blockquote .mail { display: block !important; margin-top: 13px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b blockquote .mail i { background-image: url("/assets/img/icons/mail.png"); background-position: center; background-repeat: no-repeat; display: inline-block; height: 40px; width: 40px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b blockquote .mail a { color: #81c133; font-weight: 600; font-size: 18px; line-height: 18px; position: relative; top: -15px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b blockquote .phone { display: block !important; margin-top: 3px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b blockquote .phone i { background-image: url("/assets/img/icons/phone.png"); background-position: center; background-repeat: no-repeat; display: inline-block; height: 40px; width: 40px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b blockquote .phone a { color: #333; font-weight: 600; font-size: 18px; line-height: 18px; position: relative; top: -15px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b .close a { border-bottom: 2px dashed #81c133; color: #81c133; font-weight: 600; font-size: 18px; line-height: 18px; } .l-landings { padding-top: 26px; } .l-landings .row { *zoom: 1; } .l-landings .row:before, .l-footer .l-landings .row:after { content: ""; display: table; } .l-landings .row:after { clear: both; } .l-landings .row .col-l { float: left; padding: 0 15px; width: 50%; } .l-landings .row .col-r { float: left; padding: 0 15px; width: 50%; } .l-landings .text-item { margin-top: 17px; max-width: 488px; width: 100%; } .l-landings .text-item .text-item_head { color: #333; display: block; line-height: 24px; margin-bottom: 8px; } .l-landings .text-item .text-item_content { color: #828282; } .l-landings .text-item a:not(.veo-styled-link) { color: #333; line-height: 36px; text-decoration: underline; } .l-landings .text-links .text-links_head a { color: #333; display: block; line-height: 22px; text-decoration: underline; } .l-landings .text-links .text-links_content { color: #828282; display: inline; font-size: 15px; line-height: 22px; text-decoration: underline; } .l-landings .text-links .text-links_content a { color: #305069; } .l-landings .text-links .text-links_content a:hover { color: #000; } .l-landings .text-links .text-links_content span { display: inline-block; } .l-footer.footer-404 .l-footer-info { display: none; } /** ============================ modules ======================== **/ .m-information { margin-bottom: 20px; } /* Todo Remove me after rework menu in faq & news page */ .m-information li { border-bottom: 1px solid #e3f0f7; } .m-information li.active, .m-information li.current { border: 2px solid #73bc18; border-radius: 5px; } /*End Edit MV-4937 + Make changes to the breadcrumbs Dmitriy.Bernachuk*/ .profile-menu #Promocodes{ display:none } .m-information a { color: #333; display: block; font-size: 18px; line-height: 22px; padding: 14px 18px; } .m-information a:hover { color: #73bc18; } /* Todo Remove me after rework menu in faq & news page end */ .m-back-top { background: #e3f0f7; border: 2px solid #fff; border-radius: 3px; bottom: 140px; cursor: pointer; display: none; height: 50px; position: fixed; right: 50px; text-align: center; /*transition: all 0.35s ease;*/ width: 50px; z-index: 999; } .m-back-top.hatch { display: block; } .m-back-top .icon-arrow-up { color: #333; font-size: 12px; line-height: 46px; } .m-back-top:hover { background: #73bc18; } .m-back-top:hover .icon-arrow-up { color: #fff; } .fancybox-overlay { z-index: 99999; } /*End Change*/ .promotion-window { -webkit-transform: translate(-50%, -50%); height: auto !important; left: 50% !important; position: fixed !important; top: 50% !important; transform: translate(-50%, -50%); width: 50% !important; } .promotion-window .fancybox-skin { box-shadow: none; padding-bottom: 40px !important; padding-left: 40px !important; padding-right: 40px !important; width: 100% !important; } .promotion-window .fancybox-skin .fancybox-outer { width: 100% !important; } .promotion-window .fancybox-skin .fancybox-outer .fancybox-inner { width: 100% !important; } .promotion-window .fancybox-skin .fancybox-outer .fancybox-inner #promotion-pop-up .heading { padding-bottom: 13px; padding-top: 20px; text-align: center; } .promotion-window .fancybox-skin .fancybox-outer .fancybox-inner #promotion-pop-up .heading span { font-weight: 600; color: #333; font-size: 18px; line-height: 1.33333; text-transform: uppercase; } .promotion-window .fancybox-skin .fancybox-outer .fancybox-inner #promotion-pop-up .text p { color: #828282; font-weight: 300; font-size: 16px; line-height: 1.25; padding: 7px 0; } .promotion-window .fancybox-skin .fancybox-outer .fancybox-inner #promotion-pop-up .btn-row { padding-top: 18px; text-align: center; } .promotion-window .fancybox-skin .fancy-close { background-image: url("/assets/img/icons/fancy-close.svg"); background-position: center; background-repeat: no-repeat; cursor: pointer; height: 16px; position: absolute; right: 20px; top: 20px; width: 16px; } [class^="animation-"], [class*=" animation-"] { overflow: hidden; } [class^="animation-"] i, [class^="animation-"] span, [class*=" animation-"] i, [class*=" animation-"] span { -webkit-transform: translateX(0); display: inline-block; transform: translateX(0); } .animation-left:hover i { -webkit-animation: slidetoleft 0.4s forwards; animation: slidetoleft 0.4s forwards; } .animation-right:hover i { -webkit-animation: slidetoright 0.4s forwards; animation: slidetoright 0.4s forwards; } .animation-top:hover span, .animation-top:hover i { -webkit-animation: slidetotop 0.4s forwards; animation: slidetotop 0.4s forwards; } @-webkit-keyframes slidetotop { 49% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51% { -webkit-transform: translateY(100%); opacity: 0; transform: translateY(100%); } 60% { opacity: 0; } 81% { opacity: 1; } } @keyframes slidetotop { 49% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51% { -webkit-transform: translateY(100%); opacity: 0; transform: translateY(100%); } 60% { opacity: 0; } 81% { opacity: 1; } } @-webkit-keyframes slidetoleft { 49% { -webkit-transform: translateX(-200%); transform: translateX(-200%); } 51% { -webkit-transform: translateX(200%); opacity: 0; transform: translateX(200%); } 60% { opacity: 0; } 81% { opacity: 1; } } @keyframes slidetoleft { 49% { -webkit-transform: translateX(-200%); transform: translateX(-200%); } 51% { -webkit-transform: translateX(200%); opacity: 0; transform: translateX(200%); } 60% { opacity: 0; } 81% { opacity: 1; } } @-webkit-keyframes slidetoright { 49% { -webkit-transform: translateX(200%); transform: translateX(200%); } 51% { -webkit-transform: translateX(-200%); opacity: 0; transform: translateX(-200%); } 60% { opacity: 0; } 81% { opacity: 1; } } @keyframes slidetoright { 49% { -webkit-transform: translateX(200%); transform: translateX(200%); } 51% { -webkit-transform: translateX(-200%); opacity: 0; transform: translateX(-200%); } 60% { opacity: 0; } 81% { opacity: 1; } } @-webkit-keyframes impuls { 0% { background-position: 0 0; } 50% { background-position: 0 -33px; } 100% { background-position: 0 -33px; } } @keyframes impuls { 0% { background-position: 0 0; } 50% { background-position: 0 -33px; } 100% { background-position: 0 -33px; } } @-webkit-keyframes bg { 0% { background-size: 0 100%; } 50% { background-size: 100% 100%; } 100% { background-size: 100% 100%; } } @keyframes bg { 0% { background-size: 0 100%; } 50% { background-size: 100% 100%; } 100% { background-size: 100% 100%; } } /** ============================ btn ======================== **/ .btn { background: #000; border: none; color: #fff; cursor: pointer; font-weight: 600; font-size: 16px; line-height: 50px; padding: 0 35px; /*transition: all 0.35s ease;*/ } /*add begin, make all btn width for mob view m.bernachuk*/ /*add end, make all btn width for mob view m.bernachuk*/ .btn.long { width: 100%; } /*Add*/ .btn.yellow-green { background: #ffee2e; box-shadow: inset 0 -2px 0 0 #ccbe25; color: #000; font-weight: 600; } .btn.yellow-green:hover, .btn.yellow-green:active { background: #71b023; box-shadow: inset 0 -2px 0 0 #5a8d1c; color: #fff; } .btn.green { background: #71b023; box-shadow: inset 0 -2px 0 0 #5a8d1c; color: #fff; font-weight: 600; } .btn.green:hover, .btn.green:active { background: #4f7c19; box-shadow: inset 0 -2px 0 0 #4f7c19; color: #fff; } .btn.big { font-size: 18px; } .btn.small { line-height: 40px; padding: 0 26px; } .btn.white { background-color: #fff; color: #67a136; } .btn.white:hover { background-color: #67a136; color: #fff; } .btn.white-green { background: #fff; border: 2px solid #fff; color: #333; } .btn.white-green:hover, .btn.white-green:active { background: #5a8d1c; border: 2px solid #5a8d1c; } .btn.png-green { background: transparent; border: 2px solid #73bc18; color: #fff; } .btn.png-green:hover, .btn.png-green:active { background: #4f7c19; border: 2px solid #4f7c19; color: #fff; } .btn.investing { font-size: 14px; line-height: 40px; padding: 0 19px; text-transform: none; } /** ============================ icons ======================== **/ i.icons { background: url("/assets/img/icons/icons.png") no-repeat; } i.icons.i-1 { background-position: 0 0; height: 76px; width: 57px; } i.icons.i-2 { background-position: -57px 0; height: 29px; width: 29px; } i.icons.i-3 { background-position: -87px 0; height: 29px; width: 29px; } [class^="icon-"], [class*=" icon-"] { -moz-osx-font-smoothing: grayscale; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; font-family: 'moneyveo'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; } .icon-arrow-down:before { content: "\e60c"; } .icon-arrow-up:before { content: "\e60d"; } .icon-mіnus:before { content: "\e60a"; } .icon-plus:before { content: "\e60b"; } .icon-arrow-datapicerleft:before { content: "\e600"; } .icon-arrow-datapicerright:before { content: "\e601"; } .icon-arrow-down-menu:before { content: "\e602"; } .icon-arrow-left:before { content: "\e603"; } .icon-arrow-righ:before { content: "\e604"; } .icon-arrow-up-menu:before { content: "\e605"; } .icon-Burger:before { content: "\e606"; } .icon-calendar:before { content: "\e607"; } .icon-check:before { content: "\e608"; } .icon-x:before { content: "\e609"; } @media all and (-ms-high-contrast: none) { *::-ms-backdrop, .l-wrapper { float: left; width: 100%; } *::-ms-backdrop, .l-footer { clear: both; } /* IE11 */ } /** ============================ statement-start ======================== **/ .noselect { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .no_underline { text-decoration: none !important; } .l-tell-a-friend .flex-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 1170px; margin: auto; } .contacts-info .contacts-for-help { font-size: 18px; text-align: left; font-weight: 600; margin: 0 auto; color: #333333; background: #fff; padding: 0 0 10px 0; display: block; max-width: 750px; } .contacts-info .contacts-for-help a { color: #73b523; text-decoration: underline; } .l-form-registration.edit-form h3 { color: #333333; text-align: center; } .clsTab { outline: 1px solid #915FFF !important; box-shadow: 0 0 4px #915FFF !important; } #documents-container .input-group label, .l-your-cabinet form .input-group label, div.expire-date-row div.select-row div.label { max-width: 200px; } .l-contacts-page .contacts-info { padding: 0 0 0 15px; } @media only screen and (max-width: 1200px) { .l-tell-a-friend .flex-wrap { flex-direction: column; justify-content: center; margin: 0 auto; } .l-tell-a-friend .flex-wrap .contacts-block { width: 100%; } .l-tell-a-friend .flex-wrap .form-block { width: 100%; margin-top: 30px; border-top: 1px solid #ccc; padding-top: 30px; } } .l-tell-a-friend .flex-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 1170px; margin: auto; } .l-tell-a-friend .flex-wrap .contacts-block { width: 40%; } .l-tell-a-friend .flex-wrap .form-block { width: 60%; } #documents-container .input-group label, .l-your-cabinet form .input-group label, div.expire-date-row div.select-row div.label { max-width: 200px; } /** ==Unacceptable document notification==**/ .unacceptable-doc-notification { margin-bottom: 4px; } /** ==End of anacceptable document notification==**/ .resend .resend-link { text-align: left; text-decoration: underline; cursor: pointer; } .login-screen .error { color: #ff5757; } @media all and (max-width: 767px) { #cardVerification .with-return-url.button-container > .continue > div { display: flex; justify-content: center; } #cardVerification .with-return-url.button-container > .continue > div .btn-new, #cardVerification .new-registration-form .with-return-url.button-container > .continue > div .btn-new-transparent { float: none; margin: 0 15px; } #cardVerification .with-return-url.button-container > .continue > div .btn-new { order: 2; } } @media all and (max-width: 575px) { #cardVerification .with-return-url.button-container > .continue > div { display: flex; flex-direction: column; padding: 0 15px; } #cardVerification .with-return-url.button-container > .continue > div .btn-new, #cardVerification .new-registration-form .with-return-url.button-container > .continue > div .btn-new-transparent { float: none !important; width: 100%; margin: 15px 0; } #cardVerification .with-return-url.button-container > .continue > div .btn-new { order: 1; } #cardVerification .with-return-url.button-container > .continue > div .btn-new-transparent { order: 2; } } .alert-text { color: #EB5757; } .icon-check.green { color: #3DAE2B; } .no-shadow { box-shadow: none !important; } /* --start-- @MEDIA --create media.css and move it-- --Anastasia Sviontkovska-- */ .show-medium { display: none; } @media only screen and (max-width: 413px) { .edit-profile .edit-form .continue .btn-new { margin-bottom: 15px; } } @media only screen and (max-width: 479px) { .l_my-bonus-credits .table-block { overflow-x: scroll; } .edit-profile .edit-form .continue .btn-new { margin-bottom: 15px; } } @media only screen and (max-width: 480px) { .l-news { padding: 80px 0 0 20px; } .l-news .video { -webkit-background-size: cover; background: url("/assets/img/monitor.png") no-repeat; background-size: contain; height: 274px; margin: 0 auto 10px; overflow: hidden; position: relative; width: 380px; } .l-news .video-container { float: right; padding: 10% 0; } .frame { background: #ccc none repeat scroll 0 0; height: 205px; left: 14px; position: absolute; top: 12px; width: 332px; } } @media only screen and (max-width: 360px) { .l-news { padding: 80px 0 0 20px; } .l-news .video { background: none; height: 274px; margin: 0 0 10px; overflow: hidden; position: relative; width: 90%; } .l-news .video-container { float: none; padding: 0; } .frame { background: #ccc none repeat scroll 0 0; height: 205px; position: relative; width: 100%; } } @media only screen and (max-width: 767px) { [class^="col-"], [class*=" col-"] { width: 100%; } .pop-up-style .pop-up-wrapper { padding: 20px; } .l-news .list-news .news-header h3 { text-align: center; } .l-news .list-news .news-content .data .month { padding-left: 4px; text-align: left; } .l-news .news-footer { padding: 0; } .l-news .news-footer .all-news { margin-left: 20px; } .l-list-block { padding-bottom: 50px; padding-top: 40px; } .l-form-registration .container { padding: 0 15px; } .l-form-registration .input-group.send { margin-top: 30px; } .l-form-registration .continue { padding-left: 60px; /*add begin, make all btn width for mob view m.bernachuk*/ padding-right: 0px; padding-top: 25px; /*add end, make all btn width for mob view m.bernachuk*/ } .l-form-registration .check, .l-form-registration .continue { margin-left: 0; width: 100%; } .l-form-registration .m-switch label span { display: block; } .l-form-registration { padding-bottom: 40px; padding-top: 28px; } /* Edit для мобильной версии центрирование кнопки next MV-4890 + Move "Next button" to the middle of page on mobile environment on registration pages old .l-form-registration .input-group { margin-top: 2px; } */ .l-form-registration .input-group { margin-left: 0; padding-left: 0; text-align: center; width: 100%; } /*endEdit*/ .l-form-registration label, .l-form-registration .input-box { width: 100%; } .l-form-registration label { padding: 0 10px; text-align: left; } .l-form-registration .input-box { padding: 0 10px; } .l-your-cabinet { padding-bottom: 40px; padding-top: 16px; } .l-your-cabinet .field-reports { background-image: none; padding: 0 36px; } .l-your-cabinet .field-reports p { padding: 27px 0; } .l-your-cabinet .your-credit .tar { text-align: center; } .l-your-cabinet .your-credit .button-line { text-align: center; } .l-your-cabinet .your-credit .green-a { line-height: inherit; } .l-your-cabinet .repay-loan { margin-bottom: 37px; } .l-your-cabinet .repay-loan .pay { padding: 0; } .l-your-cabinet .repay-loan .pay .m-slider { margin-bottom: 20px; padding: 20px 10px 20px 20px; } .l-your-cabinet .repay-loan .pay .m-slider .slider-box:after { right: 26px; top: 8px; } .l-your-cabinet .repay-loan .pay .m-slider .slider-box:before { left: 26px; top: 8px; } .l-your-cabinet .repay-loan .pay .m-slider .slider-box { padding: 0 34px 0 36px; } .l-your-cabinet .repay-loan .pay .m-slider .slider-box .subtract { left: 0; top: -2px; } .l-your-cabinet .repay-loan .pay .m-slider .slider-box .add { right: 0; top: -2px; } .l-your-cabinet .repay-loan .pay .m-slider .slider-input { left: 110px; } .l-your-cabinet .repay-loan .pay .m-slider .slider-input input { margin-right: 7px; } .l-your-cabinet .repay-loan .pay-off { padding: 0; } .l-your-cabinet .repay-loan .pay-off .tar { text-align: center; } .l-your-cabinet .prolongation-form .pay { padding: 0; } .l-your-cabinet .prolongation-form .pay .m-slider { margin-bottom: 20px; padding: 20px 10px 20px 20px; } .l-your-cabinet .prolongation-form .pay .m-slider .slider-box:after { right: 26px; top: 8px; } .l-your-cabinet .prolongation-form .pay .m-slider .slider-box:before { left: 26px; top: 8px; } .l-your-cabinet .prolongation-form .pay .m-slider .slider-box { padding: 0 34px 0 36px; } .l-your-cabinet .prolongation-form .pay .m-slider .slider-box .subtract { left: 0; top: -2px; } .l-your-cabinet .prolongation-form .pay .m-slider .slider-box .add { right: 0; top: -2px; } .l-your-cabinet .prolongation-form .pay .m-slider .slider-input { left: 88px; } .l-your-cabinet .prolongation-form .pay .m-slider .slider-input input { margin-right: 7px; } .l-your-cabinet .prolongation-form .pay-off { padding: 0; } .l-your-cabinet .prolongation-form .pay-off .tar { text-align: center; } .l-page-help { padding-bottom: 22px; /*change padding-bottom: 0; max.bernachuk MV-5092*/ padding-top: 0; } .l-page-help .container > .col-9 { padding: 0; } /*added row max bernachuk MV-5092*/ .l-page-help .container .col-9 { padding: 0; } .l-page-help .list-wrapper { padding: 35px 15px 20px; } .l-page-help .list-wrapper .faq-list li { padding-left: 0; padding-bottom: 6px; padding-top: 6px; } .l-page-help .list-wrapper .faq-list li a { font-size: 18px; } .l-page-help .list-wrapper { background-color: inherit; /*deleted max.bernachuk MV-5092*/ } .l-page-help .faq-ansver { float: left; margin-left: 0%; padding-top: 20px; width: 100%; } .edit-profile .edit-form label { width: 100%; } .edit-profile .edit-form .input-box { width: 100%; } .edit-profile .edit-form .continue { margin-left: 0%; padding-left: 0; text-align: center; width: 100%; } .l-personal-info form h2 { text-align: center; } .l-personal-info form .input-group .select-row .label { padding-left: 15px; text-align: left; width: 100%; } .l-personal-info form .input-group .select-row .label span { padding: 0 15px; text-align: left; width: 100%; } .l-personal-info form .input-group .select-row .select { width: 100%; } .l-personal-info form .input-group .checkbox-box .checkbox-line { margin-left: 0; } .l-personal-info form .input-group label { padding-left: 15px; padding-right: 15px; width: 100%; } .l-personal-info form .input-group label span { padding: 0 15px; text-align: left; width: 100%; } .l-personal-info form .input-group .input-box span { display: none; } .l-personal-info form .input-group .input-box { width: 100%; } .l-personal-info form .input-group .input-box > .left, .l-personal-info form .input-group .input-box > .right { width: 50%; } .l-personal-info form .input-group .input-box > .left { padding-right: 15px; } .l-personal-info form .input-group .input-box > .right { padding-left: 15px; } .l-personal-info form .input-group.continue { margin-left: 0; text-align: center; width: 100%; } .l-info-section{ padding: 26px 30px 24px; } .l-info-section .col-4{ padding: 0; margin-bottom: 38px; } .l-info-section .col-4:last-child{ margin-bottom: 0; } .l-info-section p{ font-size: 14px; line-height: 20px; } .l-tell-a-friend .page-nav { padding-left: 15px; padding-right: 15px; padding-top: 30px; } .l-tell-a-friend .page-nav .container ul { float: left; margin-left: 0; width: 100%; } .l-tell-a-friend .page-nav .container ul li { border-left: none; border-top: 3px solid #fff; float: none; width: 100%; } .l-tell-a-friend .page-nav .container ul li.active + li { border-top: 0; } .l-tell-a-friend .partner-program .container { padding: 0 15px; } .l-tell-a-friend .partner-program .container h2 { font-size: 22px; line-height: 1.18182; text-align: center; } .l-tell-a-friend .partner-program .container p { font-size: 16px; line-height: 1.125; } .l-tell-a-friend .registration-way .container { padding: 0 15px; } .l-tell-a-friend .registration-way .container .move:before { display: none; } .l-tell-a-friend .ref-block .content .info { padding: 40px 15px 41px 15px; } .l-tell-a-friend .ref-block .content .info .balance span { display: block; margin-top: 25px; width: 100%; } .l-tell-a-friend .ref-block .content .share .description { padding-bottom: 21px; text-align: center; width: 100%; } .l-tell-a-friend .ref-block .content .share .social-list { float: none; margin: 0 auto; width: auto; } .l-tell-a-friend .invite-friend form .by-email .form-head, .l-tell-a-friend .invite-friend form .by-sms .form-head { text-align: center; } .l-tell-a-friend .invite-friend form .by-email .input-block, .l-tell-a-friend .invite-friend form .by-sms .input-block { width: 100%; } .l-tell-a-friend .invite-friend form .by-email .img-block, .l-tell-a-friend .invite-friend form .by-sms .img-block { padding-top: 20px; width: 100%; } .l-tell-a-friend .invite-friend form .by-email .img-block .img, .l-tell-a-friend .invite-friend form .by-sms .img-block .img { margin-left: 0; } .l-tell-a-friend .invite-friend form .by-email, .l-tell-a-friend .invite-friend form .by-sms { padding-bottom: 80px; } .l-tell-a-friend .invite-friend form .captcha-block .input-block label { padding: 0 30px; text-align: left; } .l-tell-a-friend .invite-friend form .captcha-block .input-block .input-wrap { padding: 0 30px; width: 100%; } .l-tell-a-friend .invite-friend form .captcha-block .input-block .input-wrap input { max-width: 100%; } .l-tell-a-friend .invite-friend form .captcha-block { margin-top: -20px; } .l-contacts-page .container { padding: 0 15px; } .l-contacts-page .top-text { padding-bottom: 20px; padding-top: 30px; } .l-contacts-page .top-text h2 { text-align: center; } .l-contacts-page .contacts-info .row { padding-bottom: 25px; } .l-contacts-page .contacts-info { padding-bottom: 0; } .l-contacts-page .call-center .container .wrap { float: left; margin-left: 0; width: 100%; } .l-contacts-page .call-center .container .wrap .heading { display: none; } .l-contacts-page .call-center .container .wrap .content .img-block { float: left; width: 100%; } .l-contacts-page .call-center .container .wrap .content .schedule { float: left; padding: 13px 0 0; width: 100%; } .l-contacts-page .call-center .container .wrap .content .schedule .heading { display: block; } .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .left, .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .right { float: left; width: 100%; } .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .left, .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .right { width: 100%; } .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .left .item-wrapper, .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .right .item-wrapper { text-align: center; width: 100%; } .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .left .item-wrapper .phone-item, .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .right .item-wrapper .phone-item { display: inline-block; width: auto; } .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .right { margin-left: 0%; } .l-contacts-page .contact-us { max-width: 100%; padding-bottom: 40px; } .l-contacts-page .contact-us form .form-row label { display: block; font-size: 16px; line-height: 1.5; position: static; text-align: left; width: 100%; } .l-contacts-page .contact-us form .form-row input { width: 100%; } .l-contacts-page .contact-us form .form-row textarea { width: 100%; } .l-contacts-page .contact-us .captcha-block { margin-top: -20px; } .l-contacts-page .contact-us .button-block { padding-top: 30px; } .l-404-page .container { margin-left: 0; padding: 0 15px; width: 100%; } .l-404-page .container .img-block { height: 200px; margin-bottom: 20px; } .l-404-page .container .img-block .img-bg { -webkit-background-size: auto 100%; background-image: url("/assets/img/bg/mix/404-sm.png"); background-size: auto 100%; } .status .status-item .icon { float: none; margin: 15px auto; } .status .status-item .description { float: none; margin: 10px 0; width: 100%; } .status .status-item .description .button { text-align: center; } .l_my-bonus-credits .take-bonus { padding-left: 0; } .l_my-bonus-credits .page-nav { padding-top: 30px; } .l_my-bonus-credits .page-nav > ul > li { border-left: none; border-top: 3px solid #fff; float: none; width: 100%; } .l_my-bonus-credits .page-nav > ul > li.active + li { border-top: 0; } .l_my-bonus-credits .page-nav > .tabs-content .present .img-block { padding-bottom: 25px; padding-top: 8px; width: 100%; } .l_my-bonus-credits .page-nav > .tabs-content .present .text { padding-left: 0; width: 100%; } .l_my-bonus-credits .page-nav > .tabs-content .invite-friend .img-block { padding-bottom: 25px; padding-top: 8px; width: 100%; } .l_my-bonus-credits .page-nav > .tabs-content .invite-friend .text { padding-left: 0; width: 100%; } .l_my-bonus-credits .page-nav > .tabs-content .leave-comment .img-block { padding-bottom: 25px; padding-top: 8px; width: 100%; } .l_my-bonus-credits .page-nav > .tabs-content .leave-comment .text { padding-left: 0; width: 100%; } .l_my-bonus-credits .page-nav > .tabs-content .leave-comment .text p { color: #477191; font-size: 18px; line-height: 26px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a ul.present-list li { margin-bottom: 24px; width: 100%; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a ul.present-list li:last-child { margin-bottom: 12px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form h3 { padding-left: 0; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group .checkbox-box { margin-bottom: 24px; margin-left: 0%; margin-top: 8px; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group .checkbox-box .checkbox-line { height: 60.5px; position: relative; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group .checkbox-box .checkbox-line .jq-checkbox { -webkit-transform: translateY(-50%); left: 0; position: absolute; top: 50%; transform: translateY(-50%); } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group .checkbox-box .checkbox-line label { -webkit-transform: translateY(-50%); left: 46px; padding-left: 0; position: absolute; top: 50%; transform: translateY(-50%); } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group .select-row .label { padding-top: 0; text-align: left; width: 100%; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group .select-row .select { padding-left: 0; padding-right: 0; padding-top: 4px; width: 100%; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group > label { padding-top: 0; text-align: left; width: 100%; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .input-group > .input-box { padding-left: 0; padding-right: 0; padding-top: 4px; width: 100%; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-a form .btn-block { padding-left: 0; text-align: center; } .l_my-bonus-credits .page-nav > .tabs-content .spoiler-block-b { margin-left: 0%; width: 100%; } .l-footer .l-footer-info p { margin-top: 40px; } .m-slider .slider-input { left: 85px; position: absolute; top: -8px; width: 165px; } .m-slider .slider-title { display: block; width: 100%; } .m-slider .slider-box:after { right: 26px; top: 8px; } .m-slider .slider-box:before { left: 26px; top: 8px; } .m-slider .slider-box { display: block; height: 25px; margin-top: 46px; padding: 0 34px 0 35px; width: 100%; } .m-slider .slider-box .ui-slider { top: 8px; } .m-slider .slider-box .subtract { left: 0; top: -2px; } .m-slider .slider-box .add { right: 0; top: -2px; } /*add MV-7338 d.bernachuk проблема связаная из зависание сафари на iphone этот костыль для перекрытия этой проблемы */ .m-slider.white .slider-title { text-indent: 100%; white-space: nowrap; overflow: hidden; } /*end add MV-7338 d.bernachuk*/ .m-slider.white .slider-box:after { right: 26px; top: 8px; } .m-slider.white .slider-box:before { left: 26px; top: 8px; } .m-back-top.hatch { display: none; } .m-back-top { display: none; } .promotion-window .fancybox-skin .fancybox-outer .fancybox-inner #promotion-pop-up .heading span { font-size: 16px; line-height: 1.25; } .promotion-window .fancybox-skin .fancybox-outer .fancybox-inner #promotion-pop-up .btn-row .btn { padding: 0 15px; } .promotion-window { width: calc(100% - 30px) !important; } .btn { width: 100% !important; } input[type="submit"].btn.green { width: 100% !important; } } @media only screen and (max-width: 991px) { .l-contacts-page .contact-us .captcha-block .input-block label { display: block; position: static; text-align: left; width: 100%; } .l-contacts-page .contact-us .captcha-block .input-block .input-wrap { width: 100%; } .l-contacts-page .contact-us .captcha-block .input-block .input-wrap input { max-width: 100%; } .m-information { display: none; } } @media only screen and (max-width: 992px) { .l-contacts-page .phone-list .container .wrap { float: left; margin-left: 8.33333%; width: 83.33333%; } .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .left, .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .right { float: left; width: 50%; } .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .right { margin-left: 0%; } } @media only screen and (min-width: 768px) { h2 { font-size: 42px; line-height: 1.04762; } h3 { font-size: 28px; line-height: 1.21429; } h4 { font-size: 24px; line-height: 1.25; } h5 { font-size: 22px; line-height: 1.18182; } .l-main { margin-top: 100px; } .l-home .die { display: table; } .l-home .die .col-l { display: table-cell; padding: 25px 20px 21px 20px; width: 60%; } .l-home .die .col-r { background: url("/assets/img/bg/mix/2.png") no-repeat right top; display: table-cell; padding: 17px 30px 14px; width: 40%; } .l-investment-plan .slider-invest { float: left; width: 66.66667%; } .l-investment-plan .invest { float: left; width: 33.33333%; } .l-news .list-news .news-header h3 { font-size: 42px; line-height: 1.04762; } .l-news .list-news .news-content .data { float: left; padding: 0 15px; width: 20%; } .l-news .list-news .news-content .content { float: left; width: 80%; } .l-news .list-news { margin-left: 10%; padding: 30px 0; } .l-list-block { padding: 55px 0; } .l-reviews { padding-bottom: 55px; padding-top: 54px; } .l-reviews h3 { font-size: 42px; line-height: 1.04762; } .l-your-cabinet .your-credit h2 { font-size: 28px; line-height: 1.21429; } .l-your-cabinet .repay-loan h2 { font-size: 28px; line-height: 1.21429; } .l-your-cabinet .repay-loan .pay-off h2 { font-size: 28px; line-height: 1.21429; } .l-your-cabinet .prolongation h2 { font-size: 28px; line-height: 1.21429; } .l-page-list-steps .container { padding-left: 98px; padding-right: 98px; } .l-page-help .faq-ansver { float: left; margin-left: 8.33333%; width: 83.33333%; } .edit-profile h2 { padding-bottom: 40px; font-size: 24px; line-height: 36px; text-align: center; } .l-footer .l-footer-info .btn.small { font-size: 13px; padding: 0 10px; } .l-footer .l-footer-info .phone li { font-size: 18px; } .operator-top-wrapper { margin: 110px auto 0px !important; } .show-medium { display: inherit; } } @media only screen and (min-width: 992px) { .container-table { display: table; height: 100%; width: 100%; } .container-table .col-l, .container-table .col-r { display: table-cell; vertical-align: top; width: 50%; } #cms_content ol, .cms_content ol { margin-left: 27px; } .l-home .die .col-l { padding: 25px 30px 21px 60px; width: 70%; } .l-home .die .col-r { background: url("/assets/img/bg/mix/2.png") no-repeat right top; padding: 15px 30px 10px; width: 30%; } .l-investment-plan .slider-invest { float: left; width: 75%; } .l-investment-plan .invest { float: left; width: 25%; } .l-news .news-footer .btn:hover, .l-news .news-footer .btn:focus { background: #8aa4b9; border: 2px solid #8aa4b9; } .l-news .news-footer .btn:hover i, .l-news .news-footer .btn:focus i { color: #fff; } .l-news .video { -webkit-background-size: cover; background: url("/assets/img/monitor1.png") no-repeat; background-size: cover; height: 357px; margin: 0 auto 20px; overflow: hidden; position: relative; width: 500px; } .l-news .video-container { float: right; padding: 10% 0; } .frame { background: #ccc none repeat scroll 0 0; height: 257px; left: 50px; position: absolute; top: 35px; width: 407px; } .l-news .video img { display: none; } .l-reviews { padding-bottom: 96px; } .l-page-list-steps h2 { font-size: 42px; line-height: 1.04762; padding: 0 0; } .l-page-list-steps .text { width: 50%; } .l-page-list-steps .img { width: 50%; } .l-page-list-steps .img img { margin: 0 98px 0 auto; } .edit-profile .l-social .label { text-align: right; } .l-footer .l-footer-info .btn.small { font-size: 16px; padding: 0 26px; } .l-footer .l-footer-info .phone li { font-size: 24px; } } @media only screen and (max-width: 768px) { .popup-container .popup .btn-close { display: block !important; } .col-r-footer li:last-child { text-align: center; } .col-r-footer li:last-child .btn-new-transparent { max-width: 320px; margin: 12px auto 0; width: inherit; font-size: 16px; font-weight: 500; } .new-profile-edit.new-style-group .row.your-credit:before { display: none; } .l-form-registration h2 { padding-bottom: 16px; } } @media only screen and (min-width: 1200px) { .edit-profile .l-social .label { text-align: right; } } /* --end-- @MEDIA --create media.css and move it-- --Anastasia Sviontkovska-- */ /** ==Start contacts-page Kudriavska T.== **/ @media only screen and (max-width: 992px) { .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .left, .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .right { float: none; width: 100%; } .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .left .item-wrapper .phone-item, .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .right .item-wrapper .phone-item { float: none; } } /** ==End contacts-page Kudriavska T.== **/ /** ==Start contacts-page Kudriavska T.== **/ @media only screen and (max-width: 1200px) { .l-tell-a-friend .flex-wrap { flex-direction: column; justify-content: center; margin: 0 auto; } .l-tell-a-friend .flex-wrap .contacts-block { width: 100%; } .l-tell-a-friend .flex-wrap .contacts-block .l-your-cabinet{ overflow-x:initial!important; ; } .l-tell-a-friend .flex-wrap .form-block { width: 100%; border-top: 1px solid #ccc; padding-top: 30px; } .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .left .item-wrapper .phone-item, .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .right .item-wrapper .phone-item { margin: 25px auto; text-align: left; background-size: auto; max-width: 775px !important; width: 100%; } .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .left .item-wrapper .phone-item, .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .right .item-wrapper { max-width: 100%; } .l-contacts-page .phone-list .container { padding: 0; } .l-contacts-page .phone-list .container .wrap { margin-left: 0; width: 100%; } .l-contacts-page .phone-text { line-height: 1.1; } .l-contacts-page .contacts-info { padding-right: 15px; text-align: left; } .l-contacts-page .container { padding: 0; } .l-contacts-page .contacts-info .row p { padding-bottom: 25px; } .l-contacts-page .contacts-info .row h3 { display: none; } } @media only screen and (max-width: 992px) { .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .left, .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .right { float: none; width: 100%; } .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .left .item-wrapper .phone-item, .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .right .item-wrapper .phone-item { float: none; width: 100%; } } @media only screen and (max-width: 767px) { .l-contacts-page .contacts-info .row { padding: 5px 0 30px 0; } } /*!*Usamov U. Bug FIx *!*/ /*!*98*!*/ @media only screen and (max-width: 767px) { #landing-bottommenu { display: block; margin-bottom: 35px; } .l-main.front-page .l-home { overflow: hidden; } } /** ==End contacts-page Kudriavska T.== **/ /*Start media tooltip minimal sum in slider*/ @media (max-width: 767px ){ .tooltip-min-sum{ padding: 25px 26px 40px; } .tooltip-min-sum:before , .tooltip-min-sum:after { border: none; height: 1px; background-color: #915FFF; right: 0; left: 0; margin: 0 auto; bottom: 20px; width: 33px; } .tooltip-min-sum:after { content: ''; width: 17px; bottom: 14px; } } @media screen and (max-width: 600px) { .slider-box .tooltip-min-sum{ opacity: 0; transition: 0.4s; } } @media all and (max-width: 575px) { #cardVerification > div.fluid-width > div.c-form > div.card-form > div.f-content { width: 100% !important; } .card-name .input-group { padding-left: 15px; padding-right: 15px; } .card-name .input-group .input-box { padding-right: 30px; } .card-name .input-group .input-box input { width: 100%; } } .links-popup { position: relative; line-height: 40px; left: -25px; } .links-popup .popup-link { border-bottom: 1px dashed #333; text-decoration: none; font-size: 15px; font-weight: 400; padding-bottom: 4px; position: relative; } .links-popup .popup-link_information { color: #8FA3B5; border-radius: 50%; border: 1px solid #8FA3B5; padding: 0 6px; font-size: 10px; font-weight: 700; position: absolute; top: 12px; left: 160px; line-height: 1.5; text-decoration: none; } .links-popup .link-information { display: none; position: absolute; width: 440px; height: 119px; background: #fff; border-radius: 4px; padding: 10px; line-height: 1.5; -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 20px 20px rgba(0, 0, 0, 0.15); top: -120px; left: -162px; } .links-popup .link-information:after, .links-popup .link-information:before { top: 100%; left: 75%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .links-popup .link-information:before { border-color: rgba(255, 255, 255, 0); border-top-color: #82828240; border-width: 11px; margin-left: -11px; } .links-popup .link-information:after { border-top-color: #fff; border-width: 9px; margin-left: -9px; } .links-popup .link-information p { font-size: 14px; margin: 0; padding: 0; } .links-popup .link-information p:first-child { padding-bottom: 10px; } .links-popup .link-information p span { font-weight: 600; color: #8AC64D; } .links-popup .link-information .popup-line { display: none; color: #C0C0C0; } .links-popup .link-information .popup-line_short { width: 17px; margin: 5px auto 0; } .links-popup .link-information .popup-line_long { width: 34px; margin: 20px auto 0; } .popup-container { position: relative; } .popup-container .popup { display: none; width: 585px; height: 374px; background: #fafafa; border-radius: 4px; padding: 20px; opacity: 1; position: fixed; top: 45%; left: 50%; margin-top: -216px; margin-left: -293px; z-index: 5; } .popup-container .popup .btn-close { color: #EC2127; font-weight: 600; cursor: pointer; display: block; height: 78px; line-height: 78px; position: absolute; right: 10px; top: -20px; font-size: 30px; } .popup-container .popup-title { font-size: 24px; text-align: left; font-weight: 600; } .popup-container .popup-title_enotcoin { padding-top: 10px; margin-top: 20px; } .popup-container .popup-description { padding: 10px 0 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .popup-container .popup-description_promokod { border-bottom: 1px dashed #333; } .popup-container .popup-description input { height: 40px; background: #FFFFFF; border-radius: 4px; font-weight: 600; font-size: 18px; color: #333; } .popup-container .popup-description .popup-promokod { width: 306px; padding-left: 20px; } .popup-container .popup-description .popup-promokod::-webkit-input-placeholder { font-weight: 600; font-size: 18px; color: #C2D0DA; } .popup-container .popup-description .popup-promokod:-ms-input-placeholder { font-weight: 600; font-size: 18px; color: #C2D0DA; } .popup-container .popup-description .popup-promokod::-ms-input-placeholder { font-weight: 600; font-size: 18px; color: #C2D0DA; } .popup-container .popup-description .popup-promokod::placeholder { font-weight: 600; font-size: 18px; color: #C2D0DA; } .popup-container .popup-description_enotcoin { -ms-flex-wrap: wrap; flex-wrap: wrap; } .popup-container .popup-description_enotcoin div { font-size: 16px; } .popup-container .popup-description_enotcoin button { width: 100%; } .popup-container .popup-description_enotcoin .popup-enotcoin_amount { font-weight: 400; } .popup-container .popup-description_enotcoin .popup-enotcoin_slider { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .popup-container .popup-description_enotcoin .popup-enotcoin_slider .block-calc { width: 76%; margin-top: 15px; } .popup-container .popup-description_enotcoin .popup-enotcoin_slider .btn-gradient_full { width: 50%; } .popup-container .popup-description_enotcoin .popup-text_green { color: #8AC64D; font-weight: 600; } .popup-container .popup-description_enotcoin .popup-text_bold { font-weight: 600; } .popup-container .popup-description_enotcoin .popup-enotcoin_sum { font-weight: 300; padding: 20px 0; } .popup-container .popup-description_enotcoin .popup-enotcoin_sum input { width: 77px; text-align: center; } .popup-container .popup-description .btn-popup { width: 199px; height: 40px; font-size: 18px; margin: 0 20px; line-height: 40px; padding: 0; } .popup-container .popup-description .inactive { width: 50%; background: #8FA3B5; max-width: 199px; pointer-events: none; } .popup-container .popup-description .inactive:active { background: #8FA3B5; -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); } .popup-container .popup-description .inactive:hover { background: #8FA3B5; -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); cursor: auto; } .promo-notchurn, .promo-error, .promo-expired, .promo-inapropriate-time, .enotcoin-error, .promo-for-pdl, .promo-for-installment, .popup-container .popup-discount { font-weight: 300; font-size: 15px; color: #DC1717; margin: 25px 0 0; display: none; text-align: left; } .popup-container .popup-close_mob { width: 100%; height: 45px; line-height: 45px; background: #fafafa; -webkit-box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15); border-radius: 10px 10px 0 0; position: fixed; display: none; z-index: 5; bottom: 0; left: 0; text-align: center; } .popup-container .popup-close_mob a { text-decoration: none; cursor: pointer; border-bottom: 1px dashed #333; font-weight: 600; margin: 0 auto; display: inline; line-height: 1.5; } .popup-container #overlay-dark { z-index: 3; position: fixed; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none; } @media only screen and (max-width: 768px) { .links-popup .link-information { width: 100%; position: fixed; z-index: 2; left: 0; top: 0; -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border-radius: 0 0 10px 10px; height: auto; margin: 0; padding-top: 50px; } .links-popup .link-information:before, .links-popup .link-information:after { display: none; } .links-popup .link-information .popup-line { display: block; } .popup-container .popup { width: 302px; height: auto; margin-left: -151px; margin-top: -175px; } .popup-container .popup-title { font-size: 14px; padding-bottom: 5px; } .popup-container .popup-title:last-child { padding: 0; } .popup-container .popup-description { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 0 10px 0; } .popup-container .popup-description_promokod .popup-promokod { width: 100%; } .popup-container .popup-description_promokod .btn-gradient_full { margin: 20px 58px 0; max-width: 199px; } .popup-container .popup-description .inactive { width: 199px; margin: 15px auto 0; } .popup-container .popup-description_enotcoin div { font-size: 14px; } .popup-container .popup-description_enotcoin .popup-enotcoin_slider { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .popup-container .popup-description_enotcoin .popup-enotcoin_slider .block-calc { width: 97%; } .popup-container .popup-description_enotcoin .popup-enotcoin_slider .btn-gradient_full { width: 199px; margin: 10px 60px 0; } .popup-container .popup-description_enotcoin .popup-enotcoin_sum { padding: 10px 0; } .popup-container .popup-discaunt { font-size: 14px; } .popup-container .popup .btn-close { display: none; } .popup-container .block-calc .slider-box .slider-helper_popUp { width: 235px; } } /*new2*/ .popup-container #overlay-dark { z-index: 99998; } .popup-container .popup { z-index: 99999; } @charset "UTF-8"; .logo-svg { max-width: 100%; max-height: 100%; margin: auto auto auto 0; } .logo-svg g { opacity: 0; transition: all 0.5s 0s; } .logo-svg .colorful { opacity: 1; } .new-captcha .captchamvc-wrapper { flex-wrap: wrap; } .new-captcha .captchamvc-wrapper .captcha-image-wrapper { max-height: 70px; width: 180px; order: 0; margin: 0; } @media (min-width: 576px) { .new-captcha .captchamvc-wrapper .captcha-image-wrapper { width: 210px !important; } } @media (min-width: 768px) { .new-captcha .captchamvc-wrapper .captcha-image-wrapper { width: 260px !important; } } .new-captcha .captchamvc-wrapper .captcha-image-wrapper .captcha-image { max-height: 70px; } .new-captcha .captchamvc-wrapper .captcha-refresh-link { background: none; width: 40px; height: 40px; flex-basis: 45px; order: 3; position: absolute; right: 0; top: 15px; } .new-captcha .captchamvc-wrapper .captcha-input-wrapper { width: 100% !important; margin: 35px 0 0 !important; } .new-captcha .captchamvc-wrapper .captcha-input-wrapper .input-group { max-width: 100%; width: auto !important; margin: 0 !important; } .new-captcha .captchamvc-wrapper .captcha-input-wrapper .input-group .input-box .tooltipstered { top: -25px !important; right: 0 !important; width: 19px; } .new-captcha .captchamvc-wrapper .captcha-input-wrapper .input-group .input-box .tooltipstered .icons { height: 19px; width: 19px; background: url("/assets/img/icons/icon-info-red.svg") no-repeat; } .new-captcha .captcha-group .captchamvc-wrapper .captcha-input-wrapper .input-group { max-width: 100%; width: 100% !important; } .captchamvc-wrapper { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } .captchamvc-wrapper .captcha-image-wrapper { width: calc(100% - 75px); max-height: 75px; max-width: 305px; } .captchamvc-wrapper .captcha-image-wrapper .captcha-image { width: 100%; max-height: 75px; } .captchamvc-wrapper .captcha-refresh-link { display: flex; cursor: pointer; width: 75px; flex: 1 0 auto; flex-basis: 75px; height: 75px; } .captchamvc-wrapper .captcha-refresh-link img { width: 40px; margin: auto; } .captchamvc-wrapper .captcha-input-wrapper { flex-grow: 0; flex-basis: 100%; margin-top: 30px; } .captchamvc-wrapper .captcha-input-wrapper .input-group { margin: 0 !important; } .captchamvc-wrapper .captcha-input-wrapper .input-group .input-box { width: 100%; padding: 0; } .captchamvc-wrapper .captcha-input-wrapper .input-group .input-box input { font-weight: bold; font-size: 18px; max-width: 100%; text-transform: uppercase; } .captchamvc-wrapper .tooltipstered { position: absolute !important; right: -29px !important; top: 4px !important; } @media (min-width: 768px) { .captchamvc-wrapper .captcha-image-wrapper { max-height: 40px; width: 120px; order: 1; margin: 0 20px 0 0; } .captchamvc-wrapper .captcha-image-wrapper .captcha-image { max-height: 40px; } .captchamvc-wrapper .captcha-refresh-link { background: none; width: 45px; height: 40px; flex-basis: 45px; order: 3; } .captchamvc-wrapper .captcha-refresh-link img { width: 24px; } .captchamvc-wrapper .captcha-input-wrapper { width: 175px; flex-basis: unset; order: 2; margin: 0 12px 0 0; } .captchamvc-wrapper .captcha-input-wrapper .input-group { max-width: 175px; width: auto !important; margin: 0 !important; } .captchamvc-wrapper .captcha-input-wrapper .input-group .input-box { width: 100%; padding: 0; position: relative; } } @media (max-width: 767px) { .captchamvc-wrapper { flex-wrap: wrap; } .captchamvc-wrapper .tooltipstered { right: 6px !important; top: -32px !important; } } .body-under-popup { height: 100%; overflow: hidden; } .body-unset-popup { overflow: hidden; height: 100%; position: relative; } .body-unset-popup .l-footer { z-index: -1; } .popup-contract { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background: rgba(0, 0, 0, 0.6); padding: 10px; overflow: auto; display: flex; } .popup-contract .row-flex { width: 100%; display: flex; justify-content: space-between; align-items: center; } .popup-contract .row-flex .h3 { font-size: 20px; line-height: 32px; } .popup-contract .agreement-content { position: relative; -webkit-box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.15); } .popup-contract .scrollbar-box::-webkit-scrollbar { width: 6px; } .popup-contract .scrollbar-box::-webkit-scrollbar-thumb { background-color: #915FFF; border-radius: 0; } .popup-contract .header { padding: 20px 36px; position: relative; } .popup-contract .header:before { width: calc(100% - 72px); left: 36px; bottom: 0; height: 1px; background: #E2E2E2; position: absolute; content: ""; } .popup-contract .header a { position: relative; padding-left: 20px; font-weight: 500; font-size: 16px; line-height: 150%; color: #915fff; } .popup-contract .header .small { text-align: right; } .popup-contract .header .small a::after { content: ""; background: url("/assets/img/icons/new-icon-download.svg") no-repeat; display: block; position: absolute; left: 0; bottom: 3px; width: 12px; height: 14px; } .popup-contract .styler-checkbox { margin: 10px 0; } .popup-contract .styler-checkbox .jq-checkbox { float: left; } .popup-contract .styler-checkbox p { font-size: 14px; margin-left: 30px; } .popup-contract .btn-block { display: flex; justify-content: end; } .popup-contract .btn-block .l-btn { padding-left: 20px; padding-right: 20px; box-shadow: none; display: inline-block; } @media all and (min-width: 768px) { .popup-contract .btn-block .l-btn { margin-left: 15px; } } @media only screen and (min-width: 769px) { .popup-contract .btn-block .l-btn { margin-right: 15px; } .popup-contract .btn-block .l-btn:last-child { margin-right: 0; } } .popup-contract .hide-apply { position: relative; border-radius: 15px; } .popup-contract .apply_contract_wrapper .wrapper { max-width: 954px; margin: auto; background: #FAFAFA; } .popup-contract .apply_contract_wrapper .confirm-tel { padding: 0 0 35px; } .popup-contract .apply_contract_wrapper .confirm-tel .text { font-size: 14px; font-weight: 500; line-height: 1.2; } .popup-contract .apply_contract_wrapper .confirm-tel .pass { position: relative; margin: 0; } .popup-contract .apply_contract_wrapper .confirm-tel .pass input { min-width: 120px; border: none; border-bottom: 2px solid rgba(34, 66, 91, 0.2); border-radius: 0; height: 27px; letter-spacing: 2px; text-transform: uppercase; font-weight: normal; } .popup-contract .apply_contract_wrapper .confirm-tel .pass .error { position: absolute; top: 100%; left: 0; right: 0; text-align: center; padding-top: 7px; } @media all and (min-width: 768px) { .popup-contract .apply_contract_wrapper .confirm-tel .pass { margin-left: 20px; } } .popup-contract .apply_contract_wrapper .confirm-tel .resend { line-height: 2; text-align: center; } .popup-contract .apply_contract_wrapper p.big { padding-bottom: 10px; line-height: 1.4; font-size: 14px; font-weight: 600; } .popup-contract .apply_contract_wrapper .check .input { margin-right: 10px; } .popup-contract .about-contract { padding: 0; } @media only screen and (max-width: 768px) { .popup-contract .about-contract { background: none; margin-top: 12px; padding-bottom: 16px !important; border-bottom: 1px dashed #828282; } } .popup-contract .contract-content { background: #FAFAFA; max-width: 954px; margin: auto; width: 100%; } .popup-contract .contract-content .contractFrame { border: none; margin: 0 50px; height: 55vh; max-height: 450px; overflow-y: scroll; max-width: 100%; } .popup-contract .contract-content .contractFrame img { width: 100%; } .popup-contract .contract-content .apply_contract_wrapper { background: #FAFAFA; overflow: hidden; padding: 36px; position: relative; border-radius: 15px; } .popup-contract .contract-content .apply_contract_wrapper p { padding: 0; font-size: 14px; } .popup-contract .contract-content .apply_contract_wrapper p.big { font-size: 14px; line-height: 20px; font-weight: 600; } .popup-contract .contract-content .apply_contract_wrapper p.big a { color: #3dae2b; text-decoration: underline; } .popup-contract .contract-content .about-contract { background: none; padding: 0; margin-top: 12px; } .popup-contract .contract-content .about-contract .text { font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5px; } .popup-contract .contract-content .about-contract .text:last-child { margin-bottom: 0; } .popup-contract .contract-content .about-contract .text span:nth-child(2) { font-size: 14px; line-height: 20px; text-transform: lowercase; } .popup-contract .agreement-content .left { text-align: left; } .popup-contract .agreement-content .flex-right { text-align: right; display: flex; flex-direction: column; align-items: flex-end; } .popup-contract .agreement-content .flex-right .confirm-block { width: 100%; max-width: 100%; padding: 0; } @media only screen and (min-width: 767px) { .popup-contract .agreement-content .flex-right .confirm-block { max-width: 316px; } } .popup-contract .agreement-content .flex-right .confirm-block .btn-block { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 16px; } .popup-contract .agreement-content .flex-right .confirm-block .btn-block .btn-new { width: 100%; text-transform: capitalize; } .popup-contract .agreement-content .flex-right .confirm-block .btn-block .btn-link { margin-top: 20px; text-transform: capitalize; } .popup-contract .agreement-content .flex-right .input-block { margin-bottom: 25px; } .popup-contract .agreement-content .flex-right .input-block .label-tooltip { display: flex; justify-content: space-between; margin-bottom: 4px; } .popup-contract .agreement-content .flex-right .input-block .label-tooltip p { font-size: 14px; line-height: 20px; color: #4f4f4f; } .popup-contract .agreement-content .flex-right .input-block .label-tooltip .text-bold { color: #915fff; } .popup-contract .agreement-content .flex-right .input-block input { width: 100%; padding: 10px 12px; position: static; height: 44px; background: #FFFFFF; border: 1px solid #828282; border-radius: 0; outline: none; font-size: 16px; line-height: 150%; font-weight: 400; } .popup-contract .agreement-content .flex-right .receive-sms { text-align: left; } .popup-contract .agreement-content .flex-right .receive-sms #timer { font-weight: 600; } .popup-contract .agreement-content .flex-right .receive-sms__link { font-size: 14px; line-height: 20px; color: #915FFF; cursor: pointer; } .popup-contract .confirm-tel .container { display: flex; align-items: center; flex-wrap: wrap; } .popup-contract .confirm-tel .resend { line-height: 2; text-align: center; font-size: 14px; font-weight: 600; position: relative; height: 20px; } .popup-contract .confirm-tel .resend .resend-btn { position: absolute; right: 12px; top: 3px; cursor: pointer; line-height: 1; } .popup-contract .confirm-tel .resend .resend-btn::before { content: ""; background: url("/assets/img/icons/refresh.svg") no-repeat; background-size: cover; display: inline-block; width: 15px; height: 15px; vertical-align: middle; } .popup-contract .confirm-tel .pass input { background: transparent; width: calc(100% - 10px); text-align: center; } .popup-contract .confirm-tel .pass input::placeholder { color: #c3d1dc; } @media only screen and (max-height: 700px) { .popup-contract { overflow: scroll; padding: 10px; } } @media only screen and (max-width: 767px) { .popup-contract .row-flex { display: block; } .popup-contract .row-flex h3 { display: none; } .popup-contract .header { padding: 10px; } .popup-contract .header .h3 { text-align: left; font-size: 18px; padding: 5px 0 10px; width: 100%; border-bottom: 1px solid #CCCCCC; } .popup-contract .header .small { width: 100%; padding-top: 10px; line-height: 1.2; } .popup-contract .header .small a { font-size: 14px; display: flex; flex-flow: row-reverse; align-items: center; text-align: left; justify-content: flex-end; } .popup-contract .header .small a::after { margin-left: 0; margin-right: 10px; flex: 0 0 auto; } .popup-contract .agreement-content .left { margin-bottom: 15px; } .popup-contract .contract-content .contractFrame { height: 35vh; max-height: 150px; margin: 0; } .popup-contract .contract-content .apply_contract_wrapper { padding: 10px; } .popup-contract .contract-content .about-contract .text { line-height: 1.8; font-size: 14px; } .popup-contract .contract-content .about-contract .text span:nth-child(2) { font-size: 14px; } .popup-contract .apply_contract_wrapper .confirm-tel { text-align: center; padding: 0; } .popup-contract .apply_contract_wrapper .confirm-tel .pass { margin-top: 10px; } .popup-contract .apply_contract_wrapper .confirm-tel .pass input { max-width: 150px; border-bottom: 1px solid rgba(34, 66, 91, 0.2); } .popup-contract .apply_contract_wrapper .confirm-tel .resend .resend-btn, .popup-contract .apply_contract_wrapper .confirm-tel .resend .hide-btn { top: -26px; left: 110px; position: relative; } .popup-contract .apply_contract_wrapper form { margin: 0 !important; } .popup-contract .l-btn { margin: 7px 0; width: 100%; display: inline-block; } .popup-contract--warning { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 999999; display: flex; align-items: center; justify-content: center; } .popup-contract--warning .content-popup { display: block; background: #fff; max-width: 400px; width: 100%; padding: 15px 20px; } .popup-contract--warning .content-popup .heading { margin: 10px 0 20px; font-size: 16px; line-height: 22px; } .popup-contract--warning .content-popup .small.btn-new.btn { width: 100%; } } .fancybox-skin #dialogWarningAgreementId { padding: 45px 1px 9px; } @media all and (min-width: 768px) { .fancybox-skin #dialogWarningAgreementId { padding: 47px 19px 0; } } .fancybox-skin #dialogWarningAgreementId .dialog-header { height: auto; margin: 0; } .fancybox-skin #dialogWarningAgreementId .dialog-header h3.warning { font-weight: 600; font-size: 20px; line-height: 32px; margin: 0 0 16px; } .fancybox-skin #dialogWarningAgreementId .heading span { font-weight: 400; font-size: 16px; line-height: 24px; margin: 0 0 20px; } @media all and (min-width: 768px) { .fancybox-skin #dialogWarningAgreementId .heading { margin: 0 0 24px; } } .fancybox-skin #dialogWarningAgreementId .btn-block { margin: 0; } .fancybox-skin #dialogWarningAgreementId .btn-block .btn-new.btn { width: 100%; } .tippy-box .tippy-content { word-wrap: break-word !important; } .tippy-box[data-placement=top-end] > .tippy-arrow:before { border-top-color: #fff !important; } .l-radio-cards { border-bottom: 1px solid #BDBDBD; } .l-radio-cards__item { display: flex; align-items: center; justify-content: space-around; padding: 12px 0; border-top: 1px solid #BDBDBD; cursor: pointer; } .l-radio-cards__item .icon { width: 24px; position: relative; } .l-radio-cards__item .dateCard { color: #828282; } .l-radio-cards__item .jq-radio { border: none; } .l-radio-cards__item .jq-radio:before { color: #3dae2b; font-size: 16px; top: 4px; } .payment-topupcredit--profile { margin-top: 12px; padding: 8px 20px; } .payment-topupcredit--content { margin-top: 0; margin-bottom: 40px; margin-left: auto; margin-right: auto; padding: 40px 20px; max-width: 716px; box-shadow: 0 -3px 20px rgba(0, 0, 0, 0.1), 0 15px 30px rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { .payment-topupcredit--content { margin-top: 40px; } } .payment-topupcredit--title { font-size: 18px; font-weight: 600; } .payment-topupcredit--description { margin: 12px 0; font-size: 13px; font-weight: 400; max-width: 390px; } @media (min-width: 768px) { .payment-topupcredit--description { font-size: 15px; } } .payment-topupcredit--action { width: 100%; max-width: 330px; margin-top: 20px; } .payment-topupcredit--image { margin-top: 20px; } .payment-topupcredit--image img { width: 100%; max-width: 330px; } .payment-topupcredit--loading { margin-top: 32px; } .payment-topupcredit--loading img { width: 100%; max-width: 240px; } .payment-raising { margin: auto; width: 100%; max-width: 360px; padding: 12px; position: relative; z-index: 1; box-shadow: none; } .payment-raising .btn { margin-bottom: 10px; width: 100%; display: inline-block; text-align: center; } .payment-raising .total p { font-weight: 600; } .payment-raising .warning p { font-size: 14px; } .payment-raising .warning span { color: #915FFF; font-weight: 600; } .payment-raising .input-group img { max-width: 100px; margin-top: 20px; } .payment-raising .input-group span { padding: 0 !important; } .payment-raising .input-group .jq-selectbox { width: 100% !important; } .payment-raising .input-group .label, .payment-raising .input-group label { padding: 0 !important; height: 24px !important; } .payment-raising--confirmation-topup .input-group img { max-width: none; } @media (max-width: 767px) { .payment-raising--confirmation-topup { padding: 12px 40px; } } @media (min-width: 768px) { .btn-inline-group { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; } .payment-raising { padding: 30px; box-shadow: 0 -3px 20px rgba(0, 0, 0, 0.1), 0 15px 30px rgba(0, 0, 0, 0.1); } } .payment-description { display: inline-block; width: 100%; font-weight: normal; font-size: 12px; line-height: 15px; color: #828282; margin: 15px 0 0; } @media all and (max-width: 767px) { .payment-description { font-size: 12px; line-height: 15px; margin: 0 0 20px; } } .payment-description.danger { color: #eb5757; } .payment-description.warning { position: relative; max-width: 300px; padding-left: 35px; text-align: left; color: #eb9200; } @media all and (max-width: 767px) { .payment-description.warning { order: 3; } } .payment-description.warning:before { position: absolute; display: block; content: ""; width: 22px; height: 17px; top: 0; left: 0; background-image: url("/assets/img/icons/icon-warning.svg"); background-position: center; background-size: auto; background-repeat: no-repeat; } .service-card { position: relative; flex: none; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 244px; padding: 10px; margin-right: 20px; margin-bottom: 20px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); } @media all and (min-width: 992px) { .service-card { /*Uncomment after the Doctor's VIP Club bonus appears &:nth-child(3n) { margin-right: 0; } */ } } @media all and (min-width: 576px) and (max-width: 991px) { .service-card { /*Uncomment after the Doctor's VIP Club bonus appears &--big { margin-right: 0; } */ } .service-card:nth-child(2n) { margin-right: 0; } } @media all and (max-width: 1199px) { .service-card { width: 190px; } } @media all and (max-width: 991px) { .service-card { width: calc(100% / 2 - 20px / 2); margin-bottom: 20px; } } @media all and (max-width: 575px) { .service-card { margin-right: 0; width: 100%; min-height: 170px; } } .service-card--big { width: 295px; } @media all and (max-width: 991px) { .service-card--big { width: calc(100% / 2 - 20px / 2); } } @media all and (max-width: 575px) { .service-card--big { width: 100%; } } .service-card--with-icon { padding-right: 66px; } .service-card__title, .service-card__text { font-size: 14px; line-height: 17px; color: #333; } .service-card__title { font-weight: bold; margin-bottom: 8px; } .service-card__text { font-weight: normal; margin-bottom: 7px; max-width: 227px; } @media all and (max-width: 767px) { .service-card__text { max-width: none; } } .service-card__text strong { color: #915fff; } .service-card__text.error { position: relative; font-weight: 600; color: #F2576A; } .service-card__text.success { font-weight: 600; color: #3DAE2B; } .service-card__text.in-progress { font-weight: 600; color: #F2994A; } .service-card__icon { position: absolute; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; top: 10px; right: 10px; border-radius: 50%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25); background: #6E36EA; background: -moz-linear-gradient(left, #6e36ea 0%, #915fff 100%); background: -webkit-linear-gradient(left, #6e36ea 0%, #915fff 100%); background: linear-gradient(to right, #6e36ea 0%, #915fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=1 ); } .service-card.hide { display: none; } .service-card .hide { display: none; } .service-card .btn-new { width: 100%; } .service-card .btn-new.disabled { margin-top: auto; pointer-events: none; background: #F2F2F2; border-radius: 2px; color: #828282 !important; } .service-card .not-available { background: #BDBDBD; font-weight: 600; font-size: 14px; line-height: 20px; text-align: center; color: #FFFFFF; width: calc(100% + 20px); padding: 6px 12px; margin-top: 17px; margin: 0 -10px -10px; } @media all and (max-width: 991px) { .service-card .not-available { padding: 16px 12px; } } .service-card .not-available.hide { display: none; } .service-card .styled-link { margin-top: auto; font-weight: 500; font-size: 14px; line-height: 17px; margin-bottom: 6px; } .service-card .styled-button { margin-top: 15px; } .service-card .icon { position: absolute; width: 20px; height: 20px; border-radius: 100%; right: 24px; top: 8px; } @media all and (max-width: 575px) { .service-card .icon { right: 10px; } } .service-card .icon:after, .service-card .icon:before { content: ""; display: block; } .service-card .icon--error { border: 2px solid #F2576A; } .service-card .icon--error:after, .service-card .icon--error:before { width: 11px; height: 2px; border-radius: 100%; background-color: #F2576A; } .service-card .icon--error:after { transform: rotate(45deg) translate(5.2px, 1.3px); } .service-card .icon--error:before { transform: rotate(-45deg) translate(-2.9px, 6.7px); } .service-card .icon--process { background: url("/assets/img/redesign-icons/orange-loader.svg") no-repeat; -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } .service-card .icon--success { background: url("/assets/img/redesign-icons/success-circle.svg") no-repeat; } @-webkit-keyframes rotating { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .styled-button { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 40px; border: 1px solid #915fff; padding: 10px 25px; box-shadow: 0 7px 15px rgba(0, 0, 0, 0.2); background: #fff; cursor: pointer; box-sizing: border-box; transition: all 0.5s 0s; } .styled-button span { position: relative; font-weight: 500; font-size: 16px; line-height: 20px; color: #fff; z-index: 2; transition: color 0.5s 0s; } .styled-button:before, .styled-button:after { position: absolute; top: -1px; left: -1px; display: block; width: calc(100% + 2px); height: calc(100% + 2px); content: ""; background: linear-gradient(45deg, #915fff 7.32%, #6E36EA 94.1%); opacity: 1; z-index: 1; transition: opacity 0.5s 0s; } .styled-button:before { opacity: 0; } .styled-button:after { background: linear-gradient(45deg, #915fff 7.32%, #6E36EA 94.1%); opacity: 1; transition: opacity 0.5s 0s; } .styled-button:hover:after { opacity: 0; } .styled-button:hover span { color: #915fff; } .styled-button.hidden-button { display: none; } .styled-button.transparent { background: transparent; } .styled-button.transparent:before { background-color: transparent; transition: all 0.5s 0s; } .styled-button.transparent:after { display: none; } .styled-button.transparent span { color: #915fff; } .btn.inline-flex { display: inline-flex; justify-content: center; align-items: center; } .btn.less-padding { padding: 7px 14px; } .btn.full-width { width: 100%; margin-left: 0; margin-right: 0; } .btn[disabled=disabled] { cursor: not-allowed; background: #e2e2e2; } .btn--medium { width: 100%; } @media (min-width: 768px) { .btn--medium { width: 288px; max-width: 100%; } } .btn .btn-arrow { width: 24px; height: 24px; } .btn .btn-arrow--right { margin: 0 0 0 12px; } .btn .btn-icon { margin-top: -2px; max-width: 20px; max-height: 20px; } .btn .btn-icon--left { margin-right: 14px; } .btn-link { font-weight: 500; font-size: 16px; line-height: 1.4; color: #915fff; cursor: pointer; display: inline-block; position: relative; vertical-align: middle; margin: 10px 0; background: transparent; } .btn-link .ic { display: inline-block; margin-right: 10px; } .btn-link:hover { color: #333; background: transparent; } .btn-linked { font-weight: 500; font-size: 16px; line-height: 1.4; color: #915fff; cursor: pointer; display: inline-block; position: relative; vertical-align: middle; background: transparent; } .btn-linked.fs-md { font-size: 14px; } .btn-linked.fs-sm { font-size: 12px; } .btn-linked.underline { text-decoration: underline; } .btn-linked.underline:hover { text-decoration: none; } .btn-new { font-size: 16px; font-family: "montserrat", Helvetica, Arial; font-weight: 500; line-height: 24px; text-align: center; border-radius: 0; text-transform: none; padding: 7px 20px; transition: 0.5s; cursor: pointer; color: #fff !important; background: linear-gradient(45deg, #915fff 7.32%, #6E36EA 94.1%); box-shadow: 2px 6px 10px rgba(0, 0, 0, 0.15); border: 1px solid transparent !important; } @media all and (min-width: 576px) { .btn-new { padding: 7px 40px; } } .btn-new:hover { box-shadow: none; transition: 0.5s; } .btn-new:active { background: linear-gradient(45deg, #915fff 7.32%, #6E36EA 94.1%); box-shadow: none; border: 1px solid #6E36EA; } .btn-new#Shopee { display: flex; justify-content: center; align-items: center; background: #F7412E; border: 1px solid #F7412E; } .btn-new#Shopee:hover { color: #F7412E !important; background: #fff; border: 1px solid #F7412E !important; } .btn-new#Shopee:before { content: ""; display: inline-block; width: 24px; height: 24px; margin-right: 10px; background: url("/assets/img/icons/icon-mini-shopee.svg") center/contain no-repeat; } .btn-new#Lazada { display: flex; justify-content: center; align-items: center; background: #171C73; border: 1px solid #171C73; } .btn-new#Lazada:hover { color: #171C73 !important; background: #fff; border: 1px solid #171C73 !important; } .btn-new#Lazada:before { content: ""; display: inline-block; width: 24px; height: 24px; margin-right: 10px; background: url("/assets/img/icons/icon-mini-lazada.svg") center/contain no-repeat; } .btn-new#Tiki { display: flex; justify-content: center; align-items: center; background: #297bff; border: 1px solid #297bff; } .btn-new#Tiki:hover { color: #297bff !important; background: #fff; border: 1px solid #297bff !important; } .btn-new#Tiki:before { content: ""; display: inline-block; width: 24px; height: 24px; margin-right: 10px; border-radius: 5px; background: url("/assets/img/icons/icon-mini-tiki.svg") center/contain no-repeat; } .btn-new#TikTok { display: flex; justify-content: center; align-items: center; background: #51b4c3; color: #fff !important; border-width: 2px !important; border-color: #51b4c3 !important; } .btn-new#TikTok:hover { color: #51b4c3 !important; background: #fff; border-color: #d44e61 #51b4c3 #51b4c3 #d44e61 !important; } .btn-new#TikTok:before { content: ""; display: inline-block; width: 24px; height: 24px; margin-right: 10px; border-radius: 5px; background: url("/assets/img/icons/icon-mini-tiktok.svg") center/contain no-repeat; background-color: #fff; } .btn-new__i-download { margin-right: 16px; transform: translateY(4px); } .btn-new__i-download path { fill: #fff; } .btn-new-stroke { font-size: 16px; font-family: "montserrat", Helvetica, Arial; font-weight: 500; line-height: 24px; text-align: center; border-radius: 0; text-transform: none; padding: 7px 20px; transition: 0.5s; cursor: pointer; color: #915fff; border: 1px solid transparent; background-color: transparent; } @media all and (min-width: 576px) { .btn-new-stroke { padding: 7px 40px; } } .btn-new-stroke.inline-flex { display: inline-flex; align-items: center; } .btn-new-stroke.icon-right img, .btn-new-stroke.icon-right svg { display: inline-flex; margin-left: 12px; } .btn-new-stroke:hover { color: #6e36ea; } .btn-new-stroke.diabled, .btn-new-stroke[disabled=disabled] { box-shadow: none; color: #BDBDBD !important; cursor: not-allowed; pointer-events: none; outline: none !important; } .btn-new-stroke.inline { display: inline-block !important; width: auto; } .btn-new-stroke.no-padding { padding: 0; } .btn-new-stroke--medium { display: block; } @media (min-width: 768px) { .btn-new-stroke--medium { width: 288px; max-width: 100%; } } .btn-new.smaller, .btn-new-stroke.smaller { max-width: 210px; } .btn-new.full-width, .btn-new-stroke.full-width { width: 100%; margin-left: 0; margin-right: 0; } .btn-new-transparent { font-size: 16px; font-family: "montserrat", Helvetica, Arial; font-weight: 500; line-height: 24px; text-align: center; border-radius: 0; text-transform: none; padding: 7px 20px; transition: 0.5s; cursor: pointer; color: #6E36EA !important; background: transparent; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.161175); border: 1px solid #6E36EA; } @media all and (min-width: 576px) { .btn-new-transparent { padding: 7px 40px; } } .btn-new-transparent:hover { box-shadow: none; color: #6E36EA !important; background: transparent; } .btn-new-transparent.white { background: #fff; } .btn-green-transparent { font-size: 15px; font-family: "montserrat", Helvetica, Arial; font-weight: 500; line-height: 24px; text-align: center; border-radius: 0; text-transform: none; padding: 7px 15px; transition: 0.5s; cursor: pointer; color: #3CAD2B !important; background: transparent; border: 1px solid #3CAD2B; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.161175); } .btn-green-transparent:hover { box-shadow: none; color: #3CAD2B !important; background: transparent; } .btn-new-gradient { font-size: 16px; font-weight: 600; line-height: 1.4; padding: 10px 20px; border-radius: 5px; text-align: center; color: #fff; position: relative; background: rgba(60, 173, 43, 1); cursor:pointer; } .btn-new-gradient:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 5px; animation: animate-pulse-gradient 1.2s ease-in-out infinite; } @keyframes animate-pulse-gradient { 0%, 20%{ box-shadow: 0 0 0 0 rgba(255,255,255, 0.6); } 100%{ box-shadow:0 0 0 16px rgba(255,255,255, 0); } } .btn-with-icon.with-icon-download { display: flex; justify-content: center; } .btn-with-icon.with-icon-download:before { content: ""; flex-shrink: 0; display: inline-block; width: 20px; height: 20px; margin-right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("/assets/img/icons/icon-arrow-down-to-line.svg"); } .btn-new-no-border { border: none; font-size: 16px; font-weight: normal; line-height: 19px; text-align: center; color: #915fff !important; background: transparent; padding: 9.5px 50px; border-radius: 0; text-transform: none; transition: 0.5s; } .btn-new-no-border:hover { background: rgba(145, 95, 255, 0.06); } .btn-new-no-border:active { background: rgba(145, 95, 255, 0.1); } button, .btn, input[type=button] { font-family: "montserrat", Helvetica, Arial; font-size: 16px; } .btn-new + .btn-new-no-border, .btn-new + .styled-link { margin-top: 15px; } .buttons-wrapper .btn { margin: 0 0 12px 0; } @media (min-width: 768px) { .buttons-wrapper .btn { margin: 0 0 16px 0; } } .buttons-wrapper .btn:last-child { margin-bottom: 0; } .buttons-wrapper form { margin: 0 0 12px 0; } .buttons-line { display: flex; flex-direction: column; margin-bottom: 16px; } .buttons-line .btn { width: 100%; } .buttons-line .btn:not(.btn-new-transparent) { margin: 0 0 16px 0; } @media (min-width: 992px) { .buttons-line .btn { margin-bottom: 0; } .buttons-line .btn:not(.btn-new-transparent) { margin: 0 13px 0 0; } } .btn[disabled=disabled], .btn.disabled, .btn.btn-disabled, .btn-new[disabled=disabled], .btn-new.disabled, .btn-new.btn-disabled, .styled-button[disabled=disabled], .styled-button.disabled, .styled-button.btn-disabled, .btn-new-transparent[disabled=disabled], .btn-new-transparent.disabled, .btn-new-transparent.btn-disabled { box-shadow: none; color: #BDBDBD !important; cursor: not-allowed; pointer-events: none; outline: none !important; border: 1px solid transparent !important; background: #F3F3F3 !important; } .btn[disabled=disabled]:before, .btn[disabled=disabled]:after, .btn.disabled:before, .btn.disabled:after, .btn.btn-disabled:before, .btn.btn-disabled:after, .btn-new[disabled=disabled]:before, .btn-new[disabled=disabled]:after, .btn-new.disabled:before, .btn-new.disabled:after, .btn-new.btn-disabled:before, .btn-new.btn-disabled:after, .styled-button[disabled=disabled]:before, .styled-button[disabled=disabled]:after, .styled-button.disabled:before, .styled-button.disabled:after, .styled-button.btn-disabled:before, .styled-button.btn-disabled:after, .btn-new-transparent[disabled=disabled]:before, .btn-new-transparent[disabled=disabled]:after, .btn-new-transparent.disabled:before, .btn-new-transparent.disabled:after, .btn-new-transparent.btn-disabled:before, .btn-new-transparent.btn-disabled:after { content: none; } .btn[disabled=disabled] span, .btn[disabled=disabled] p, .btn[disabled=disabled] label, .btn.disabled span, .btn.disabled p, .btn.disabled label, .btn.btn-disabled span, .btn.btn-disabled p, .btn.btn-disabled label, .btn-new[disabled=disabled] span, .btn-new[disabled=disabled] p, .btn-new[disabled=disabled] label, .btn-new.disabled span, .btn-new.disabled p, .btn-new.disabled label, .btn-new.btn-disabled span, .btn-new.btn-disabled p, .btn-new.btn-disabled label, .styled-button[disabled=disabled] span, .styled-button[disabled=disabled] p, .styled-button[disabled=disabled] label, .styled-button.disabled span, .styled-button.disabled p, .styled-button.disabled label, .styled-button.btn-disabled span, .styled-button.btn-disabled p, .styled-button.btn-disabled label, .btn-new-transparent[disabled=disabled] span, .btn-new-transparent[disabled=disabled] p, .btn-new-transparent[disabled=disabled] label, .btn-new-transparent.disabled span, .btn-new-transparent.disabled p, .btn-new-transparent.disabled label, .btn-new-transparent.btn-disabled span, .btn-new-transparent.btn-disabled p, .btn-new-transparent.btn-disabled label { color: #BDBDBD !important; } .btn[disabled=disabled] path, .btn.disabled path, .btn.btn-disabled path, .btn-new[disabled=disabled] path, .btn-new.disabled path, .btn-new.btn-disabled path, .styled-button[disabled=disabled] path, .styled-button.disabled path, .styled-button.btn-disabled path, .btn-new-transparent[disabled=disabled] path, .btn-new-transparent.disabled path, .btn-new-transparent.btn-disabled path { stroke: #BDBDBD !important; } .btn-new-stroke[disabled=disabled], .btn-new-stroke.disabled, .btn-new-stroke.btn-disabled { background: transparent !important; } .btn-new-stroke[disabled=disabled] span, .btn-new-stroke[disabled=disabled] p, .btn-new-stroke[disabled=disabled] label, .btn-new-stroke.disabled span, .btn-new-stroke.disabled p, .btn-new-stroke.disabled label, .btn-new-stroke.btn-disabled span, .btn-new-stroke.btn-disabled p, .btn-new-stroke.btn-disabled label { color: #BDBDBD !important; } .btn-new-stroke[disabled=disabled] path, .btn-new-stroke.disabled path, .btn-new-stroke.btn-disabled path { stroke: #BDBDBD !important; } .btn-new-transparent[disabled=disabled], .btn-new-transparent.disabled, .btn-new-transparent.btn-disabled { border: 1px solid #E2E2E2 !important; background: transparent !important; } .btn-active-loader { z-index: 999; position: relative; border-color: #F3F3F3 !important; pointer-events: none; box-shadow: none !important; outline: none !important; } .btn-active-loader:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #F3F3F3; z-index: 5; opacity: 1 !important; } .btn-active-loader:after { content: "" !important; display: block !important; position: absolute !important; width: 20px !important; height: 20px !important; transform: none !important; border: 2px solid #915fff; border-right-color: transparent; border-radius: 50%; animation: button-anim 0.7s linear infinite; right: 0 !important; left: 0 !important; top: 25% !important; margin: 0 auto; z-index: 10; background: none !important; opacity: 1 !important; } @keyframes button-anim { from { transform: rotate(0); } to { transform: rotate(360deg); } } .no-select { user-select: none; -webkit-user-select: none; -ms-user-select: none; } .change-number-tooltip label { display: inline-block; width: 100%; font-weight: 300; font-size: 14px; line-height: 17px; color: #4f4f4f; } .change-number-tooltip .phone-example { font-weight: 600; font-size: 14px; line-height: 20px; color: #4f4f4f; } .change-number-tooltip .phone-example span { font-weight: normal; color: #3dae2b; } .change-number-tooltip .error { width: 100%; display: inline-block; font-weight: normal; font-size: 14px; line-height: 20px; color: #f2576a; } .mv-styled-input { position: relative; margin-bottom: 30px; } .mv-styled-input__input-box { position: relative; margin-bottom: 5px; } .mv-styled-input__input-box input { width: 100%; font-size: 16px; line-height: 24px; white-space: nowrap; color: #828282; overflow: hidden; padding: 0 44px 0 12px; text-overflow: ellipsis; border-radius: 0; border-width: 1px !important; border-style: solid; border-color: #828282; transition: all 0.5s 0s; } .mv-styled-input__input-box input:active, .mv-styled-input__input-box input:focus, .mv-styled-input__input-box input:hover { border-color: #915fff; } .mv-styled-input__input-box input:active, .mv-styled-input__input-box input:focus { color: #333; } .mv-styled-input__input-box input::placeholder { font-size: 16px; line-height: 24px; font-weight: 400; color: #828282; } .mv-styled-input__input-box .ui-datepicker-trigger { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); } .mv-styled-input__label { display: inline-block; margin-bottom: 4px; font-size: 14px; line-height: 20px; color: #4f4f4f; } .mv-styled-input__message { position: absolute; bottom: 0; font-size: 12px; line-height: 16px; padding: 0 15px; display: none; } .mv-styled-input.error .mv-styled-input__input-box:after, .mv-styled-input.success .mv-styled-input__input-box:after { position: absolute; width: 18px; height: 18px; display: block; content: ""; top: 50%; right: 15px; background-position: center; background-repeat: no-repeat; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mv-styled-input.error .mv-styled-input__message, .mv-styled-input.success .mv-styled-input__message { display: inline-block; } .mv-styled-input.error .mv-styled-input__input-box input { border-color: #f68997; } .mv-styled-input.error .mv-styled-input__input-box:after { background-image: url("/assets/img/icons/error-check.svg"); } .mv-styled-input.error .mv-styled-input__message { color: #f68997; } .mv-styled-input.error .error-message { font-size: 12px; line-height: 16px; color: #F68997; padding-left: 12px; } .mv-styled-input.success { margin-bottom: 20px; } .mv-styled-input.success .mv-styled-input__input-box input { border-color: #3dae2b; } .mv-styled-input.success .mv-styled-input__input-box:after { background-image: url("/assets/img/icons/success-check.svg"); } .mv-styled-input.success .mv-styled-input__message { color: #3dae2b; } .mv-styled-input.success .mv-attention { margin-top: 30px; margin-bottom: 0 !important; } .mv-styled-input.success .error-message { display: none; } .no-events { pointer-events: none; } .new-style-group .wrapper { max-width: 452px; width: 100%; margin-left: auto; margin-right: auto; } .new-style-group .center-form { width: 600px; margin: auto; max-width: 70%; } @media all and (max-width: 767px) { .new-style-group .l-social { width: auto; } .new-style-group .l-social .content .social-list.add-account ul li { margin-bottom: 7px; } } .new-style-group .timerWrap-count { display: inline; font-weight: 600; } .new-style-group .smsPin { max-width: 150px; height: auto; line-height: 1.5; } .new-style-group .smsPin.is-full { max-width: 100%; } .new-style-group .smsPin .input-group { text-align: left; } .new-style-group .smsPin .input-group .input-box input { width: 100% !important; padding-right: 40px; box-sizing: border-box; } .new-style-group .smsPin .input-group label { padding-right: 30px; margin-bottom: 8px; height: auto !important; } @media all and (max-width: 320px) { .new-style-group .smsPin .change-number-tooltip#changeNumberTooltip:before { right: 92%; } } .new-style-group .smsPin.new-smsPin { max-width: 100%; display: flex; margin-bottom: 30px; } .new-style-group .smsPin.new-smsPin .input-group { max-width: 200px; padding-right: 16px; margin-right: 16px; border-right: 1px #ddd solid; } .new-style-group .smsPin.new-smsPin .input-group label span { font-weight: 300 !important; } .new-style-group .smsPin.new-smsPin .input-box { position: relative; } .new-style-group .smsPin.new-smsPin .input-box input { width: 100%; } .new-style-group .smsPin.new-smsPin .input-box .icon-x, .new-style-group .smsPin.new-smsPin .input-box .icon-check { right: 10px; } .new-style-group .smsPin.new-smsPin .display-value-label { margin: 6px 0; } @media all and (max-width: 767px) { .new-style-group .smsPin.new-smsPin .change-number-tooltip { flex: 100%; } } .new-style-group .smsPin.new-smsPin .change-number-tooltip label span { font-size: 12px; line-height: 14px; color: #333333; } @media all and (max-width: 425px) { .new-style-group .smsPin.new-smsPin .change-number-tooltip label a { text-align: left; } } @media all and (max-width: 767px) { .new-style-group .captcha-input-wrapper { margin-top: 35px; } } .new-style-group .captcha-input-wrapper .input-box { position: relative; } @media all and (max-width: 767px) { .veo-card-confirmation .new-style-group .captcha-input-wrapper .input-box.error input { width: calc(100% - 75px); } } .new-style-group .captcha-input-wrapper .input-box input { width: 100%; } @media all and (max-width: 767px) { .new-style-group .captcha-input-wrapper .input-box .tooltip-error { right: 6px !important; top: -32px !important; } } .new-style-group .captcha-input-wrapper .input-box .icon-x, .new-style-group .captcha-input-wrapper .input-box .icon-check { right: 15px !important; } .new-style-group .input-group { display: flex; flex-direction: column; margin: 0 0 15px 0; } .new-style-group .input-group:last-child { margin-bottom: 40px; } @media (max-width: 767px) { .new-style-group .input-group:last-child { margin-bottom: 32px; } } .new-style-group .input-group.small-link { margin: 15px 0; } .new-style-group .input-group.small-link > label { display: none; } .new-style-group .input-group.recovery-password { width: 100%; } .new-style-group .input-group.recovery-password .btn-new { margin-right: auto; margin-left: auto; } @media (max-width: 360px) { .new-style-group .input-group.dropdown-active #Address_Region-styler .jq-selectbox__dropdown ul { max-height: 250px !important; } } .new-style-group .input-group label { width: 100% !important; text-align: left; line-height: 20px; padding-right: 25px; max-width: 100% !important; margin-bottom: 5px; } .new-style-group .input-group label span { position: relative !important; right: inherit !important; text-align: left !important; top: inherit !important; transform: none !important; font-size: 14px !important; font-weight: 400 !important; line-height: 14px; color: #333333 !important; } .new-style-group .input-group label.empty-label { height: 0 !important; } .new-style-group .input-group .input-box { width: 100%; padding: 0; } .new-style-group .input-group .input-box:not(.check) { position: relative; z-index: 1; } .new-style-group .input-group .input-box .icon-x { right: 15px; } .new-style-group .input-group .input-box .icon-check { right: 12px; } .new-style-group .input-group .input-box label { color: #828282; } @media all and (max-width: 767px) { .new-style-group .input-group .input-box label.display-value-label { font-size: 16px; word-break: break-word; height: auto !important; } } .new-style-group .input-group .input-box input { height: 44px; padding: 0 12px; background: #fff; border: 1px solid #828282; border-radius: 0; font-size: 16px; font-weight: 400; color: #828282; } .new-style-group .input-group .input-box input.invited { width: 100%; background: #F1F1F1; border: 1px solid #F1F1F1; } @media (max-width: 767px) { .new-style-group .input-group .input-box input { font-size: 14px; } } .new-style-group .input-group .input-box.error input, .new-style-group .input-group .input-box.correct input { padding-right: 40px; } .new-style-group .input-group .input-box .tooltipstered { right: 6px; transform: scale(0.8275); top: -32px; } .new-style-group .input-group .input-box .tooltip-side ~ .tooltipstered { right: -29px; top: 4px; } .new-style-group .input-group .input-box .captchamvc .tooltipstered { right: -29px; top: 0; } @media all and (max-width: 767px) { .new-style-group .input-group .input-box .captchamvc .tooltipstered { right: 6px; top: -32px; } } .new-style-group .input-group .input-box .ui-datepicker-trigger { right: 12px; } .new-style-group .input-group .input-box.error input { border: 1px solid #ff5757; } .new-style-group .styled-input-disabled { position: relative; } .new-style-group .styled-input-disabled .input-box input { width: 100%; background: #F1F1F1; border: 1px solid #F1F1F1; } .new-style-group .jq-twice-selection .input-group { margin-bottom: 15px; } .new-style-group .jq-selectbox .jq-selectbox__select .jq-selectbox__select-text { padding-right: 30px; font-weight: 400; color: #333; font-size: 14px; } .new-style-group .jq-selectbox.opened .jq-selectbox__dropdown ::-webkit-scrollbar { width: 4px; background-color: #cccccc; } .new-style-group .jq-selectbox.opened .jq-selectbox__dropdown ::-webkit-scrollbar:horizontal { height: 4px; } .new-style-group .jq-selectbox.opened .jq-selectbox__dropdown ::-webkit-scrollbar-track { border: 1px #e0e0e0 solid; border-radius: 10px; } .new-style-group .jq-selectbox.opened .jq-selectbox__dropdown ::-webkit-scrollbar-thumb { background-color: #915fff; border: 0 none #915fff; border-radius: 0; } .new-style-group .jq-selectbox.opened .jq-selectbox__dropdown ::-webkit-scrollbar-thumb:hover { background-color: #6e36ea; border: 1px solid #6e36ea; } .new-style-group .jq-selectbox.opened .jq-selectbox__dropdown ::-webkit-scrollbar-thumb:active { background-color: #915fff; border: 1px solid #333333; } .new-style-group .jq-selectbox.search-dropdown .jq-selectbox__not-found { font-weight: 400; color: #333; font-size: 14px; border-bottom: none; line-height: 40px; padding: 0 18px; } .new-style-group .jq-selectbox.search-dropdown .jq-selectbox__search { margin-top: -40px; } .new-style-group .jq-selectbox.search-dropdown .jq-selectbox__search input { border: none; height: 29px; line-height: 29px; padding: 0 0 0 18px; width: calc(100% - 35px); margin: 2px; } .new-style-group .jq-selectbox.search-dropdown .jq-selectbox__dropdown { left: 0; width: calc(100% + 2px); border: none; background: #FFFFFF; padding: 5px 10px 5px 0; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); z-index: 9; box-sizing: border-box; } .new-style-group .jq-selectbox.search-dropdown .jq-selectbox__dropdown ::-webkit-scrollbar { width: 8px; border-radius: 6px; overflow: hidden; } .new-style-group .jq-selectbox.search-dropdown .jq-selectbox__dropdown ::-webkit-scrollbar:horizontal { height: 4px; } .new-style-group .jq-selectbox.search-dropdown .jq-selectbox__dropdown ::-webkit-scrollbar-track { background: rgba(145, 95, 255, 0.1); border-radius: 6px; box-shadow: none; } .new-style-group .jq-selectbox.search-dropdown .jq-selectbox__dropdown ::-webkit-scrollbar-thumb { background: #915fff; border-radius: 6px; } .new-style-group .jq-selectbox.search-dropdown .jq-selectbox__dropdown ::-webkit-scrollbar-thumb:hover { background: #915fff; border-radius: 6px; } .new-style-group .jq-selectbox.search-dropdown .jq-selectbox__dropdown ::-webkit-scrollbar-thumb:active { background: #915fff; border-radius: 6px; } .new-style-group .check p { color: #828282; margin: 2px 0 2px 35px; padding-right: 40px; } .new-style-group .check.input-box .tooltipstered { top: -5px; } .new-style-group .edit-form { width: 400px; max-width: 100%; margin: 20px auto; } .new-style-group .jq-selectbox.opened .jq-selectbox__select .jq-selectbox__trigger .jq-selectbox__trigger-arrow:after { transform: rotate(180deg); } .new-style-group .jq-checkbox { border: 1px solid #915FFF; width: 18px; height: 18px; border-radius: 0; position: relative; } .new-style-group .jq-checkbox.checked { background: #915FFF; } .new-style-group .jq-checkbox.checked:before { color: #fff; font-size: 9px; left: 2px; position: absolute; top: -3px; line-height: 23px; } .new-style-group .jq-checkbox.reverted-checkbox { background: #915FFF; } .new-style-group .jq-checkbox.reverted-checkbox:before { color: #fff; font-size: 9px; left: 2px; position: absolute; top: -3px; line-height: 23px; content: ""; font-family: "moneyveo"; } .new-style-group .jq-checkbox.reverted-checkbox.checked { background: transparent !important; } .new-style-group .jq-checkbox.reverted-checkbox.checked:before { content: none; } .new-style-group .head-label { font-size: 12px; line-height: 16px; color: #333333; margin-bottom: 5px; padding: 0; } .new-style-group .disabled-inputs .input-group { margin-bottom: 16px; border-bottom: 1px solid #E2E2E2; } .new-style-group .disabled-inputs .input-group > label { padding: 0; } .new-style-group .disabled-inputs .input-group > label span { width: max-content; position: relative; margin-right: 16px; font-size: 14px !important; line-height: 20px; color: #828282 !important; padding: 0; } .new-style-group .disabled-inputs .input-group > label span:after { content: ":"; position: absolute; right: -4px; } .new-style-group .disabled-inputs .input-group .input-box { padding-bottom: 8px; } .new-style-group .disabled-inputs .input-group .input-box label { font-weight: 600; font-size: 14px; line-height: 20px; color: #4F4F4F; padding: 0; } .new-style-group .disabled-inputs .input-group.no-inner-html { display: none; } @media all and (max-width: 575px) { .new-style-group .input-group .input-box p { margin-top: 0; } } input.apple-switch { position: relative; -webkit-appearance: none; outline: none; width: 50px; height: 30px; background-color: #D9DADC; border: 1px solid #D9DADC; border-radius: 50px; box-shadow: inset -20px 0 0 0 #DCDCDC, inset 0px 4px 4px rgba(0, 0, 0, 0.15); cursor: pointer; } input.apple-switch:after { content: ""; position: absolute; top: 1px; left: 1px; background: #fff; width: 26px; height: 26px; border-radius: 50%; box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.16), 0 3px 8px rgba(0, 0, 0, 0.15); transition: 0.2s; } input.apple-switch:checked { box-shadow: inset 20px 0 0 0 #3DAE2B, inset 0 4px 4px rgba(0, 0, 0, 0.15); border-color: #3DAE2B; background-color: #3DAE2B; } input.apple-switch:checked:after { left: 20px; } .fake-checkbox-wrapper { display: flex; margin-bottom: 16px; } .fake-checkbox-wrapper .fake-checkbox { padding-right: 16px; } #customSmsInput { margin-bottom: 20px; } #customSmsInput input { border: solid 1px #4F4F4F; border-radius: 2px; width: 40px; height: 40px; color: #333333; font-weight: 600; font-size: 20px; line-height: 32px; text-align: center; margin-right: 8px; } #customSmsInput input::placeholder { color: #828282; } #customSmsInput input:focus { outline: none; color: #ccc; } .error-border { border-color: red !important; } .veo-styled-link { cursor: pointer; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #3dae2b; border-bottom: 1px solid #3dae2b; transition: all 0.5s 0s; } .veo-styled-link:hover { color: #3dae2b; border-color: transparent; transition: all 0.5s 0s; } .veo-styled-link:active { color: #138900; transition: all 0.5s 0s; } .styled-link-container { display: flex; justify-content: center; } .styled-link-with-icon { display: inline-flex; } .styled-link-with-icon .icon-new { display: inline-block; width: 57px; height: 22px; margin: -4px 0 0 10px; } @media all and (max-width: 768px) { .login-form .styled-link-with-icon { flex-direction: row-reverse; } .login-form .styled-link-with-icon .icon-new { margin: -4px 10px 0 0; } .login-form .styled-link-with-icon .styled-link { margin-left: 0 !important } } @media all and (min-width: 768px) { .styled-link-reverse-no-mobile { display: flex; justify-content: center; flex-direction: row-reverse; } } .styled-link { color: #915fff; cursor: pointer; display: inline-block; position: relative; /* HARDFIX for disabled link */ background-color: transparent !important; } .styled-link span { color: inherit; } .styled-link:not(.with-span):after { display: block; position: absolute; left: 50%; bottom: 2px; transform: translateX(-50%); width: 0; height: 1px; content: ""; background-color: #915fff; transition: width 0.3s 0s; } .styled-link:hover { color: #6E36EA; } .styled-link:hover:not(.with-span):after { width: 100%; } .styled-link.green-link { color: #3dae2b; } .styled-link.green-link:hover { color: #3dae2b; } .styled-link.green-link:after { background-color: #3dae2b; } .styled-link--underline, .styled-link.underline { text-decoration: none; } .styled-link--underline:not(.with-span):after, .styled-link.underline:not(.with-span):after { width: 100%; } .styled-link--underline:not(.with-span):hover:after, .styled-link.underline:not(.with-span):hover:after { width: 0; } .styled-link--underline.with-span span:after, .styled-link.underline.with-span span:after { width: 100%; } .styled-link--underline.with-span:hover span:after, .styled-link.underline.with-span:hover span:after { width: 0; } .styled-link.with-span span { position: relative; } .styled-link.with-span span:after { display: block; position: absolute; left: 50%; bottom: 2px; transform: translateX(-50%); width: 0; height: 1px; content: ""; background-color: #915fff; transition: width 0.3s 0s; } .styled-link.with-span:hover span:after { width: 100%; } .styled-link.with-icon { display: inline-flex; align-items: center; } .styled-link.with-icon .icon { margin: -5px 5px 0 0; } .styled-link.with-arrow-right { display: inline-flex; align-items: center; justify-content: center; } .styled-link.with-arrow-right:after { content: ""; display: block; margin-left: 18px; border-left: 7px solid #915fff; border-right: 7px solid transparent; border-bottom: 5px solid transparent; border-top: 5px solid transparent; } .styled-icon-link { transform: scale(1); transition: all 0.5s 0s; } .styled-icon-link:hover { transform: scale(1.3); } .primary-href { color: #73bc18; } .primary-href:hover { transition: 0.15s; color: #915fff; } .promo-code { font-weight: 400; font-size: 14px; } .underline { text-decoration: underline; } .rejected-a { color: #FF526B; font-size: 15px; font-weight: 400; text-decoration: none; } .accepted-a { color: #3CAD2B; font-size: 15px; font-weight: 400; text-decoration: none; } .purple-a { cursor: pointer; color: #915fff; font-size: 15px; font-weight: 500; text-decoration: none; } .purple-a:hover { color: #6E36EA; } .green-a { box-sizing: border-box; color: #73bc18; float: left; font-size: 14px; text-align: right; text-decoration: underline; } .bonus-button { background-color: Transparent; background-repeat: no-repeat; border: none; cursor: pointer; overflow: hidden; outline: none; font-size: 13px; margin-left: 7px; border-bottom: 1px dashed #73bc18; color: #73bc18; } .bonus-button:hover { transition: 0.15s; color: #915fff; border-bottom: 1px dashed #915fff; } .phone-link { display: inline-flex; align-items: center; } .phone-link svg { margin-right: 8px; transform: translateY(-1px); } .phone-link svg path { stroke: #915fff; transition: all 0.5s 0s; } .phone-link span { display: inline-block; font-weight: 500; font-size: 15px; line-height: 19px; color: #915fff; transition: all 0.5s 0s; } .phone-link:hover svg path { stroke: #333; } .phone-link:hover span { color: #333; } .btn-disabled, .btn-new-no-border.disabled, .btn-new-no-border.btn-disabled { pointer-events: none; color: #BDBDBD !important; } .btn-disabled span, .btn-new-no-border.disabled span, .btn-new-no-border.btn-disabled span { color: #BDBDBD; } .btn-disabled path, .btn-new-no-border.disabled path, .btn-new-no-border.btn-disabled path { stroke: #BDBDBD !important; } a.btn-active-loader:before { min-height: 28px; } .share-button-group { display: flex; justify-content: space-between; align-items: center; } .share-button-group .share-button { width: 44px; height: 44px; display: inline-block; background-size: contain; background-repeat: no-repeat; cursor: pointer; } .share-button-group .telegram-share-button { background-image: url("/assets/img/socials_network/share-icon-telegram.svg"); } .share-button-group .viber-share-button { background-image: url("/assets/img/socials_network/share-icon-viber.svg"); } .share-button-group .whatsApp-share-button { background-image: url("/assets/img/socials_network/share-icon-whatsApp.svg"); } .share-button-group .zalo-share-button { background-image: url("/assets/img/socials_network/share-icon-zalo.svg"); } .share-button-group .fb-share-button { width: 40px; height: 41px; background-image: url("/assets/img/socials_network/share-icon-fb.svg"); } .styled-chips { display: inline-flex; align-self: flex-start; padding: 2px 4px; border-radius: 4px; line-height: 1.4; position: relative; } .styled-chips__content { padding: 0 4px; font-size: 14px; font-weight: 500; } .styled-chips.Pending { color: #F66D00; border: 1px solid #FEC398; background-color: #FEE7D6; } .styled-chips.Accepted { color: #3CAD2B; border: 1px solid #C3E6BD; background-color: #E2F3DF; } .styled-chips.Rejected { color: #F8434F; border: 1px solid #EEACAC; background-color: #F3DFDF; } .styled-chips:before { content: ""; width: 20px; height: 20px; display: inline-block; flex-shrink: 0; background-size: 100% 100%; position: relative; top: -1px; } .styled-chips.Pending:before { background-image: url("/assets/img/icons/chip-pending.svg"); } .styled-chips.Accepted:before { background-image: url("/assets/img/icons/chip-accepted.svg"); } .styled-chips.Rejected:before { background-image: url("/assets/img/icons/chip-rejected.svg"); } .dashed-separator { background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #E7E7E7 70%, #E7E7E7 100%); background-size: 8px 3px, 100% 3px; border: none; height: 1px; margin: 10px 0; } .dashed-separator--purple { background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #915FFF 70%, #915FFF 100%); } .dashed-separator--darker-grey { background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #828282 70%, #828282 100%); } @media all and (max-width: 767px) { .product__description .dashed-separator--darker-grey { margin: 8px 0; } } .theme-card { padding: 10px; } .theme-card__image { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); } .theme-card__image--desktop { display: block; width: 100%; } @media all and (max-width: 767px) { .theme-card__image--desktop { display: none; } } .theme-card__image--mobile { display: none; } @media all and (max-width: 767px) { .theme-card__image--mobile { display: block; } } .theme-card__image img { width: 100%; display: inherit; } .theme-card__title { margin-top: 8px; font-weight: normal; font-size: 10px; line-height: 12px; color: #333; } .relative-block { position: relative; } .vip-label { display: flex; justify-content: flex-end; width: 138px; height: 130px; position: absolute; right: -10px; top: -60px; box-sizing: border-box; z-index: 10; } @media all and (max-width: 767px) { .vip-label { top: -15px; right: -30px; height: 80px; } } .vip-label--sm { right: -30px; height: 80px; } .vip-label--sm ~ .container { margin-top: 15px; } @media all and (max-width: 767px) { .vip-label ~ .new-calculators-top-wrapper { margin-top: 40px; } } .vip-label ~ .container, .vip-label ~ div, .vip-label + form { position: relative; z-index: 3; } @media all and (max-width: 767px) { .vip-label ~ .container, .vip-label ~ div, .vip-label + form { margin-top: 30px; } } .vip-label__inner { position: relative; z-index: 4; } .vip-label__text { display: inline-block; position: relative; width: 40px; text-align: right; font-weight: 600; font-size: 14px; line-height: 17px; color: #fff; } .vip-label__text img { position: absolute; left: -9px; top: -2px; } .vip-label svg { max-width: 100%; max-height: 100%; } .form-group { padding-top: 15px; width: 100%; } @media all and (max-width: 767px) { .form-group { display: flex; flex-direction: column; padding-top: 20px; } } .form-group .input-group { position: relative; display: flex; flex-direction: column; } @media all and (max-width: 767px) { .form-group .input-group { margin-top: 20px; } } @media all and (max-width: 767px) { .form-group .input-group label, .form-group .input-group input { font-weight: normal; font-size: 14px; line-height: 17px; color: #fff !important; } } .form-group .input-group label { color: #333; display: block; font-weight: 300; font-size: 14px; line-height: 1.14286; margin-bottom: 6px; width: 100%; order: 1; } @media all and (max-width: 767px) { .form-group .input-group label { position: absolute; width: 100%; padding: 0 15px; transition: all 0.5s 0s; top: unset; bottom: 0; transform: translateY(0); margin-bottom: 10px; } } .form-group .input-group input { display: block; width: 100%; background: #fff; border: 1px solid #979797; border-radius: 0; outline: none; order: 2; transition: all 0.5s 0s; } @media all and (max-width: 767px) { .form-group .input-group input { background: transparent; border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid #fff; border-left: 1px solid transparent; } } @media all and (max-width: 767px) { .form-group .input-group input.invalid { border-color: #eb5757; } } @media all and (max-width: 767px) { .form-group .input-group input:focus, .form-group .input-group input:not(.empty) { border: 1px solid #fff; } } @media all and (max-width: 767px) { .form-group .input-group input:focus + label, .form-group .input-group input:not(.empty) + label { font-size: 12px; line-height: 1.4; top: unset; bottom: 100%; transform: translateY(0); } } .form-group .input-group input:not(.empty) ~ .icon-input-valid { visibility: visible; opacity: 1; } .form-group .input-group.with-icon label, .form-group .input-group.with-icon input { padding-right: 40px; overflow: hidden; text-overflow: ellipsis; } .form-group span { color: #333; display: block; font-weight: bold; font-size: 18px; line-height: 1.33333; width: 100%; } @media all and (max-width: 767px) { .form-group span { font-size: 16px; line-height: 1; text-align: center; } } @media all and (max-width: 767px) { .form-group a.forgot { width: auto !important; min-width: auto !important; margin: 0 15px 0 auto; font-size: 12px; line-height: 15px; color: #fff !important; } } .form-group .icon-input-valid { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); background-position: center; background-repeat: no-repeat; background-image: url("/assets/img/icons/icon-input-check.svg"); width: 24px; height: 18px; visibility: hidden; opacity: 0; transition: all 0.5s 0s; } @media (min-width: 768px) { .form-group .icon-input-valid { display: none; } } .form-group .password-visibility-control { position: absolute; display: inline-block; width: 20px; height: 9px; right: 10px; bottom: 15px; filter: brightness(0.2); } @media all and (max-width: 767px) { .form-group .password-visibility-control { filter: none; } } .form-group .password-visibility-control:before, .form-group .password-visibility-control:after { display: block; position: absolute; top: 0; left: 0; content: ""; width: 20px; height: 9px; background-position: center; background-repeat: no-repeat; transition: all 0.5s 0s; } .form-group .password-visibility-control:before { background-image: url("/assets/img/icons/icon-hide-password.svg"); opacity: 1; visibility: visible; } .form-group .password-visibility-control:after { background-image: url("/assets/img/icons/icon-show-password.svg"); opacity: 0; visibility: hidden; } .form-group .password-visibility-control.visible:before { opacity: 0; visibility: hidden; } .form-group .password-visibility-control.visible:after { opacity: 1; visibility: visible; } .login-control-btn { display: none; width: 22px; height: 22px; position: relative; margin: 10px 0 10px auto; } @media all and (max-width: 1199px) { .login-control-btn { display: inline-block; } } @media all and (max-width: 767px) { .login-control-btn { display: inline-block; } } .login-control-btn svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s 0s; } .login-control-btn svg path { fill: #915fff; } .login-control-btn .open-icon { opacity: 1; visibility: visible; } .login-control-btn .close-icon { opacity: 0; visibility: hidden; } .login-control-btn.open .open-icon { opacity: 0; visibility: hidden; } .login-control-btn.open .close-icon { opacity: 1; visibility: visible; } @media (min-width: 768px) { .login-control-btn { margin: 10px 30px 10px auto; } } @keyframes spinner-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes spinner-animation { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } #preloader { background: #fff; background-color: rgba(255, 255, 255, 0.9); } @supports (-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px)) { #preloader { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); background: rgba(255, 255, 255, 0.6); } } .new-loader-wrapper { position: fixed; background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; top: 0; left: 0; z-index: 100000000; } .new-loader-wrapper .new-loading { width: 80px; height: 80px; box-sizing: border-box; position: absolute; border-radius: 150px; border: 10px solid #73bc18; border-top-color: rgba(0, 0, 0, 0.1); top: calc(50% - 40px); left: calc(50% - 40px); z-index: 100000001; -webkit-animation: spinner-animation 1.2s linear infinite; animation: spinner-animation 1.2s linear infinite; } .new-loader-wrapper--indicator { background: none; position: inherit; z-index: 1; } .new-loader-wrapper--indicator .new-loading { width: 30px; height: 30px; border: 3px solid #73bc18; border-top-color: rgba(0, 0, 0, 0.1); position: inherit; margin: 0; top: calc(50% - 15px); left: calc(50% - 15px); } .social-button-wrapper { margin-bottom: 20px; } .social-button-wrapper .social-button { height: 40px; display: block; border: 1px #3DAE2B solid; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25); margin-bottom: 10px; transition: 0.25s; } .social-button-wrapper .social-button:hover { box-shadow: none; } .social-button-wrapper .social-button__images { display: flex; margin-bottom: 8px; } .social-button-wrapper .social-button__images__icon { width: 39px; height: 38px; display: flex; align-items: center; justify-content: center; } .social-button-wrapper .social-button__images__text { display: flex; align-items: center; width: calc(100% - 40px); justify-content: center; margin-left: -10px; } .social-button-wrapper .social-button__images__text img { max-width: 100px; max-height: 24px; } .social-button-wrapper .social-button.bankid-nbu { border: 1px solid #067C49; } .social-button-wrapper .social-button.bankid-privat { border: 1px solid #5E9FBC; } .social-button-wrapper .social-button.facebook-connect { border: 1px solid #3D5A98; } .social-button-wrapper .social-button.facebook-connect .social-button__images__icon { background: #3D5A98; } .social-button-wrapper .social-button.facebook-connect .social-button__images__text { font-weight: 500; font-size: 16px; line-height: 24px; color: #425B94; } .social-button-wrapper .social-button-description { font-size: 12px; line-height: 18px; color: #828282; text-align: center; display: flex; align-items: center; font-weight: normal; } .l-social__text { font-size: 14px; line-height: 20px; color: #333333; margin-bottom: 20px; font-weight: normal; } .l-page-registration-wrapper .l-social { max-width: 400px; margin: auto; } .l-your-cabinet .l-social .social-button-wrapper { max-width: 288px; margin: 0 auto 20px; } @media (min-width: 768px) { .l-your-cabinet .l-social { padding: 0 0 40px 0; } .l-your-cabinet .l-social__text { margin-bottom: 30px; } .l-your-cabinet .l-social__list-connect { display: inline-block; } .l-your-cabinet .l-social .social-button-wrapper { margin: 0 40px 0 0; display: inline-block; } .l-your-cabinet .l-social .dashed-separator { display: none; } } @media (min-width: 768px) { .social-container .l-social { padding: 40px 0; } } i.bankid { background: url("/assets/img/icons/bank_id.png") no-repeat; height: 40px; opacity: 1; background-position: 0 0; width: 147px; margin-top: 7px; } .timer-circle { position: relative; display: inline-block; margin-top: 40px; } .timer-circle__bg { fill: none; stroke: #e5e5e5; stroke-width: 20px; } .timer-circle__progress { fill: none; stroke: #3dae2b; stroke-width: 20px; } .timer-circle__timer { position: absolute; top: 40px; left: 28px; font-weight: 600; font-size: 16px; line-height: 24px; text-align: center; color: #4F4F4F; margin: auto; } .styled-radio { position: relative; } .styled-radio input { display: none; } .styled-radio input:checked + label .checkbox:before { opacity: 1; } .styled-radio input:checked + label .label { font-weight: 500; font-size: 16px; line-height: 24px; color: #333; } .styled-radio input:checked + label .label span { font-weight: 400; } .styled-radio label { cursor: pointer; position: relative; padding-left: 30px; height: auto !important; line-height: normal !important; width: auto !important; } .styled-radio .checkbox { display: flex; width: 20px; height: 20px; position: absolute; top: 1px; left: 0; background: #fff; border: 2px solid #915fff; box-sizing: border-box; border-radius: 50%; } .styled-radio .checkbox:before { content: ""; display: block; width: 8px; height: 8px; background-color: #915fff; margin: auto; border-radius: 50%; opacity: 0; transition: all 0.5s 0s; } .styled-radio span.label { font-weight: normal; font-size: 16px; line-height: 150%; color: #828282; } .styled-radio span.label span { margin-left: 3px; } .styled-radio span.label.with-icon { display: inline-block; position: relative; align-items: center; padding-left: 30px; } @media all and (min-width: 768px) { .styled-radio span.label.with-icon { display: flex; padding-left: 0; } } .styled-radio span.label.with-icon img { position: absolute; margin-right: 4px; top: 0; left: 0; } @media all and (min-width: 768px) { .styled-radio span.label.with-icon img { position: relative; top: auto; left: auto; margin-top: -3px; } } .styled-radio span.label span.old-value { font-size: 14px; color: #828282; text-decoration: line-through; } .styled-radio.disabled .checkbox { border-color: #828282; } .styled-radio.disabled span.label { color: #828282; } .radio-block { margin-bottom: 30px; } .radio-block-title { position: relative; display: inline-block; } .radio-block-title .has-question-icon { position: absolute; top: 4px; right: 9px; } .radio-block h5 { display: inline-block; font-weight: normal; font-size: 14px; line-height: 20px; color: #4F4F4F; margin-bottom: 8px; position: relative; padding-right: 30px; } .radio-block h5 .has-question-icon { position: absolute; top: 2px; right: 9px; } .radio-block .styled-radio:not(:last-child) { margin-bottom: 12px; } .ui-selection .styled-radio { margin: 8px 0; } .constructor-tabs-wrapper { margin: auto -16px; } .constructor-tabs-nav { overflow: hidden; background: #fff; box-shadow: 0 0 14px rgba(0, 0, 0, 0.15); display: flex; justify-content: space-around; } .constructor-tabs-nav__button { background-color: inherit; float: left; font-weight: 600; font-size: 14px; line-height: 20px; color: #333; border: none; outline: none; cursor: pointer; padding: 10.5px 16px; transition: 0.25s; border-bottom: 3px solid transparent; min-width: 68px; text-align: center; } .constructor-tabs-nav__button.active { color: #3DAE2B; border-bottom: 3px solid #3DAE2B; } @media (max-width: 340px) { .constructor-tabs-nav__button { font-size: 12px; padding: 10.5px 12px; } } .constructor-tab-content { display: none; padding: 24px 16px 0; } .constructor-tab-content.active { display: block; } @media (min-width: 768px) { .constructor-tabs-wrapper { margin: auto; } .constructor-tab-content { padding: 24px 32px 32px; } .constructor-tabs-nav { justify-content: inherit; } } .base-table { border: 1px solid #E2E2E2; border-top: none; } .base-table thead { background: #F3F3F3; } .base-table thead td { font-size: 14px; line-height: 20px; padding: 8px; color: #0A0A0A; } .base-table td { font-size: 12px; line-height: 15px; border: 1px solid #E2E2E2; padding: 8px 16px; } .base-table .tooltip-info { position: absolute; margin-left: 10px; transform: scale(0.8275); } .base-table .icons { background-position: -58px 0; display: block; height: 29px; width: 29px; margin-top: -3px; } @media (min-width: 768px) { .base-table thead td { padding: 14px 8px; color: #0A0A0A; } .base-table td { padding: 12px 16px; } } .main-menu-burger { display: none; position: relative; width: 24px; height: 24px; margin-left: 25px; } @media all and (max-width: 1199px) { .main-menu-burger { display: flex; } } @media all and (max-width: 767px) { .main-menu-burger { display: none; } } .main-menu-burger span { display: block; position: absolute; right: 0; width: 24px; height: 2px; background-color: #915fff; visibility: visible; opacity: 1; transition: all 0.5s 0s; } .main-menu-burger span:nth-child(1) { top: 3px; } .main-menu-burger span:nth-child(2) { top: 50%; margin-top: -1px; width: 20px; } .main-menu-burger span:nth-child(3) { bottom: 3px; width: 16px; } .main-menu-burger.open span { width: 100% !important; } .main-menu-burger.open span:nth-child(1) { transform: rotate(-135deg) translate(-5px, -5px); } .main-menu-burger.open span:nth-child(2) { visibility: hidden; opacity: 0; } .main-menu-burger.open span:nth-child(3) { transform: rotate(135deg) translate(-6px, 6px); } .notifications { min-width: 60px; } @media all and (max-width: 350px) { .notifications { min-width: 50px; } } .notifications__wrapper { position: relative; flex: none; cursor: pointer; align-items: center; display: flex; padding: 0 10px; margin-right: 20px; } @media all and (max-width: 350px) { .notifications__wrapper { margin-right: 10px; } } .notifications svg path { transition: all 0.5s 0s; } .l-header.mmm-open .notifications svg path { fill: #fff; } .l-header.mmm-open .notifications svg path[fill=white] { fill: #915fff; } @media (min-width: 768px) and (max-width: 1200px) { .l-header.mmm-open .notifications svg path { fill: #915fff; } } .tobenotice { overflow: hidden; padding: 15px; background: rgba(61, 174, 43, 0.1); } .veo-timer { display: flex; align-items: center; justify-content: flex-start; } .veo-timer__input { width: 132px; height: 36px; border: none; border-bottom: 1px solid #bdbdbd; font-size: 20px; line-height: 32px; color: #bdbdbd; } .veo-timer__input:hover, .veo-timer__input:focus { border: none !important; border-bottom: 1px solid #bdbdbd !important; } .veo-timer__analog { display: inline-block; font-weight: 500; font-size: 16px; line-height: 150%; color: #333; margin-left: 8px; } .mv-select:not(:last-child) { margin-bottom: 32px; } .mv-select label { margin-bottom: 4px; display: inline-block; } .mv-select label span { font-size: 14px; line-height: 20px; color: #4f4f4f; } .mv-select .input-group { display: flex; flex-direction: column; } .mv-select .jq-selectbox { border-radius: 0; border: 1px solid #828282; box-sizing: border-box; } .mv-select .jq-selectbox__select-text { padding: 10px 44px 10px 12px; font-size: 16px; line-height: 150%; color: #333; height: 40px; overflow: hidden; /*add*/ text-overflow: ellipsis; /*add*/ white-space: nowrap; /*add*/ } .mv-select .jq-selectbox__trigger { width: 10px !important; height: 14px !important; top: 17px !important; right: 17px !important; } .mv-select .jq-selectbox__trigger-arrow { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid transparent; border-top: 7px solid #915fff; } .mv-select .jq-selectbox__trigger-arrow:after { display: none !important; } .mv-select .jq-selectbox__dropdown { background-color: #fff; border: 1px solid #828282; left: -1px; right: -1px; scrollbar-color: #915fff #e0e0e0; } .mv-select .jq-selectbox__dropdown ::-webkit-scrollbar { width: 8px; background-color: #f3f3f3; } .mv-select .jq-selectbox__dropdown ::-webkit-scrollbar:horizontal { height: 8px; } .mv-select .jq-selectbox__dropdown ::-webkit-scrollbar-track { border: 1px #e0e0e0 solid; border-radius: 10px; } .mv-select .jq-selectbox__dropdown ::-webkit-scrollbar-thumb { background-color: #915fff; border: 0 none #915fff; border-radius: 0; } .mv-select .jq-selectbox__dropdown ::-webkit-scrollbar-thumb:hover { background-color: #6e36ea; border: 1px solid #6e36ea; } .mv-select .jq-selectbox__dropdown ::-webkit-scrollbar-thumb:active { background-color: #915fff; border: 1px solid #333333; } .mv-select .jq-selectbox__dropdown ul { margin: 0 8px 0 0; } .mv-select .jq-selectbox__dropdown li { padding: 8px 16px; font-size: 16px; line-height: 150%; color: #333; border-bottom: none; } .mv-select .jq-selectbox__dropdown li:first-child { display: none !important; } .mv-select .jq-selectbox__dropdown li:hover { color: #915fff; background-color: #f7f7f7; } .mv-select .jq-selectbox__search input { width: 100%; border: none; border-bottom: 1px solid #828282; font-size: 16px; line-height: 150%; color: #333; } .mv-select .jq-selectbox__not-found { font-size: 16px; line-height: 150%; color: #333; padding: 10px; } .mv-select__control.disabled { pointer-events: none; opacity: 0.6; } .mv-select__control.opened { z-index: 101 !important; } .mv-circle-timer { display: flex; align-items: center; justify-content: flex-start; margin: 44px 0 28px; } @media all and (min-width: 768px) { .mv-circle-timer { margin: 50px 0; } } .mv-circle-timer__svg { margin-right: 20px; } .mv-circle-timer__svg circle { animation: animateDots 1.5s infinite linear; } .mv-circle-timer__svg circle:nth-child(1) { animation-delay: 0s; } .mv-circle-timer__svg circle:nth-child(2) { animation-delay: 0.2s; } .mv-circle-timer__svg circle:nth-child(3) { animation-delay: 0.4s; } .mv-circle-timer__svg circle:nth-child(4) { animation-delay: 0.6s; } .mv-circle-timer__svg circle:nth-child(5) { animation-delay: 0.8s; } .mv-circle-timer__svg circle:nth-child(6) { animation-delay: 1s; } .mv-circle-timer__svg circle:nth-child(7) { animation-delay: 1.2s; } .mv-circle-timer__svg circle:nth-child(8) { animation-delay: 1.4s; } .mv-circle-timer__timer { font-size: 20px; line-height: 32px; color: #333; } @keyframes animateDots { 0%, 100% { opacity: 1; } 12.5% { opacity: 0.85; } 25% { opacity: 0.7; } 37.5% { opacity: 0.6; } 50% { opacity: 0.4; } 62.5% { opacity: 0.2; } 75% { opacity: 0.4; } 87.5% { opacity: 0.8; } } .calculator-info-text { margin-top: 10px; } .calculator-info-text p, .calculator-info-text span { font-size: 14px; line-height: 20px; color: #333; font-weight: 600; } .styled-input-box .input-box { position: relative; display: flex; flex-direction: column; } .styled-input-box .input-box input { padding-right: 40px; } .styled-input-box .input-box.error input { border: 1px solid #ff5757; } .styled-input-box .input-box.error .icon-input-valid { display: none; } .styled-input-box .input-box .tooltip-error { position: absolute; display: block; height: 20px; width: 20px; top: -5px; right: 0; } @media (max-width: 767px) { .styled-input-box .input-box .tooltip-error { top: -25px; } } .styled-input-box .input-box .tooltip-error .icons { position: relative; display: block; height: 20px; width: 20px; background: transparent; border: 2px solid #F2576A; border-radius: 50%; } .styled-input-box .input-box .tooltip-error .icons:before { content: "i"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 12px; line-height: 18px; font-style: normal; font-weight: bold; text-align: center; color: #F2576A; } /*# sourceMappingURL=elements.css.map */ @charset "UTF-8"; .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } @media (min-width: 768px) { .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } } @media (min-width: 991px) { .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } } .visible-mobile-ib { display: none; } @media all and (max-width: 767px) { .visible-mobile-ib { display: inline-block; } } .visible-mobile-flex { display: none; } @media all and (max-width: 767px) { .visible-mobile-flex { display: flex; } } .visible-tablet-ib { display: inline-block; } @media all and (max-width: 767px) { .visible-tablet-ib { display: none; } } .show-mobile-sm { display: none; } @media all and (max-width: 425px) { .show-mobile-sm { display: block; } } .d-none, .hidden { display: none; } @media (min-width: 768px) { .hidden-md { display: none !important; } } @media (min-width: 992px) { .hidden-lg { display: none !important; } } .text-capitalize { text-transform: capitalize; } .text-lowercase { text-transform: lowercase; } .text-lowercase-inner span, .text-lowercase-inner b { text-transform: lowercase; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-bold, .bold { font-weight: 600 !important; } .text-danger { color: #eb5757; } .text-purple { color: #915fff; } .text-green { color: #3CAD2B; } .full-width { width: 100%; } @media all and (max-width: 767px) { .full-width-with-mobile { width: 100%; } } .mt-10 { margin-top: 10px !important; } .mt-12 { margin-top: 12px !important; } .mt-20 { margin-top: 20px !important; } @media all and (max-width: 767px) { .mt-20.mt-mobile-0 { margin-top: 0 !important; } } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .m-0, .n-m { margin: 0 !important; } .mb-10 { margin-bottom: 10px !important; } .mb-12 { margin-bottom: 12px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-25 { margin-bottom: 25px !important; } .mb-28 { margin-bottom: 28px !important; } .mb-40 { margin-bottom: 40px !important; } .mr-12 { margin: 0 12px 0 0 !important; } .ml-12 { margin: 0 0 0 12px !important; } .p-0, .n-p { padding: 0 !important; } .row-flex { width: 100%; display: flex; justify-content: space-between; align-items: center; } .col { padding-left: 15px; padding-right: 15px; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { width: 100%; float: left; padding-right: 20px; padding-left: 20px; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { width: 100%; float: left; padding-right: 20px; padding-left: 20px; } @media (min-width: 768px) { .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } } @media (min-width: 992px) { .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } } .row-wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .d-block { display: block !important; } .d-none, .show-md, .show-md-inline, .show-lg, .hide-sm { display: none; } @media (min-width: 768px) { .show-md-inline { display: inline; } .show-md, .hide-sm { display: inherit; } .hide-md { display: none !important; } .d-md-flex { display: flex; } .text-md-left { text-align: left; } .text-md-center { text-align: center; } } @media (min-width: 992px) { .show-lg { display: inherit; } .hide-lg { display: none; } .d-lg-flex { display: flex; } .text-lg-left { text-align: left !important; } .text-lg-center { text-align: center !important; } } .overflow-hidden { overflow: hidden; } .pointer { cursor: pointer; } .d-inline-block { display: inline-block; } .flex, .d-flex { display: flex; } .flex-wrap { display: flex; flex-wrap: wrap; } .auto-flex-width { flex: 1; } .flex-center { display: flex; align-items: center; } .flex-column { display: flex; flex-direction: column; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-evenly { justify-content: space-evenly; } .small-value { font-size: 75%; } .font-normal { font-weight: 400; } .max-width-400 { max-width: 400px; width: 100%; } .easypay-iframe { border: none; width: 100%; padding-top: 15px; height: 972px; } @media all and (max-width: 768px) { .debt-sale-easypay { margin-top: -300px; } } .mobile-panel { display: none; } .mobile-panel:not(.mobile-panel-top) { box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.25); position: fixed; width: 100%; bottom: 0; background: #fff; z-index: 999; transition: background 0.5s 0s; } @media all and (max-width: 767px) { .mobile-panel { display: block; } } .mobile-panel.mobile-panel-top .mp-link { padding: 0; height: 30px; } .mobile-panel.mobile-panel-top .mp-link .menu-icon .line { background-color: #915fff; } .mobile-panel.purple { background: #4D299C; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); z-index: 100001; } .mobile-panel.purple .mp-icon svg path:not([fill=white]) { fill: #fff; } .mobile-panel.purple .mp-text { color: #fff; } .mobile-panel .inner { display: flex; justify-content: center; align-items: stretch; } .mobile-panel .mp-link { flex-direction: column; flex: 1 1 100%; padding: 7px 10px; display: flex; justify-content: center; align-items: center; } .mobile-panel .mp-link.active .mp-icon svg path { fill: #3DAE2B; } .mobile-panel .mp-link.active .mp-text { color: #3DAE2B; } .mobile-panel .mp-link.active .menu-icon .line { background-color: #3DAE2B; } .mobile-panel .mp-link.active .menu-icon .line:nth-child(1) { top: 50%; transform: rotate(45deg); } .mobile-panel .mp-link.active .menu-icon .line:nth-child(2) { visibility: hidden; opacity: 0; } .mobile-panel .mp-link.active .menu-icon .line:nth-child(3) { top: 50%; transform: rotate(-45deg); } .mobile-panel .mp-icon { width: 40px; height: 24px; display: flex; justify-content: center; align-items: center; } .mobile-panel .mp-icon .mp-icon svg path { transition: all 0.5s 0s; } .mobile-panel .mp-icon .mp-icon svg path:not([fill=white]) { fill: #828282; } .mobile-panel .mp-text { display: inline-block; font-weight: normal; font-size: 8px; line-height: 12px; margin-top: 3px; transition: all 0.5s 0s; color: #828282; } .mobile-panel .menu-icon { display: block; width: 20px; height: 16px; position: relative; } .mobile-panel .menu-icon .line { display: block; width: 20px; height: 2px; background-color: #828282; position: absolute; left: 0; transition: all 0.5s 0s; } .mobile-panel .menu-icon .line:nth-child(1) { top: 0; } .mobile-panel .menu-icon .line:nth-child(2) { top: 50%; transform: translateY(-50%); } .mobile-panel .menu-icon .line:nth-child(3) { bottom: 0; } @media all and (max-width: 767px) { body { padding-bottom: 80px; } } .user-payment { position: relative; padding: 24px 16px 32px; } .user-payment__container { margin: auto; max-width: 826px; } .user-payment__process { max-width: 548px; margin: auto; } .user-payment__title { margin-bottom: 24px; font-weight: 600; font-size: 20px; line-height: 32px; } .user-payment__login { max-width: 356px; margin: auto; } .user-payment__login-info { margin-bottom: 24px; font-size: 16px; line-height: 24px; } .user-payment__login .input-group label { display: block; margin-bottom: 4px; font-size: 14px; line-height: 20px; color: #4F4F4F; } .user-payment__login .input-box { position: relative; } .user-payment__login .input-box input { display: block; width: 100%; height: 44px; padding: 0 12px; border: 1px solid #828282; border-radius: 0; } .user-payment__login .input-box .icon-check, .user-payment__login .input-box .icon-x { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); right: 12px; font-size: 12px; } .user-payment__login .input-box .icon-check { color: #73bc18; } .user-payment__login .input-box .icon-x { color: #ff5757; } .user-payment__login .input-box .tooltip-error { position: absolute; top: -25px; right: 0; } .user-payment__login .input-box .tooltip-error .icons { position: relative; display: block; height: 20px; width: 20px; background: transparent; border: 2px solid #F2576A; border-radius: 50%; } .user-payment__login .input-box .tooltip-error .icons:before { content: "i"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 12px; line-height: 18px; font-style: normal; font-weight: bold; text-align: center; color: #F2576A; } .user-payment__login .input-box .tooltip-error .icons:hover { background: #F2576A; } .user-payment__login .input-box .tooltip-error .icons:hover:before { color: #ffffff; } .user-payment__login-phone { margin-bottom: 40px; } .user-payment__login-captcha { margin-bottom: 24px; } .user-payment__login-captcha .input-group label { margin-bottom: 8px; } .user-payment__login-captcha .captchamvc-wrapper .captcha-refresh-link img { width: 30px; } .user-payment__login-actions { text-align: center; } .user-payment__login-actions-item { margin-bottom: 24px; } .user-payment__login-actions-item .btn-link { margin: 0; } .user-payment__login-actions-item:last-child { margin-bottom: 0; } .user-payment__info { margin-bottom: 32px; } .user-payment__info-item { padding-bottom: 8px; margin-bottom: 12px; border-bottom: 1px solid #E2E2E2; } .user-payment__info-item p { margin-bottom: 8px; font-size: 16px; line-height: 24px; color: #828282; } .user-payment__info-item p:last-of-type { margin-bottom: 0; } .user-payment__info-item p strong { font-weight: 600; color: #333333; } .user-payment__info-item .btn-link { margin: 2px 10px; } .user-payment__sumnotification { background: #f7f4fe; padding: 10px 35px; margin: 30px 0; border-radius: 10px; } .user-payment__sumnotification p { margin: 15px 0; font-size: 14px; line-height: 1.6; } .user-payment__sum { margin-bottom: 32px; } .user-payment__sum-title { position: relative; margin-bottom: 12px; font-weight: 600; font-size: 16px; line-height: 24px; } .user-payment__sum-text { font-size: 16px; line-height: 24px; } .user-payment__form-title { margin-bottom: 20px; font-weight: 600; font-size: 16px; line-height: 24px; } .user-payment__options { margin-bottom: 32px; } .user-payment__options--bordered { padding-bottom: 32px; border-bottom: 1px solid #E2E2E2; } .user-payment__options-sum .input-group { display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 20px; } .user-payment__options-sum .input-group .input-box { flex-basis: 80px; margin-right: 4px; width: unset !important; } .user-payment__options-sum .input-group .input-box i { display: none; } .user-payment__options-sum .input-group label { margin-right: 12px; font-size: 16px; line-height: 14px; } .user-payment__options-sum .input-group input { display: block; width: 100%; height: 24px; padding: 0; border: none; border-bottom: 1px solid #4F4F4F; border-radius: 0; font-weight: 600; font-size: 16px; line-height: 24px; text-align: right; } .user-payment__options-sum .input-group .name-currency { font-weight: 500; font-size: 16px; } .user-payment__options-sum .pay-value-box { position: relative; display: flex; justify-content: space-between; height: 4px; margin-bottom: 50px; background-color: #3DAE2B; border-radius: 4px; } .user-payment__options-sum .pay-value-box .max-min-val { padding-top: 16px; font-size: 12px; line-height: 16px; color: #828282; } .user-payment__options-sum .pay-value-box .ui-slider-range { background: #d4ebd1; } .user-payment__options-sum .ui-slider-handle { top: -7px; background: #FFFFFF; border: 2px solid #3DAE2B; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); border-radius: 50%; cursor: pointer; } .user-payment__options-radio .styled-radio { margin-bottom: 16px; } .user-payment__options-radio .styled-radio input:checked + label .label { font-weight: 500; } .user-payment__options-radio .styled-radio:last-child { margin-bottom: 0; } .user-payment__options-radio .styled-radio .has-question-icon { top: 3px; min-width: 20px; width: 20px; height: 20px; font-weight: 600; border-width: 2px; border-radius: 50%; line-height: 18px; } .user-payment__methods { position: relative; margin-bottom: 20px; } .user-payment__methods-item { position: relative; } .user-payment__methods-errors { position: absolute; top: 0; left: 0; right: 0; } .user-payment__methods-errors .tooltipstered { position: absolute; display: block; height: 29px; width: 29px; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .user-payment__methods-dropdown-inner { display: none; padding: 16px 16px 32px; } .user-payment__methods-input { display: none; } .user-payment__methods-input:checked ~ label { font-weight: 500; background-color: #FCFCFC; outline: 1px solid #3DAE2B; } .user-payment__methods-input:checked ~ label:before { display: none; } .user-payment__methods-input:checked ~ label:after { opacity: 1; } .user-payment__methods-input:checked ~ .user-payment__methods-dropdown { background-color: #F7F7F7; outline: 1px solid #3DAE2B; } .user-payment__methods-input:checked ~ .user-payment__methods-dropdown label { font-weight: 500; } .user-payment__methods-input:checked ~ .user-payment__methods-dropdown label:after { opacity: 1; } .user-payment__methods-input:checked ~ .user-payment__methods-dropdown .user-payment__methods-dropdown-inner { display: block; } .user-payment__methods-label { position: relative; display: block; padding: 18px 16px 18px 56px; background-repeat: no-repeat; background-position: 16px center; font-size: 16px; line-height: 24px; cursor: pointer; } .user-payment__methods-label--credit-card { background-image: url("/assets/img/icons/credit-card-icon.svg"); } .user-payment__methods-label--credit-bank { background-image: url("/assets/img/icons/credit-bank-icon.svg"); } .user-payment__methods-label--credit-paymecustomer { background-image: url("/assets/img/icons/credit-payme-icon.svg"); } .user-payment__methods-label--credit-vifo { background-image: url("/assets/img/icons/credit-vifo-icon.svg"); background-size: 25px; } .user-payment__methods-label--credit-neopay { background-image: url("/assets/img/icons/credit-neopay-icon.svg"); background-size: 30px; } .user-payment__methods-label--google-pay { background-image: url("/assets/img/icons/google-pay-icon.svg"); } .user-payment__methods-label--apple-pay { background-image: url("/assets/img/icons/apple-pay-icon.svg"); } .user-payment__methods-label--master { background-image: url("/assets/img/icons/ic-icon-mastercard.svg"); background-size: 25px; } .user-payment__methods-label--visa { background-image: url("/images/visa-card.svg"); background-size: 25px; } .user-payment__methods-label--ewallet-momo { background-image: url("/assets/img/icons/ewallet-MoMo-icon.svg"); } .user-payment__methods-label:before { content: ""; position: absolute; bottom: 0; left: 16px; right: 16px; height: 1px; background: #E2E2E2; } .user-payment__methods-label:after { content: ""; position: absolute; top: 50%; right: 20px; width: 17px; height: 13px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); background-image: url("/assets/img/icons/check-icon.svg"); background-repeat: no-repeat; background-size: contain; opacity: 0; } .user-payment__detail { margin-bottom: 32px; font-size: 14px; line-height: 20px; } .user-payment__detail strong { font-weight: 600; } .user-payment__actions { text-align: center; } .user-payment__actions-item { margin-bottom: 24px; } .user-payment__actions-item .btn-link { margin: 0; } .user-payment__actions-item:last-of-type { margin-bottom: 0; } .user-payment__loading { display: none; } .user-payment__loading--active { display: block; } .user-payment__loading-title { margin-bottom: 28px; font-weight: 600; font-size: 20px; line-height: 32px; } .user-payment__loading-animation { max-width: 548px; margin: auto; padding: 35px 0; text-align: center; } .user-payment__loading-animation img { max-width: 131px; } .user-payment__notification { padding: 0 25px; font-size: 14px; font-weight: 500; } .user-payment__divider { margin: 25px 0; border-bottom: 1px solid #E2E2E2; } .user-payment__wraps { text-align: center; } @media screen and (min-width: 767px) { .user-payment__wraps { margin-top: 120px; text-align: left; } } .user-payment__qrcode { display: flex; flex-direction: column; justify-content: center; margin: 20px auto; max-width: 548px; } .user-payment__qrcode--label { font-size: 18px; font-weight: 500; } @media screen and (min-width: 767px) { .user-payment__qrcode--label { padding: 0 25px; } } .user-payment__qrcode--item { display: inline-block; max-width: 380px; width: 100%; margin: auto; } .user-payment__wrapper { margin-bottom: 40px; } .user-payment__wrapper .new-ces-questions { margin: auto; } .user-payment .credit-card { max-width: 256px; margin: auto; } .user-payment .credit-card__form { position: relative; padding: 28px 28px 26px; background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25); border-radius: 6px; } .user-payment .credit-card__form:after { content: ""; position: absolute; top: 12px; right: 16px; width: 45px; height: 20px; background: url("/Images/visa-card.svg") no-repeat; background-size: contain; } .user-payment .credit-card__field-group { display: flex; flex-wrap: wrap; justify-content: space-between; } .user-payment .credit-card__field-group .credit-card__field { margin-right: 37px; margin-bottom: 0; } .user-payment .credit-card__field-group .credit-card__field:last-child { margin-right: 0; } .user-payment .credit-card__field { position: relative; margin-bottom: 20px; } .user-payment .credit-card__field label { display: block; font-size: 12px; line-height: 16px; color: #828282; } .user-payment .credit-card__field input { display: block; width: 100%; height: 37px; padding: 0 12px 0 0; border: none; border-bottom: 1px solid rgba(34, 66, 91, 0.2); border-radius: 0; font-weight: 600; font-size: 16px; color: #333333; } .user-payment .credit-card__field input:hover, .user-payment .credit-card__field input:focus { border: none; border-bottom: 1px solid rgba(34, 66, 91, 0.2); } .user-payment .credit-card__field input.bold { font-weight: 600; } .user-payment .credit-card__field--number .input-box .icon-x { display: none; } .user-payment .credit-card__field--expiry { flex-basis: 100px; max-width: 100px; } .user-payment .credit-card__field--expiry .input-box { display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid rgba(34, 66, 91, 0.2); } .user-payment .credit-card__field--expiry .input-box.error { border-color: #ff5757; } .user-payment .credit-card__field--expiry .input-box .select { position: relative; flex-basis: 50%; max-width: 50%; height: 37px; } .user-payment .credit-card__field--expiry .input-box .select input { height: 37px; padding: 0; border: none; } .user-payment .credit-card__field--expiry .input-box .select.month { text-align: center; } .user-payment .credit-card__field--expiry .input-box .select.month:after { content: "/"; position: absolute; display: block; top: 11px; right: 5px; font-size: 15px; } .user-payment .credit-card__field--expiry .input-box .select.month input { text-align: center; } .user-payment .credit-card__field--expiry .input-box .select.year { text-align: left; } .user-payment .credit-card__field--expiry .input-box .select.year input { text-align: left; } .user-payment .credit-card__field--cvv { flex-basis: 60px; max-width: 60px; } .user-payment .credit-card__field .jq-selectbox { border: none !important; border-radius: 0; background: none; font-weight: 600; font-size: 16px; color: #333333; } .user-payment .credit-card__field .jq-selectbox__trigger { display: none; } .user-payment .credit-card__field .jq-selectbox__select-text { padding: 0 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 41px !important; } .user-payment .credit-card__field .jq-selectbox__dropdown { border: none; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25); } .user-payment .credit-card__field .jq-selectbox__dropdown li { padding: 0; text-align: center; } .user-payment .credit-card .input-box { position: relative; } .user-payment .credit-card .input-box span { position: absolute; display: block; top: 8px; right: -20px; width: 20px; height: 20px; } .user-payment .credit-card .input-box span .icons { position: relative; display: block; height: 20px; width: 20px; background: transparent; border: 2px solid #915FFF; border-radius: 50%; } .user-payment .credit-card .input-box span .icons:before { content: "i"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 12px; line-height: 18px; font-style: normal; font-weight: bold; text-align: center; color: #915FFF; } .user-payment .credit-card .input-box span .icons:hover { background: #915FFF; } .user-payment .credit-card .input-box span .icons:hover:before { color: #ffffff; } .user-payment .credit-card .input-box span.tooltip-error .icons { border-color: #F2576A; } .user-payment .credit-card .input-box span.tooltip-error .icons:before { color: #F2576A; } .user-payment .credit-card .input-box span.tooltip-error .icons:hover { background: #F2576A; } .user-payment .credit-card .input-box span.tooltip-error .icons:hover:before { color: #ffffff; } .user-payment .credit-card .input-box.error input:not([type=submit]):not([type=button]) { border-color: #ff5757; } .user-payment .credit-card .input-box.error span .icons { background-position: -87px 0; } .user-payment .credit-card .input-box.error .icon-x { position: absolute; right: 9px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); font-size: 10px; color: #ff5757; } .user-payment .credit-card .input-box.correct .icon-check { position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px; color: #73bc18; } .user-payment .credit-card .input-box #cvv2_keyboard { top: 45px; right: 135px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25); } .user-payment .credit-card .input-box .panel { -webkit-transform: translateX(100%); background: #fff; border-radius: 4px; padding: 5px; position: absolute; right: 0; top: 0; transform: translateX(100%); width: 155px; z-index: 999; } .user-payment .credit-card .input-box .panel:after { clear: both; content: " "; display: block; } .user-payment .credit-card .input-box .panel .num-btn { background: #ebf6f9; color: #333; cursor: pointer; float: left; font-weight: bold; font-size: 16px; height: 40px; line-height: 40px; margin: 0 1px 1px 0; text-align: center; width: calc(33.333% - 1px); } .user-payment .credit-card .input-box .panel .num-btn:hover { background: #cee5eb; } .user-payment .credit-card .input-box .panel .clear-btn { background: #cee5eb; color: #333; cursor: pointer; float: left; font-weight: bold; font-size: 16px; height: 40px; line-height: 40px; margin: 0 1px 1px 0; text-align: center; width: calc(66.666% - 1px); } .user-payment .credit-card .input-box #loadKeyBoard { top: 3px; left: 85px; } .user-payment .credit-card__name { padding-top: 40px; } .user-payment .credit-card__name label { display: block; margin-bottom: 4px; font-size: 14px; line-height: 20px; } .user-payment .credit-card__name input { display: block; width: 100%; height: 44px; border: 1px solid #828282; font-size: 16px; } .user-payment .credit-card__name .input-box span { top: -28px; right: -5px; } .user-payment .user-not-available__title { margin-bottom: 24px; font-weight: 600; font-size: 20px; line-height: 32px; } .user-payment .user-not-available__image { margin-bottom: 16px; } .user-payment .user-not-available__image img { display: block; max-width: 260px; margin: auto; } .user-payment .user-not-available__info { margin-bottom: 28px; } .user-payment .user-not-available__info p { margin-bottom: 16px; font-size: 16px; line-height: 24px; } .user-payment .user-not-available__info p:last-of-type { margin-bottom: 0; } @media screen and (min-width: 768px) { .user-payment { padding: 56px 16px 64px; } .user-payment__title { font-size: 34px; line-height: 52px; text-align: center; } .user-payment__login-info { text-align: center; } .user-payment__login-captcha .captchamvc-wrapper { flex-wrap: wrap; } .user-payment__login-captcha .captchamvc-wrapper .captcha-image-wrapper { width: calc(100% - 75px); max-height: 75px; max-width: 305px; margin: 0; } .user-payment__login-captcha .captchamvc-wrapper .captcha-image-wrapper .captcha-image { width: 100%; max-height: 75px; } .user-payment__login-captcha .captchamvc-wrapper .captcha-refresh-link { display: flex; cursor: pointer; width: 75px; flex: 1 0 auto; flex-basis: 75px; height: 75px; } .user-payment__login-captcha .captchamvc-wrapper .captcha-input-wrapper { flex-grow: 0; flex-basis: 100%; order: 3; margin: 16px 0 0; } .user-payment__login-captcha .captchamvc-wrapper .captcha-input-wrapper .input-group { max-width: 100%; } .user-payment__info { padding: 0 34px; } .user-payment__sum { padding: 0 42px; } .user-payment__sum-title { font-size: 20px; line-height: 32px; } .user-payment__form { padding: 24px 34px 32px; background: #FFFFFF; box-shadow: 0px -3px 20px rgba(0, 0, 0, 0.1), 0px 15px 30px rgba(0, 0, 0, 0.1); } .user-payment__loading-title { margin-bottom: 24px; font-size: 34px; line-height: 52px; text-align: center; } .user-payment__loading-animation { padding: 50px 0; } .user-payment__loading-animation img { max-width: 255px; } .user-payment .credit-card .input-box #cvv2_keyboard { top: 0; right: 10px; } .user-payment .user-not-available__title { font-size: 34px; line-height: 52px; text-align: center; } .user-payment .user-not-available__info { text-align: center; } } @media screen and (min-width: 992px) { .user-payment .user-not-available__title { text-align: left; } .user-payment .user-not-available__image { position: absolute; top: 0; right: 15px; } .user-payment .user-not-available__image img { max-width: 456px; } .user-payment .user-not-available__info { text-align: left; } .user-payment.user-not-available .container { position: relative; padding-right: 456px; } .user-payment.user-not-available .user-payment__login { margin: unset; max-width: 288px; } } .new-registration-form.new-style-group .restore-form h4 { margin-bottom: 30px; color: #333 !important; font-size: 16px; line-height: 150%; font-weight: normal; text-align: center; } .new-registration-form.new-style-group .restore-form .input-group.continue { align-items: center; float: none; width: 100%; } .new-registration-form.new-style-group .restore-form .input-group.continue .btn--medium { width: 100%; } .new-registration-form.new-style-group .input-group .btn.single-button { margin-left: auto; margin-right: auto; } @media all and (max-width: 767px) { .new-registration-form.new-style-group form .input-group label { padding-left: 0; } .new-registration-form.new-style-group form .input-group label span { padding-left: 0; } } .new-registration-form .edit-form { width: auto; max-width: 400px; margin-left: auto; margin-right: auto; } .new-registration-form .edit-form::after { content: ""; display: inline-block; clear: both; width: 100%; } .new-registration-form .edit-form .social-list { width: calc(100% + 60px); margin: 0 -30px; } @media all and (max-width: 991px) { .new-registration-form .edit-form .social-list { width: 100%; margin: 0; } } .new-registration-form .forgot-password { max-width: 355px; } .new-registration-form .forgot-password .prev-step { width: 100%; text-align: center; margin-top: 25px; } .new-registration-form .forgot-password .prev-step a { font-weight: 500; font-size: 16px; } .new-registration-form .col-9 { width: 100%; } .new-registration-form .continue { padding: 0; } .new-registration-form .with-return-url.button-container > .continue { padding: 0; } .new-registration-form .with-return-url.button-container > .continue > div { width: auto; margin: 0; } .new-registration-form .with-return-url.button-container > .continue > div .btn-new { float: none !important; width: 100%; margin-bottom: 20px; } .new-registration-form .with-return-url.button-container > .continue > div .btn-new-transparent { float: none !important; width: 100%; } .new-scroller-form { position: fixed; z-index: 10; bottom: 10px; left: 50%; transform: translateX(-50%); padding: 16px; width: 100%; } @media all and (max-width: 767px) { .login-window .fancybox-outer, .login-window .fancybox-outer #login-pop-up { height: 100%; } } .styled-form { position: relative; } @media all and (max-width: 767px) { .styled-form.login-form { padding: 50px 25px 30px; width: 100%; height: calc(100% - 40px); min-height: 530px; max-height: 100%; display: flex; flex-direction: column; overflow: hidden; box-sizing: border-box; } .styled-form.login-form .form-group { padding-top: 30px; } } .styled-form.login-form > * { z-index: 2; } .styled-form.login-form .btn { background: linear-gradient(45deg, #9a71f5 7.32%, #824aff 94.1%); } .styled-form.login-form .title { font-weight: 500; font-size: 36px; line-height: 42px; color: #fff; margin: 10px 0; } @media only screen and (min-width: 768px) { .styled-form.login-form .title { margin: 40px 0 30px; } } .styled-form.login-form .form-bg { position: absolute; display: none; left: 0; top: 0; width: 100%; height: 95%; background: linear-gradient(175deg, #7b44f2 88%, #fff 89%); background-image: url("/assets/img/bg/login-bg.png"); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; z-index: 1; } @media all and (max-width: 767px) { .styled-form.login-form .form-bg { display: block; } } .styled-form.login-form .form-bg:before, .styled-form.login-form .form-bg:after { position: absolute; display: block; content: ""; } .styled-form.login-form .form-bg:before { width: 240px; height: 263px; background-image: url("/assets/img/bg/login-bg-el-1.svg"); background-repeat: no-repeat; background-position: center; left: 230px; top: 180px; } .styled-form.login-form .form-bg:after { width: 72px; height: 92px; background-image: url("/assets/img/bg/login-bg-el-2.svg"); background-repeat: no-repeat; background-position: center; left: 250px; top: 150px; } .styled-form .form-footer { display: flex; margin: auto 0 0 0; } .styled-form .form-footer .forgot { display: inline-flex; margin: 0 0 0 auto; font-size: 18px; line-height: 22px; color: #333; text-decoration: none; } .styled-form .form-footer .forgot:after { display: inline-block; content: ""; width: 15px; height: 22px; margin: auto 0 auto 15px; background-image: url("/assets/img/icons/icon-arrow-reg.svg"); background-position: center; background-repeat: no-repeat; transition: all 0.5s 0s; } .styled-form .form-footer .forgot:hover:after { transform: translateX(5px); } @media all and (max-width: 767px) { .styled-form .desktop-only { display: none !important; } } .styled-form .mobile-only { display: none !important; } @media all and (max-width: 767px) { .styled-form .mobile-only { display: flex !important; } } @media (max-width: 767px) { .temp-padding .container .col-9, .temp-padding .container .col-3 { padding: 0 15px; } } .base-form { width: 400px; max-width: 100%; margin: auto; } .base-form--padding { padding: 40px 16px 40px !important; } .new-style-group .input-group .input-box textarea, .new-style-group textarea { background: #fff; border: 1px solid #979797; border-radius: 0; font-size: 14px; font-weight: 400; color: #333; padding: 10px; } .verify-popup input { width: 100%; } .new-style-tooltip .input-group .input-box .tooltipstered { transform: unset; width: 20px; height: 20px; right: 5px; top: -26px; } .new-style-tooltip .input-group .input-box .tooltipstered i.icons { background: url("/assets/img/icons/new-style-tooltip-icon.svg") no-repeat; background-size: 100%; background-position: unset !important; width: 100% !important; height: 100% !important; transition: 0.3s; } .new-style-tooltip .input-group .input-box .tooltipstered i.icons:hover { background: url("/assets/img/icons/new-style-tooltip-icon-hover.svg") no-repeat; } .new-style-group .new-form-confirmation .input-group input { font-size: 14px; } .new-form-confirmation #ConfirmSmsPinContent { border-top: 1px #ddd solid; padding-top: 16px; } .new-form-confirmation .mv-attention { max-width: 400px; margin: 40px 0; } .new-form-confirmation .mv-attention.error { display: none; } @media (max-width: 767px) { .new-form-confirmation .mv-attention { margin: 24px 0; } } .new-form-confirmation .btn { width: 100%; } .new-form-confirmation__title { font-weight: normal; font-size: 14px; line-height: 1.4; color: #333; margin-bottom: 24px; flex: 1 0 100%; } .new-form-confirmation__smsPin { margin-bottom: 40px; } @media (max-width: 767px) { .new-form-confirmation__smsPin { margin-bottom: 24px; } .new-form-confirmation__smsPin .row-flex { flex-wrap: wrap; } } .new-form-confirmation__smsPin .input-group { max-width: 233px; margin: 0; flex: 1 0 auto; } .new-form-confirmation__smsPin-actions { display: none; margin-left: 40px; } @media (max-width: 767px) { .new-form-confirmation__smsPin-actions { width: 100%; margin-top: 8px; margin-left: 0; } } .new-form-confirmation__smsPin-actions a { font-size: 14px; display: inline; } .new-form-confirmation__smsPin-timer { font-size: 14px; line-height: 1.5; color: #333; margin-left: 40px; } @media (max-width: 767px) { .new-form-confirmation__smsPin-timer { width: 100%; margin-top: 8px; margin-left: 0; } } body.modal-open { overflow: hidden; } .modal { position: fixed !important; display: flex; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; padding: 80px 40px 40px; overflow: hidden; transition: all 0s 0.5s; z-index: -100 !important; } @media all and (max-width: 767px) { .modal { padding: 50px 20px 15px; } } .modal .scrollbar-box::-webkit-scrollbar { width: 6px; } .modal .scrollbar-box::-webkit-scrollbar-thumb { background-color: #915FFF; border-radius: 0; } .modal.visible { visibility: visible; transition-delay: 0s; overflow-y: auto; z-index: 99 !important; } .modal.visible .modal__overlay { visibility: visible; opacity: 0.35; } .modal.visible .modal__inner { opacity: 1; visibility: visible; transform: translateY(0); margin: auto; } .modal.modal-question .modal__inner { max-width: 460px; padding-top: 50px; padding-left: 48px; padding-right: 48px; padding-bottom: 24px; } .modal.modal-question .modal-question--check { display: inline-block; width: 40px; height: 40px; } .modal.modal-question .modal-question--title { font-size: 16px; font-weight: 600; color: rgba(60, 173, 43, 1); margin-top: 4px; } .modal.modal-question .modal-question--description { font-size: 15px; font-weight: 400; margin-top: 8px; } .modal.modal-question .modal__close-btn { position: absolute; top: 15px; right: 16px; } .modal.modal-debtors { display: inline-block; } .modal.modal-debtors .modal__inner { max-width: 330px; margin-top: 70px; margin-bottom: 50px; padding: 16px; position: relative; background-repeat: no-repeat; background-image: url("/assets/img/bg/modal/bg-inarrers-declane.svg"); } .modal.modal-debtors .modal__close-btn { position: absolute; top: 15px; right: 16px; } .modal.modal-debtors .modal-debtors__section:nth-child(1) { margin-top: 25px; padding: 10px; color: #fff; background-color: #9256f8; border-bottom: 4px solid #33af38; } .modal.modal-debtors .modal-debtors__section:nth-child(2) { margin-top: 16px; color: #333333; font-weight: 600; display: flex; } .modal.modal-debtors .modal-debtors__section:nth-child(2) img { display: inline-block; width: 47px; height: 30px; margin-right: 10px; } .modal.modal-debtors .modal-debtors__section:nth-child(3) { margin-top: 15px; padding: 10px; color: #fff; background-color: #33af38; border-top: 4px solid #9256f8; } .modal.modal-debtors .modal-debtors__section:nth-child(3) span { color: #333333; font-size: 20px; font-weight: 600; } .modal.modal-promocode .modal__inner { max-width: 335px; padding: 24px; } .modal.modal-promocode .modal__close-btn { position: absolute; top: 26px; right: 24px; } .modal.modal-promocode .modal-promocode--title { display: flex; align-items: center; font-size: 20px; font-weight: 600; color: #000000; padding-right: 25px; } .modal.modal-promocode .modal-promocode--title:before { content: ""; width: 24px; height: 24px; margin-right: 8px; background-image: url("/assets/img/redesign-icons/icon-promocode.svg"); } .modal.modal-promocode .prolong-promocode__field { position: relative; } .modal.modal-promocode .prolong-promocode__field--item { height: 48px; width: 100%; font-size: 14px; font-weight: 400; background-color: #FAF8FF; border: none; padding-right: 50px; border-radius: 0; border-bottom: 2px solid #B0B0B0; } .modal.modal-promocode .prolong-promocode__field--item:focus, .modal.modal-promocode .prolong-promocode__field--item:hover { border: none; border-bottom: 2px solid #3CAD2B; } .modal.modal-promocode .prolong-promocode__field--check { display: none; position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; } .modal.modal-promocode .prolong-promocode__messages--text { font-size: 12px; font-weight: 600; } .modal.modal-promocode .prolong-promocode__messages--error { font-size: 12px; font-weight: 600; color: #DC1717; } .modal.modal-promocode[data-request-promocode='applied'] #applyPromocode { display: none; } .modal.modal-promocode[data-request-promocode='applied'] .prolong-promocode__field--item { pointer-events: none; border-bottom: 2px solid #3CAD2B; } .modal.modal-promocode[data-request-promocode='applied'] .prolong-promocode__field--check { display: block; } .modal.modal-promocode[data-request-promocode='applicable'] .prolong-promocode__field--check { display: block; } .modal.modal-promocode[data-request-promocode='applicable'] .prolong-promocode__field--item { border-bottom: 2px solid #3CAD2B; } .modal.modal-promocode[data-request-promocode='unapplicable'] .prolong-promocode__field--item { border-bottom: 2px solid #F5222D; } .modal.modal-restructuring .modal__inner { padding: 0; height: 100%; max-height: 100%; overflow: hidden; } .modal.modal-restructuring .modal__header { padding: 16px; } .modal.modal-restructuring .modal__close-btn { right: 16px; } .modal.modal-expired { padding: 0 16px; } .modal.modal-expired .modal__overlay { opacity: 0.72; } .modal.modal-expired .modal__inner { padding: 60px 16px 24px; } .modal.modal-expired .modal__close { position: absolute; top: 19px; right: 20px; height: 14px; font-weight: 300; font-size: 35px; line-height: 14px; text-align: center; color: #F2576A; cursor: pointer; } .modal.modal-expired h3 { margin-bottom: 12px; font-weight: 600; font-size: 20px; text-align: center; } .modal.modal-expired p { font-size: 16px; margin-bottom: 20px; } .modal.modal-expired a { display: block; margin: auto; margin-top: 12px; } @media (min-width: 768px) { .modal.modal-expired .modal__inner { padding: 52px 34px 24px; } } .modal__inner { position: relative; width: 100%; max-width: 435px; margin: auto; background-color: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25); opacity: 0; visibility: hidden; transform: translateY(-30px); transition: all 0.5s 0s; z-index: 2; padding: 0 20px; } @media all and (max-width: 575px) { .modal__inner { max-width: none; transform: translateY(30px); } } .modal__inner--xs { max-width: 288px; } .modal__inner--sm { max-width: 356px; } .modal__inner--lg { max-width: 660px; } .modal__header { position: relative; padding: 14px 0; } .modal__header h2 { font-weight: 500; font-size: 16px; line-height: 20px; color: #915fff; } .modal__header h4 { font-weight: 500; font-size: 16px; line-height: 150%; color: #000; margin: 10px 0 0; padding: 0 0 16px; border-bottom: 1px solid #F2F2F2; } .modal__header .modal__close-btn { position: absolute; display: block; width: 15px; height: 15px; top: 16px; right: 0; cursor: pointer; } .modal__header .modal__close-btn--icon { background-image: url("/assets/img/icons/icon-failed.svg"); display: inline-block; width: 15px; height: 15px; } .modal__body { padding: 0 0 20px; } .modal__footer { display: flex; justify-content: center; padding: 8px 0 20px; } .modal__footer--buttons-wrapper { flex-direction: column; align-items: center; } .modal__overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0; visibility: hidden; z-index: 1; transition: all 0.5s 0s; } .modal.secondary { padding: 7px 10px; } .modal.secondary .modal__inner { max-width: 635px; } @media all and (max-width: 767px) { .modal.secondary .modal__header { padding-right: 30px; } } .modal.secondary .modal__body p { font-size: 14px; line-height: 20px; color: #000; } .modal.secondary.visible { z-index: 999 !important; } @media all and (max-width: 767px) { .modal.secondary.visible { z-index: 999999 !important; } } .modal.secondary.visible .modal__overlay { opacity: 0.6; } .modal-heading { padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; } .modal-heading h3 { font-weight: 600; font-size: 16px; line-height: 150%; color: #333; } .modal-body.custom-scrollbar { max-height: 400px; overflow-y: scroll; overflow-x: auto; } @media all and (max-width: 991px) { .fancybox-margin { margin-right: 0 !important; } } .fancybox-wrap.with-custom-scroll { overflow: auto; } .fancybox-active-window { height: 100%; overflow: hidden; position: relative; } @media all and (max-width: 991px) { .fancybox-active-window { -webkit-overflow-scrolling: touch; } } #PEPModal { max-height: calc(100vh - 12px); } #PEPModal .modal__body-wrapper { border-bottom: 1px solid #F2F2F2; position: relative; margin-bottom: 16px; } #PEPModal .modal__body-wrapper:after { bottom: 0; content: ""; position: absolute; width: 100%; height: 72px; background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%); } #PEPModal .modal__body { max-height: calc(100vh - 360px); overflow-x: hidden; position: relative; } #PEPModal .modal__body p { margin-bottom: 40px; } @media (min-width: 992px) { #PEPModal .modal__body { max-height: 532px; } } #promoCodePhotoUploaded { padding: 0 16px; } #promoCodePhotoUploaded .modal__overlay { opacity: 0.72; } #promoCodePhotoUploaded .modal__inner { padding: 60px 16px 24px; } #promoCodePhotoUploaded .modal__close { position: absolute; top: 19px; right: 20px; height: 14px; font-weight: 300; font-size: 35px; line-height: 14px; text-align: center; color: #F2576A; cursor: pointer; } #promoCodePhotoUploaded h3 { margin-bottom: 12px; font-weight: 600; font-size: 20px; line-height: 32px; text-align: center; } #promoCodePhotoUploaded p { margin-bottom: 20px; font-size: 16px; line-height: 24px; } #promoCodePhotoUploaded a { display: block; margin: auto; } @media (min-width: 768px) { #promoCodePhotoUploaded .modal__inner { padding: 52px 34px 24px; } } .eventSurveyModal .ces-questions { padding: 20px 16px 24px; margin-bottom: 0; border: none; } .eventSurveyModal .ces-questions__title { max-width: 435px; } .eventSurveyModal .fancy-close { position: absolute; top: 15px; right: 15px; width: 14px; height: 14px; font-weight: 400; font-size: 36px; text-indent: -2px; line-height: 14px; text-align: center; color: #333333; cursor: pointer; } @media (min-width: 768px) { .eventSurveyModal .ces-questions { padding: 36px; } .eventSurveyModal .fancy-close { top: 41px; right: 41px; } } #topUpMessageResult { padding: 0 1px 10px; } @media all and (min-width: 768px) { #topUpMessageResult { padding: 0 20px 10px; } } #topUpMessageResult .dialog-header { margin: 45px 0 12px !important; } @media all and (min-width: 768px) { #topUpMessageResult .dialog-header { margin: 37px 0 16px !important; } } #topUpMessageResult .dialog-header h3 { font-weight: 600; font-size: 20px; line-height: 32px; color: #333; margin-bottom: 0; } #topUpMessageResultClose_202111031404 { top: 17px; right: 21px; } @media all and (min-width: 768px) { #topUpMessageResultClose_202111031404 { right: 40px; } } #topUpMessageResult .btn-block { margin-top: 20px; } @media all and (min-width: 768px) { #topUpMessageResult .btn-block { margin-top: 24px; } } #topUpMessageResult .btn-block .btn-new { width: 100%; } .services-list { display: flex; align-items: stretch; flex-wrap: wrap; margin: 50px 0 30px; } .vip-club .services-list { max-width: 820px; } .l-header { width: 100%; height: 44px; position: fixed; top: 0; left: 0; background: #fff; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15); z-index: 99997; transition: background 0.5s 0s; } @media all and (min-width: 768px) { .l-header { height: 74px; } } .l-header.mmm-open { z-index: 999999; } @media all and (max-width: 767px) { .l-header.mmm-open { background-color: #9869ff; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0); } .l-header.mmm-open .logo .logo-svg .colorful { visibility: hidden; opacity: 0; } .l-header.mmm-open .logo .logo-svg .white { visibility: visible; opacity: 1; } .l-header.mmm-open .login-control-btn .open-icon path { fill: #fff; } .l-header.mmm-open .login-control-btn .close-icon path { stroke: #fff; } .l-header.mmm-open .logout-link svg path { fill: #fff; } .l-header.mmm-open .btn-login, .l-header.mmm-open .btn-logout { border-color: #fff; } .l-header.mmm-open .btn-login span, .l-header.mmm-open .btn-new-tra span { color: #fff; } .l-header.mmm-open .btn-new-transparent { border-color: #fff; } .l-header.mmm-open .btn-new-transparent span { color: #fff; } .l-header.mmm-open .main-menu-burger span { background-color: #fff; } .l-header.mmm-open .toggle-information svg path { fill: #fff; } } .l-header.fancybox-margin { padding-right: 17px; margin-right: 0; } .l-header .inner { display: flex; justify-content: space-between; position: relative; max-width: 1200px; height: 100%; margin: 0 auto; padding: 0 15px; } @media all and (max-width: 767px) { .l-header .inner { padding: 0 12px; } } .l-header .inner_left, .l-header .inner_right { display: flex; align-items: center; } .l-header .logo { display: inline-flex; width: 150px; height: 26px; margin-right: 10px; } .l-header .logo .logo-svg .colorful { visibility: visible; opacity: 1; } .l-header .logo .logo-svg .white { visibility: hidden; opacity: 0; } .l-header .phone-link { margin-right: 20px; } @media all and (max-width: 767px) { .l-header .phone-link { display: none; } } .l-header .btn-new-transparent { min-width: 120px; min-height: 40px; } @media all and (max-width: 767px) { .l-header .m-switch { display: none; } } .l-header .btn-new-transparent { padding: 7px 19px; } .l-header .toggle-information { width: 44px; height: 24px; padding: 0 10px; margin-right: 10px; transition: all 0.5s 0s; } @media all and (min-width: 992px) { .l-header .toggle-information { display: none; } } .l-header .m-information { background: #fff; display: none; left: 0; padding: 15px; position: absolute; width: 100%; top: 44px; height: calc(100vh - 44px); overflow-y: auto; z-index: 100002; } @media all and (min-width: 768px) { .l-header .m-information { top: 74px; height: calc(100vh - 74px); } } @media all and (min-width: 991px) { .l-header .m-information { display: none; } } .l-header .toggle-information svg path { fill: #333; } .overflow-on-toggle-menu .l-header { z-index: 999999; } .overflow-on-toggle-menu .l-header .m-information { display: block; } @media all and (min-width: 992px) { .overflow-on-toggle-menu .l-header .m-information { display: none; } } .overflow-on-toggle-menu .l-header .toggle-information { transform: rotate(180deg); } @media all and (max-width: 767px) { .l-footer { padding-bottom: 60px; } } .new-slider-input { margin-bottom: 25px; } @media all and (max-width: 767px) { .new-slider-input { margin-bottom: 13px; } } .new-slider-input.with-link { display: flex; align-items: flex-end; justify-content: flex-start; } .new-slider-input.with-link .slider-title { margin-right: 10px; } .new-slider-input.with-link input { width: 90px; } .new-slider-input .slider-title { font-size: 18px; line-height: 22px; color: #000; } @media all and (max-width: 767px) { .new-slider-input .slider-title { font-size: 14px; line-height: 17px; } } .new-slider-input input { border: none; border-bottom: 1px solid #000; border-radius: 0; color: #000; padding: 0 8px; font-weight: 700; font-size: 16px; line-height: 19px; text-align: right; height: 30px; width: 110px; } @media all and (max-width: 767px) { .new-slider-input input { background-color: #fafafa; font-weight: 600; font-size: 14px; line-height: 17px; height: 24px; } } .new-slider-input input:hover, .new-slider-input input:focus { border: none; border-bottom: 1px solid #000; } .new-slider-input .input-title { font-weight: bold; font-size: 16px; line-height: 20px; } @media all and (max-width: 767px) { .new-slider-input .input-title { font-weight: normal; font-size: 12px; line-height: 15px; } } .new-slider-input .slider-input { display: inline-flex; align-items: center; } .new-slider-input .slider-input input { order: 1; } .new-slider-input .slider-input .input-title { margin-left: 6px; order: 2; } .new-slider-input .slider-input .ui-datepicker-trigger { margin-left: 8px; order: 3; } .new-slider-input .ui-datepicker-trigger { cursor: pointer; } .new-slider-input .change-slider-state { display: inline-flex; font-weight: 500; font-size: 14px; line-height: 17px; margin: auto 0 auto auto; } .new-slider-input .change-slider-state:before { content: ""; order: 2; margin: auto 0 auto 5px; transform: translateY(3px) rotate(0); transition: all 0.25s; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid transparent; border-top: 7px solid #915fff; } @media all and (max-width: 1099px) { .new-slider-input .change-slider-state:before { display: none; } } .new-slider-input .change-slider-state.opened:before { transform: translateY(-3px) rotate(180deg); } .new-slider-input .change-slider-state .link-text { display: inline-block; } @media all and (max-width: 1099px) { .new-slider-input .change-slider-state .link-text { display: none; } } .new-slider-input .change-slider-state .link-icon { display: none; } @media all and (max-width: 1099px) { .new-slider-input .change-slider-state .link-icon { display: inline-block; } } .breadcrumbs { display: none; min-height: 24px; margin: 10px 0; padding: 0 15px; width: 100%; } @media all and (min-width: 768px) { .breadcrumbs { display: inline-block; } } .breadcrumbs ol { padding: 0; } .breadcrumbs li { display: block; float: left; } .breadcrumbs li:after { content: "|"; display: inline-block; padding: 0 12px; } .breadcrumbs li:last-child:after { content: ""; } .breadcrumbs li.current a { color: #73b523; } .breadcrumbs li.current:after { display: none; } .breadcrumbs li a { font-weight: 300; font-size: 14px; line-height: 1.28571; white-space: nowrap; } .breadcrumbs li a.current { color: #73b523; } .l-tell-a-friend .breadcrumbs { margin-top: 23px; } .l-tell-a-friend .page-nav { padding-bottom: 30px; } .l-tell-a-friend .page-nav .container ul { background: #e3f0f7; border-radius: 6px; display: block; float: left; margin-left: 16.66667%; width: 66.66667%; } .l-tell-a-friend .page-nav .container ul li { border-left: 3px solid #fff; cursor: pointer; float: left; height: 80px; position: relative; text-align: center; width: 33.33%; } .l-tell-a-friend .page-nav .container ul li .wrap { -webkit-transform: translate(-50%, -50%); left: 50%; padding: 0 15px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; } .l-tell-a-friend .page-nav .container ul li .wrap a { border-bottom: 2px dashed #8eadc2; color: #8eadc2; display: inline; font-weight: 600; font-size: 18px; line-height: 1.22222; text-transform: uppercase; vertical-align: middle; } .l-tell-a-friend .page-nav .container ul li.active { background: #fff; border: 3px solid #8ac64d; border-radius: 6px; } .l-tell-a-friend .page-nav .container ul li.active a { border-bottom: 2px dashed transparent; color: #333; } .l-tell-a-friend .page-nav .container ul li.active + li { border-left: 0; } .l-tell-a-friend .partner-program { padding-bottom: 57px; } .l-tell-a-friend .partner-program .container { margin-left: auto; margin-right: auto; max-width: 749px; } .l-tell-a-friend .partner-program .container:after { clear: both; content: " "; display: block; } .l-tell-a-friend .partner-program .container h2 { font-size: 28px; line-height: 1.57143; padding-bottom: 27px; text-align: center; } .l-tell-a-friend .partner-program .container p { color: #333; font-size: 18px; line-height: 1.44444; margin: 0 auto; max-width: 780px; padding: 7px 0; } .l-tell-a-friend .partner-program .container p strong { font-weight: 600; } .l-tell-a-friend .registration-way { background-color: #f1f7fb; padding-bottom: 69px; } .l-tell-a-friend .registration-way:before, .l-tell-a-friend .registration-way:after { content: ""; display: table; } .l-tell-a-friend .registration-way:after { clear: both; } .l-tell-a-friend .registration-way .container .col-4 { padding: 42px 15px 0 15px; } .l-tell-a-friend .registration-way .container .betweenBonusesLine:last-child .move:before { display: none; } .l-tell-a-friend .registration-way .container .img { height: 150px; line-height: 150px; margin-bottom: 39px; position: relative; } .l-tell-a-friend .registration-way .container .img img { bottom: 0; display: block; height: auto; left: 0; margin: auto; max-width: 100%; position: absolute; right: 0; top: 0; } .l-tell-a-friend .registration-way .container .move { position: relative; width: 100%; } .l-tell-a-friend .registration-way .container .move span { background: #fff; border: 2px solid #e3f0f7; border-radius: 50%; color: #333; display: block; font-weight: 600; font-size: 22px; height: 36px; line-height: 32px; margin: 0 auto; text-align: center; width: 36px; } .l-tell-a-friend .registration-way .container .move::before { background: #e3f0f7; content: ""; height: 10px; left: calc(50% + 15px); position: absolute; top: 13px; width: 100%; } .l-tell-a-friend .registration-way .container p { color: #828282; font-size: 18px; line-height: 1.44444; margin-top: 25px; text-align: center; } .l-tell-a-friend .button-block { padding-bottom: 36px; padding-top: 41px; } .l-tell-a-friend .button-block .container .row { text-align: center; } .l-tell-a-friend .text-block { padding: 36px; } .l-tell-a-friend .text-block .container .row p { color: #477191; font-size: 22px; line-height: 1.36364; margin: 0 auto; max-width: 945px; text-align: center; } .l-tell-a-friend .ref-block { padding: 0 15px 70px 15px; } .l-tell-a-friend .ref-block .content { margin: 0 auto; max-width: 615px; } .l-tell-a-friend .ref-block .content .info { background-color: #e3eef4; border-bottom: 2px dashed #fff; border-top-left-radius: 7px; border-top-right-radius: 7px; padding-bottom: 41px; padding-top: 40px; } .l-tell-a-friend .ref-block .content .info .ref-link { margin: 0 auto; max-width: 485px; } .l-tell-a-friend .ref-block .content .info .ref-link input { background-color: #fff; border: 2px solid #b2c6d4; border-radius: 3px; width: 100%; } .l-tell-a-friend .ref-block .content .info .ref-link input::selection, .l-tell-a-friend .ref-block .content .info .ref-link input::-moz-selection { background: #8FCEF0; } .l-tell-a-friend .ref-block .content .info .balance { color: #477191; font-weight: 600; font-size: 18px; line-height: 1.21429; margin-top: 29px; text-align: center; text-transform: uppercase; } .l-tell-a-friend .ref-block .content .info .balance .sum { color: #71b023; font-size: 50px; line-height: 0.68; } .l-tell-a-friend .ref-block .content .info .balance span { color: #71b023; font-size: 28px; line-height: 0.68; } .l-tell-a-friend .ref-block .share { background-color: #d4e5ee; background-image: url("/assets/img/bg/mix/ref-block-bg.png"); background-position: left bottom; background-repeat: repeat-x; padding: 0 15px 28px 15px; position: relative; } .l-tell-a-friend .ref-block .share:before, .l-tell-a-friend .ref-block .share:after { content: ""; display: table; } .l-tell-a-friend .ref-block .share:after { clear: both; } .l-tell-a-friend .ref-block .share .description { color: #477191; float: left; font-size: 16px; line-height: 1.25; padding-top: 21px; width: 66.6%; } .l-tell-a-friend .ref-block .share .social-list { float: left; padding-top: 21px; text-align: center; width: 33.3%; } .l-tell-a-friend .ref-block .share .social-list:before, .l-tell-a-friend .ref-block .share .social-list:after { content: ""; display: table; } .l-tell-a-friend .ref-block .share .social-list:after { clear: both; } .l-tell-a-friend .ref-block .share .social-list a { display: inline-block; } .l-tell-a-friend .ref-block .share .social-list a.icon { background-image: url("/assets/img/icons/social-tell-a-friend.png"); background-repeat: no-repeat; height: 40px; margin: 0 10px; width: 40px; } .l-tell-a-friend .ref-block .share .social-list a.facebook { background-position: 0 0; } .l-tell-a-friend .ref-block .share .social-list a.vk { background-position: 0 -54px; } .l-tell-a-friend .ref-block .share .social-list a.ok { background-position: 0 -106px; } .l-tell-a-friend .ref-block .share .social-list a:hover { opacity: 0.5; } .l-tell-a-friend .invite-friend { padding-bottom: 35px; } .l-tell-a-friend .invite-friend form { margin: 0 auto; max-width: 780px; } .l-tell-a-friend .invite-friend form.by-email, .l-tell-a-friend .invite-friend form.by-sms { padding: 0 15px 41px 15px; } .l-tell-a-friend .invite-friend form.by-email:before, .l-tell-a-friend .invite-friend form.by-email:after, .l-tell-a-friend .invite-friend form.by-sms:before, .l-tell-a-friend .invite-friend form.by-sms:after { content: ""; display: table; } .l-tell-a-friend .invite-friend form.by-email:after, .l-tell-a-friend .invite-friend form.by-sms:after { clear: both; } .l-tell-a-friend .invite-friend form.by-email .form-head, .l-tell-a-friend .invite-friend form.by-sms .form-head { color: #333; display: block; font-weight: 600; font-size: 24px; line-height: 1.25; margin-bottom: 24px; } .l-tell-a-friend .invite-friend form.by-email .input-block, .l-tell-a-friend .invite-friend form.by-sms .input-block { float: left; width: 50%; } .l-tell-a-friend .invite-friend form.by-email .input-block input, .l-tell-a-friend .invite-friend form.by-sms .input-block input { display: block; width: 100%; } .l-tell-a-friend .invite-friend form.by-email .input-block button, .l-tell-a-friend .invite-friend form.by-sms .input-block button { background-color: transparent; background-image: url("/assets/img/icons/add-friend-button.png"); background-position: center center; background-repeat: no-repeat; border: none; cursor: pointer; height: 32px; margin-left: calc(100% - 32px); margin-top: 10px; padding: 0; width: 32px; } .l-tell-a-friend .invite-friend form.by-email .input-block button:hover, .l-tell-a-friend .invite-friend form.by-sms .input-block button:hover { opacity: 0.5; } .l-tell-a-friend .invite-friend form.by-email .img-block, .l-tell-a-friend .invite-friend form.by-sms .img-block { float: left; height: 168px; width: 50%; } .l-tell-a-friend .invite-friend form.by-email .img-block .img, .l-tell-a-friend .invite-friend form.by-sms .img-block .img { background-position: top center; background-repeat: no-repeat; height: 100%; margin-left: 32px; min-width: 225px; } .l-tell-a-friend .invite-friend form .by-email .img { background-image: url("/assets/img/bg/mix/4.png"); } .l-tell-a-friend .invite-friend form .by-sms .img { background-image: url("/assets/img/bg/mix/5.png"); } .l-tell-a-friend .invite-friend form .captcha-block { padding-top: 10px; } .l-tell-a-friend .invite-friend form .captcha-block .img-block { text-align: center; } .l-tell-a-friend .invite-friend form .captcha-block .img-block img { width: 213px; } .l-tell-a-friend .invite-friend form .captcha-block .img-block .reset-wrap { margin-top: -7px; } .l-tell-a-friend .invite-friend form .captcha-block .img-block .reset-wrap .reset { border-bottom: 1px dashed #71b023; color: #71b023; display: inline; font-size: 12px; margin-left: -156px; vertical-align: top; } .l-tell-a-friend .invite-friend form .captcha-block .input-block { padding-top: 12px; } .l-tell-a-friend .invite-friend form .captcha-block .input-block label { color: #828282; display: block; font-size: 16px; line-height: 1.5; margin: 0 auto; padding-right: 146px; text-align: center; } .l-tell-a-friend .invite-friend form .captcha-block .input-block .input-wrap { padding-top: 4px; text-align: center; } .l-tell-a-friend .invite-friend form .captcha-block .input-block .input-wrap input { max-width: 360px; width: 100%; } .l-tell-a-friend .invite-friend form .button-block { padding-top: 38px; text-align: center; } .l-tell-a-friend .container .text a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new) { color: #3dae2b !important; text-decoration-line: underline !important; text-decoration-color: #3dae2b !important; border-bottom: none !important; transition: 0.3s; } .l-tell-a-friend .container .text a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):before, .l-tell-a-friend .container .text a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):after { content: none !important; } .l-tell-a-friend .container .text a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):hover { text-decoration-line: none !important; border-bottom: none !important; } .l-tell-a-friend .container .text a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):active { color: #138900 !important; } .l-tell-a-friend .cms_content a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new), .l-tell-a-friend article.article a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new), .l-tell-a-friend .l-contacts-page a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new) { color: #3dae2b !important; text-decoration-line: underline !important; text-decoration-color: #3dae2b !important; border-bottom: none !important; transition: 0.3s; } .l-tell-a-friend .cms_content a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):before, .l-tell-a-friend .cms_content a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):after, .l-tell-a-friend article.article a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):before, .l-tell-a-friend article.article a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):after, .l-tell-a-friend .l-contacts-page a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):before, .l-tell-a-friend .l-contacts-page a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):after { content: none !important; } .l-tell-a-friend .cms_content a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):hover, .l-tell-a-friend article.article a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):hover, .l-tell-a-friend .l-contacts-page a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):hover { text-decoration-line: none !important; border-bottom: none !important; } .l-tell-a-friend .cms_content a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):active, .l-tell-a-friend article.article a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):active, .l-tell-a-friend .l-contacts-page a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):active { color: #138900 !important; } .theme-description { display: flex; align-items: stretch; } @media all and (max-width: 767px) { .theme-description { flex-direction: column; } } .theme-description__left { width: 380px; } @media all and (max-width: 767px) { .theme-description__left { width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; } } .theme-description__left img { width: 100%; display: inherit; } .theme-description__right { display: flex; flex-direction: column; width: auto; flex: 1 1 auto; padding-left: 27px; } @media all and (max-width: 767px) { .theme-description__right { padding-left: 0; } } .theme-description__title { font-weight: 600; font-size: 20px; line-height: 24px; } @media all and (max-width: 767px) { .theme-description__title { font-size: 14px; line-height: 17px; } } .theme-description__info { display: inline-block; width: 100%; font-weight: normal; font-size: 14px; line-height: 17px; margin-bottom: 8px; } @media all and (max-width: 767px) { .theme-description__info { font-size: 12px; line-height: 15px; } } .theme-description__info--error { color: #eb5757; } .theme-description__price { display: inline-block; width: 100%; margin-bottom: 30px; font-weight: 600; font-size: 16px; line-height: 20px; color: #333; } .theme-description__price-sm { font-size: 12px; line-height: 15px; } .theme-description__buttons { margin: auto 0 0; } .theme-description__buttons .styled-button:not(:last-child) { margin-bottom: 15px; } .theme-description__image--desktop { display: inline-block; } @media all and (max-width: 767px) { .theme-description__image--desktop { display: none; } } .theme-description__image--mobile { display: none; } @media all and (max-width: 767px) { .theme-description__image--mobile { display: inline-block; } } .theme-modal-inner { padding: 24px 24px 24px 37px; } .theme-modal-inner > h4, .theme-modal-inner > p { font-size: 16px; line-height: 20px; color: #333; } @media all and (max-width: 767px) { .theme-modal-inner > h4, .theme-modal-inner > p { display: none; } } .theme-modal-inner > h4 { font-weight: bold; margin-bottom: 20px; } .theme-modal-inner > p { margin-bottom: 14px; } .theme-modal-inner .modal__close-btn { position: absolute; top: 16px; right: 16px; } .themes-carousel { width: calc(100% + 40px); margin: 0 -10px; } @media all and (max-width: 767px) { .themes-carousel { width: calc(100% + 20px); } } .themes-list__title { display: flex; justify-content: flex-start; align-items: flex-end; } @media all and (max-width: 767px) { .themes-list__title { flex-direction: column; align-items: flex-start; } } .themes-list__title h4 { font-weight: bold; font-size: 16px; line-height: 20px; color: #333; margin-right: 30px; } @media all and (max-width: 767px) { .themes-list__title h4 { margin-right: 0; } } .themes-list__title a { font-weight: 500; font-size: 14px; line-height: 17px; color: #915fff; margin-bottom: 1px; min-width: 107px; } @media all and (max-width: 767px) { .themes-list__title a { margin: 0 0 0 auto; } } .themes-list__info { font-weight: normal; font-size: 14px; line-height: 17px; color: #eb5757; } #VipClub:before { display: inline-block; content: ""; width: 18px; height: 16px; margin-right: 10px; background-image: url("/assets/img/icons/icon-crown.svg"); background-position: center; background-repeat: no-repeat; transform: translateY(2px); } @media all and (max-width: 767px) { .vip-club { margin-top: 10px !important; } } .vip-club__title { max-width: 620px; margin-bottom: 45px; } .vip-club__title h2, .vip-club__title h3, .vip-club__title p { color: #333; } .vip-club__title h2 { display: none; font-weight: bold; font-size: 18px; line-height: 22px; } @media all and (max-width: 767px) { .vip-club__title h2 { display: inline-block; width: 100%; margin-bottom: 10px; } } .vip-club__title h3 { font-weight: bold; font-size: 22px; line-height: 27px; margin-bottom: 24px; } @media all and (max-width: 767px) { .vip-club__title h3 { font-weight: 500; font-size: 18px; line-height: 22px; padding-right: 60px; } } .vip-club__title h3 span { color: #915fff; } .vip-club__title p { font-size: 16px; line-height: 20px; margin-bottom: 10px; } .vip-club__title a { font-weight: 500; font-size: 14px; line-height: 17px; } .slider-collapsible-container { display: block; margin-top: 20px; visibility: visible; opacity: 1; } @media all and (max-width: 767px) { .slider-collapsible-container { transition: opacity 0.5s 0s; } } .slider-collapsible-container.hidden { display: none; visibility: hidden; opacity: 0; } @media all and (max-width: 767px) { .slider-collapsible-container.hidden { display: block; } } @media all and (max-width: 767px) { body #chat-24-widget-container { bottom: 0 !important; padding: 0 !important; width: calc(100% / 3); height: 53px; } body #chat-24-widget-container #chat-24-mobile { float: none !important; } body #chat-24-widget-container #chat-24-mobile .chat-24-icon-container .chat-24-icon-text { display: none; } body #chat-24-widget-container #chat-24-inner-container { padding: 0; margin-right: 0 !important; } body #chat-24-widget-container #chat-24-inner-container:hover #chat-24-close { display: none !important; } body #chat-24-widget-container #chat-24-inner-container.chat-24-content-visible #chat-24-content { display: flex !important; } body #chat-24-widget-container #chat-24-inner-container #chat-24-close-icons { position: absolute !important; bottom: 0; left: 0; height: 53px !important; width: 100% !important; transform: translate(0, 100%); background-color: #fff !important; border-radius: 0; margin: 0 !important; } body #chat-24-widget-container #chat-24-inner-container #chat-24-close-icons:hover { transform: translate(0, 100%) !important; } body #chat-24-widget-container #chat-24-inner-container #chat-24-close-icons:before, body #chat-24-widget-container #chat-24-inner-container #chat-24-close-icons:after { background-color: #3dae2b; top: calc(50% - 8px); } body #chat-24-widget-container #chat-24-inner-container #chat-24-close-icons:before { width: 20px; } body #chat-24-widget-container #chat-24-inner-container #chat-24-close-icons:after { height: 20px; } body #chat-24-widget-container #chat-24-inner-container #chat-24-content { position: absolute; top: 0; right: 0; transform: translateY(-100%); flex-direction: column; flex-wrap: wrap; width: 100%; align-items: center; } body #chat-24-widget-container #chat-24-inner-container #chat-24-roll { display: block !important; opacity: 1 !important; visibility: visible !important; } body #chat-24-widget-container #chat-24-inner-container #chat-24-roll #chat-24-roll-icon { width: 100%; height: 55px; background: transparent !important; border-radius: 0; } body #chat-24-widget-container #chat-24-inner-container #chat-24-roll #chat-24-roll-icon:hover { transform: scale(1) !important; } } @media all and (max-width: 767px) { .mobile-panel.purple ~ #chat-24-widget-container #chat-24-inner-container #chat-24-close-icons { background: #4D299C !important; transition: all 0.5s 0s; } } .login-window { background-color: #fff; border-radius: 4px; box-shadow: -10px 10px 50px rgba(0, 0, 0, 0.25); left: 66% !important; position: fixed !important; top: 83px !important; width: 25% !important; min-width: 320px; z-index: 99999; } @media all and (min-width: 767px) and (max-width: 1200px) { .login-window { right: 20px !important; left: auto !important; } } @media all and (max-width: 767px) { .login-window { box-shadow: none !important; height: 100% !important; left: 0 !important; top: 0 !important; width: 100% !important; overflow: hidden; } } .login-window .fancybox-skin { width: 100% !important; background: #fff; box-shadow: none; } @media all and (max-width: 767px) { .login-window .fancybox-skin { height: 100% !important; padding: 0 !important; overflow: scroll; } } .login-window .fancybox-inner { width: 100% !important; height: 100% !important; box-sizing: border-box; } @media (min-width: 768px) { .login-window .fancybox-inner { overflow: hidden !important; } } .login-window .fancy-close { background-image: url("/assets/img/icons/fancy-close.svg"); background-position: center; background-repeat: no-repeat; cursor: pointer; height: 16px; position: absolute; right: 15px; top: 15px; width: 16px; } @media all and (max-width: 1200px) { .login-window .fancy-close { display: none; } } .login-window #login-pop-up form .btn-block { margin: 20px 0; text-align: center; width: 100%; } .login-window a.forgot { line-height: 1.14286; } @media all and (max-width: 767px) { .login-window a.forgot.hidden-mobile { display: none; } } @media all and (max-width: 767px) { .login-window .btn-block { display: flex; } } .login-window .btn-block .styled-button { width: auto; display: inline-flex; min-width: 288px; } @media all and (max-width: 767px) { .login-window .btn-block .styled-button { margin: 0 0 0 auto; background-color: transparent; border: 1px solid #fff; } } @media all and (max-width: 767px) { .login-window .btn-block .styled-button:before { background-color: transparent; } } @media all and (max-width: 767px) { .login-window .btn-block .styled-button:hover:before { background-color: #fff; } } .tooltip-container { position: absolute; width: 20px; height: 20px; top: 0; right: 20px; } .new-tooltip { position: relative; top: -2px; width: 20px; min-width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-left: 5px; border: 2px #915FFF solid; border-radius: 50%; font-size: 12px; font-weight: 700; text-align: center; line-height: 18px; color: #915FFF; cursor: pointer; z-index: 98; } .new-tooltip:hover { background: #915fff; color: #ffffff; } .new-tooltip { cursor: pointer; } .new-tooltip--grey-circle { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background: #f3f3f3; border-radius: 50%; font-weight: normal; font-size: 12px; line-height: 16px; } .new-tooltip-info { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: max-content; margin: 0 auto; padding: 15px; background: #fff; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0px -3px 20px rgba(0, 0, 0, 0.1); text-align: center; z-index: 999999; } .new-tooltip-info.info-with-title h4 { font-weight: 600; font-size: 16px; line-height: 150%; color: #333; margin-bottom: 10px; } .new-tooltip-info.info-with-title p { font-size: 14px !important; line-height: 20px !important; color: #828282; } .new-tooltip-info p { padding: 0 0 10px 0; font-size: 12px !important; font-weight: 500; line-height: 15px !important; margin-bottom: 10px; background: none; text-align: left; position: relative; } .new-tooltip-info p > p:last-child { margin-bottom: 0; } .new-tooltip-info p > p:before, .new-tooltip-info p > p:after { display: none; } .new-tooltip-info p:before, .new-tooltip-info p:after { position: absolute; display: block; content: ""; background: #915fff; width: 33px; height: 1px; bottom: 0; left: 50%; transform: translateX(-50%); } .new-tooltip-info p:before { width: 16px; bottom: -6px; } .new-tooltip-info .old-value { text-decoration: line-through; color: #828282; } .new-tooltip-info .unreg-list { text-align: left; font-weight: 500; font-size: 12px; line-height: 15px; color: #000000; margin-bottom: 9px; } .new-tooltip-info .unreg-list .mob-title { margin-top: 15px; } .new-tooltip-info.secondary p { font-size: 14px !important; line-height: 20px !important; font-weight: 400; } .new-tooltip-info.warning-icon { padding-left: 50px; } .new-tooltip-info.warning-icon:before { display: block; content: ""; width: 22px; height: 19px; position: absolute; top: 19px; left: 17px; background-image: url("/assets/img/redesign-icons/attention-orange-triangle.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } .new-tooltip-info.warning-icon p:before, .new-tooltip-info.warning-icon p:after { margin-left: -17px; } .tooltip-grace { left: -40px; } .tooltip-grace p { text-align: center; } .l-header .tooltip-grace { left: auto; } @Media (min-width: 768px) { .new-tooltip-info { position: absolute; min-height: 50px; bottom: 30px; right: -12px; width: 310px; top: unset; left: unset; } .new-tooltip-info p { padding: 0 !important; margin: 0 !important; } .new-tooltip-info p:before, .new-tooltip-info p:after { content: none; } .new-tooltip-info.tooltip-grace p { text-align: left; } .new-tooltip-info:after { content: ""; display: block; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 12px solid #ffffff; position: absolute; bottom: -12px; left: 90%; } } @media (min-width: 992px) { .new-tooltip-info { right: -45px; } .new-tooltip-info:after { left: 79%; } } @media (min-width: 1366px) { .new-tooltip-info.info-with-title { right: -133px; } .new-tooltip-info.secondary { bottom: 35px; right: -133px; } .new-tooltip-info:after { left: 50%; } .new-pco .new-tooltip-info:after, .block-main .new-tooltip-info:after, #InstallmentBlock .new-tooltip-info:after { left: 78.8%; bottom: -11px; } } .polls-status { display: flex; align-items: stretch; flex: 1 1 100%; background-image: url("/assets/img/redesign/coon-in-circle/raccoon_thumbs_up.png"); background-repeat: no-repeat; background-position: 50% top; } @media all and (min-width: 768px) { .polls-status { min-height: 500px; background-position: right top; } } @media all and (max-width: 991px) { .polls-status { background-position: right center; } } @media all and (max-width: 767px) { .polls-status { height: auto; background-position: bottom 40px center; background-size: 250px; } } @media all and (max-width: 767px) { .polls-status.success { padding-top: 0; } } @media all and (max-width: 575px) { .polls-status.success { background-position: center calc(100% - 65px); } } @media all and (max-width: 767px) { .polls-status.success .button-container { padding-top: 250px; } } .polls-status .inner-left { flex: none; display: flex; flex-direction: column; justify-content: flex-start; width: 100%; } @media all and (max-width: 425px) { .polls-status .inner-left { max-width: none; width: 100%; } } @media (min-width: 768px) { .polls-status .inner-left { max-width: 360px; } } .polls-status.enotcoins { min-height: 370px; background-position: right top; } .polls-status.enotcoins .inner-left { max-width: 430px; } .polls-status.enotcoins .button-container { margin: 0 0 44px; display: grid; padding: 0; } .polls-status.enotcoins a { max-width: 280px; } .polls-status.enotcoins .polls-text { margin-bottom: 30px; } .polls-status.enotcoins .award-block p:first-of-type { margin-bottom: 10px; } @media (max-width: 767px) { .polls-status.enotcoins { background-image: none; padding-top: 0; } .polls-status.enotcoins .second { margin-bottom: 20px; } .polls-status.enotcoins a { max-width: none; } } .polls-status h3 { font-weight: bold; font-size: 48px; color: #333; margin-bottom: 10px; } .polls-status h3.title { font-size: 20px; font-weight: 600; margin-bottom: 305px; } .polls-status h3.title--thank-you { margin-bottom: 16px; } .polls-status h3.title--status { padding: 0; margin-bottom: 250px; } @media all and (min-width: 768px) { .polls-status h3.title { font-size: 34px; line-height: 52px; margin-bottom: 15px; } .polls-status h3.title--thank-you { margin-bottom: 28px; } .polls-status h3.title--status { margin-bottom: 28px; } } @media all and (max-width: 575px) { .polls-status h3 { font-size: 32px; } .polls-status h3.title { font-size: 20px; line-height: 32px; } } .polls-status p { font-weight: bold; font-size: 24px; color: #333; margin-bottom: 40px; } .polls-status p.polls-text { font-size: 16px; font-weight: normal; line-height: 150%; } .polls-status p.polls-text--thank-you { margin-bottom: 260px; } @media (min-width: 768px) { .polls-status p.polls-text--thank-you { margin-bottom: 28px; } } .polls-status p.second { margin-bottom: 20px !important; } @media all and (max-width: 767px) { .polls-status p { font-size: 15px; } } .polls-status .button-container { margin: 0; } @media all and (min-width: 767px) { .polls-status .button-container { max-width: 288px; } } .polls-status .button-container .styled-button--thank-you span { text-transform: lowercase; } .polls-status .button-container .styled-button--thank-you span:first-letter { text-transform: capitalize; } @media all and (max-width: 425px) { .polls-status .button-container .styled-button { width: 100%; } } .polls-status .button-container.additional-enotcoins { min-height: 35px; padding: 0; } .polls-status .button-container.additional-enotcoins .btn-new-transparent { background: #ffffff; } .warehouse { margin: 20px auto 0; background: #fff; padding: 0 15px; } .warehouse #warehouseSelect { max-width: 460px; width: 100%; } .warehouse #warehouse-form .input-group, .warehouse #warehouse-form .button-block { max-width: 400px; width: 100%; margin-left: auto; margin-right: auto; } .warehouse #warehouse-form .input-group { margin-bottom: 30px; } .warehouse #warehouse-form .input-group:nth-last-child(4) { z-index: 4 !important; } .warehouse #warehouse-form .input-group:nth-last-child(3) { z-index: 3 !important; } .warehouse #warehouse-form .input-group:nth-last-child(2) { z-index: 2 !important; } .warehouse #warehouse-form .input-group:nth-last-child(3) { z-index: 3 !important; } .warehouse #warehouse-form .button-block { display: flex; flex-direction: column; align-items: center; } .warehouse .new-h1 { font-weight: 600; font-size: 18px; line-height: 22px; text-align: left; margin-bottom: 16px; } .warehouse .jq-selectbox .jq-selectbox__dropdown { bottom: auto !important; } .warehouse .button-block { margin-bottom: 10px; } .warehouse .link-block > div { margin-bottom: 28px; } @media (min-width: 768px) { .warehouse .link-block > div { margin-bottom: 36px; } .warehouse .new-h1 { text-align: center; font-weight: 600; font-size: 24px; line-height: 29px; margin-bottom: 40px; } } .inner-table-description .table-description-row { display: flex; border-bottom: 1px solid #ddd; } .inner-table-description .table-description-row:not(.payments-schedule-list__total):last-child { border-bottom: none; } .inner-table-description .table-description-row.payments-schedule-list__total:after { top: 22px; } .inner-table-description .table-description-row.total-row { border-top: 1px solid #915fff; padding-top: 5px; } .inner-table-description .table-description-row .table-description-cell { display: flex; flex-direction: column; padding: 18px 0; } .inner-table-description .table-description-row .table-description-cell:first-child { flex: 1 1 auto; align-items: flex-start; } .inner-table-description .table-description-row .table-description-cell:last-child { text-align: right; flex: 1 0 auto; align-items: flex-end; } .inner-table-description .table-description-row .table-description-cell span:not(.new-tooltip) { font-weight: 400; font-size: 14px; line-height: 20px; color: #4f4f4f; } .inner-table-description .table-description-row .table-description-cell span:not(.new-tooltip).title-small { font-size: 14px; line-height: 17px; color: #828282; display: inline-block; width: 100%; } .inner-table-description .table-description-row .table-description-cell span:not(.new-tooltip).value { font-size: 16px; line-height: 150%; } .inner-table-description .table-description-row .table-description-cell span:not(.new-tooltip).value, .inner-table-description .table-description-row .table-description-cell span:not(.new-tooltip).currency, .inner-table-description .table-description-row .table-description-cell span:not(.new-tooltip).title.bold { font-weight: 600; } .inner-table-description .table-description-row .table-description-cell span:not(.new-tooltip).old-value { display: inline !important; } .inner-table-description .table-description-row .table-description-cell span:not(.new-tooltip).old-value span { text-decoration: line-through; color: #828282; font-weight: normal; font-size: 14px; } .inner-table-description .table-description-row .table-description-cell span:not(.new-tooltip).currency { font-size: 12px; } .inner-table-description .table-description-row .table-description-cell span:not(.new-tooltip).new-tooltip--redesign { color: #fff; background: #915fff; } .inner-table-description .table-description-row .table-collapse-none { border: none; } .inner-table-description .payments-schedule { margin-top: 0; padding-top: 0; border-top: none; } .inner-table-description .styled-table { transform: translateY(-1px); z-index: 11; } @media all and (max-width: 767px) { .inner-table-description .styled-table { left: 0; } } @media (max-width: 480px) { .new-calculator.new-pco-text-wrapper .new-calculator-content .new-calculator-wrapper .creditstate .new-calculator-slider-box { margin-top: 15px; } } .fancy-close.new-close { background-image: url("/assets/img/icons/i-popup-close.svg") !important; width: 14px !important; height: 14px !important; opacity: 1; transition: all 0.5s 0s; } .fancy-close.new-close:hover { opacity: 0.6; } .user-data-actualization { padding: 40px 15px; max-width: 400px; margin: 0 auto; } .user-data-actualization .data-block { margin-bottom: 40px; } .user-data-actualization h4 { font-weight: 500; font-size: 16px; line-height: 150%; margin-bottom: 15px; color: #333; } .user-data-actualization .row:not(:last-child) { margin-bottom: 20px; } .user-data-actualization .row .row-label, .user-data-actualization .row label { font-weight: normal; font-size: 14px; line-height: 20px; margin-bottom: 4px; color: #4F4F4F; float: none !important; height: auto !important; padding-left: 0 !important; } .user-data-actualization .row .row-label span, .user-data-actualization .row label span { font-weight: normal !important; font-size: 14px !important; line-height: 20px !important; color: #4F4F4F !important; text-align: left !important; position: relative !important; right: auto !important; top: auto !important; transform: translateY(0) !important; padding: 0 !important; } .user-data-actualization .row-control, .user-data-actualization .input-box { position: relative; } .user-data-actualization .row-control input, .user-data-actualization .input-box input { width: 100%; padding: 5px 30px 5px 12px; background: #fff; border: 1px solid #828282; font-weight: normal; font-size: 14px; line-height: 20px; color: #828282; border-radius: 0; } .user-data-actualization .row-control .jq-selectbox, .user-data-actualization .input-box .jq-selectbox { background: #fff; border: 1px solid #828282; z-index: unset !important; } .user-data-actualization .row-control .jq-selectbox .jq-selectbox__search, .user-data-actualization .input-box .jq-selectbox .jq-selectbox__search { margin-top: unset; } .user-data-actualization .row-control .jq-selectbox__select-text, .user-data-actualization .input-box .jq-selectbox__select-text { font-weight: normal; font-size: 14px; line-height: 20px; color: #828282; padding: 10px 10px 10px 12px; } .user-data-actualization .row-control .jq-selectbox .jq-selectbox__dropdown, .user-data-actualization .input-box .jq-selectbox .jq-selectbox__dropdown { left: -1px !important; width: calc(100% + 2px); border: 1px solid #828282; box-sizing: border-box; } @media (max-height: 740px) { .user-data-actualization .row-control .jq-selectbox .jq-selectbox__dropdown, .user-data-actualization .input-box .jq-selectbox .jq-selectbox__dropdown { bottom: unset !important; } } .user-data-actualization .row-control .jq-selectbox .jq-selectbox__dropdown li, .user-data-actualization .input-box .jq-selectbox .jq-selectbox__dropdown li { font-weight: normal; font-size: 14px; line-height: 20px; color: #828282; padding: 5px 10px 5px 12px; border: none; } .user-data-actualization .row-control .jq-selectbox .jq-selectbox__dropdown li.selected, .user-data-actualization .input-box .jq-selectbox .jq-selectbox__dropdown li.selected { background-color: #f7f7f7; } .user-data-actualization .row-control .jq-selectbox .jq-selectbox__trigger-arrow, .user-data-actualization .input-box .jq-selectbox .jq-selectbox__trigger-arrow { display: flex; align-items: center; justify-content: center; } .user-data-actualization .row-control .jq-selectbox .jq-selectbox__trigger-arrow:after, .user-data-actualization .input-box .jq-selectbox .jq-selectbox__trigger-arrow:after { content: ""; width: 0; height: 0; transform: translateY(2px); border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid transparent; border-top: 7px solid #828282; } .user-data-actualization .row-control .ui-datepicker-trigger, .user-data-actualization .input-box .ui-datepicker-trigger { position: absolute; right: 12px !important; top: 50% !important; transform: translateY(-50%) !important; } .user-data-actualization .styled-checkbox input:checked + input + label .checkbox:after { opacity: 1; } .user-data-actualization .styled-checkbox label:hover { cursor: pointer; } .user-data-actualization .button-block .btn-new { width: 100%; } .user-data-actualization .validation-summary-errors { margin-bottom: 15px; } .user-data-actualization .validation-summary-errors ul li { font-weight: normal; font-size: 13px; line-height: 20px; color: #eb5757; } .user-data-actualization.new-style-group .input-group { z-index: unset !important; } .user-data-actualization.new-style-group .input-group:last-child { margin-bottom: 20px; } .user-data-actualization.secondary { margin: 0 0 30px; padding: 0; max-width: 356px; } .user-data-actualization.secondary .row { border-bottom: 1px solid #e2e2e2; } .user-data-actualization.secondary .row label, .user-data-actualization.secondary .row span { display: inline-block; width: 100%; font-size: 14px; line-height: 20px; margin-bottom: 8px; } .user-data-actualization.secondary .row label { font-weight: 500; } .user-data-actualization.secondary .row span { font-weight: 600; } .user-data-actualization .head-line-fake-checkbox { font-weight: 400; font-size: 22px; line-height: 26px; } .l-form-registration.edit-form div + .user-data-actualization { max-width: none; padding: 0; } .user-data-actualization-separate { padding: 40px 15px; max-width: 400px; margin: 0 auto; } .user-data-actualization-separate h1 { font-weight: 600; font-size: 24px; line-height: 150%; color: #333; text-align: center; } .user-data-actualization-separate .headline { margin: 30px auto; font-weight: normal; font-size: 14px; line-height: 20px; color: #333; max-width: 288px; } .user-data-actualization-separate .new-style-group { max-width: 288px; margin: 0 auto; } .user-data-actualization-separate .new-style-group .input-group { margin: 0 0 20px 0; } .user-data-actualization-separate .new-style-group .input-group .input-box { position: relative; } .user-data-actualization-separate .new-style-group .input-group .input-box input { width: 100%; } .user-data-actualization-separate .styled-checkbox { display: flex; margin: 60px 0 25px; } .user-data-actualization-separate .styled-checkbox p { margin-left: 10px; font-weight: 500; font-size: 16px; line-height: 150%; } .user-data-actualization-separate .new-style-group .jq-selectbox { z-index: 9 !important; } .user-data-actualization-separate .change-address-container { width: 100%; margin: 60px auto 0; max-width: 288px; } .user-data-actualization-separate .change-address-container .top { display: flex; justify-content: space-between; font-weight: 500; font-size: 14px; line-height: 20px; color: #828282; margin-bottom: 10px; } .user-data-actualization-separate .change-address-container .top .styled-link { font-size: 16px; cursor: pointer; } .user-data-actualization-separate .change-address-container .changed-address { font-size: 16px; line-height: 150%; color: #333; } .user-data-actualization-separate .change-address-container .change-address-inputs { margin-bottom: 60px; } .user-data-actualization-separate .change-address-container .change-address-inputs .input-group { margin: 0 0 30px 0; } .user-data-actualization-separate .buttons-container { display: flex; flex-direction: column; align-items: center; max-width: 288px; margin: 40px auto 0; } .user-data-actualization-separate .buttons-container .btn-new { width: 100%; margin-bottom: 25px; } .user-data-actualization-separate .buttons-container .styled-link { font-size: 16px; line-height: 150%; margin-top: 0; } .notification-head .title-main { font-weight: 600; font-size: 18px; line-height: 22px; color: #333; padding-left: 14px; margin-bottom: 34px; display: block; } .notification-head .title-main:after, .notification-head .title-main:before { content: ""; display: block; position: absolute; left: -5px; top: 10px; } .notification-head .title-main:before { height: 2px; background-color: #000; width: 20px; } .notification-head .title-main:after { width: 10px; height: 10px; border-left: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(45deg); top: 6px; } @media all and (max-width: 991px) { .notification-head .title-main { background: #FAF9F9; width: calc(100% + 30px); margin-left: -15px; margin-bottom: 11px; padding: 9px 0 9px 41px; font-weight: normal; font-size: 14px; line-height: 17px; } .notification-head .title-main:after, .notification-head .title-main:before { left: 12px; top: 16px; } .notification-head .title-main:before { height: 1px; background-color: #000; width: 18px; } .notification-head .title-main:after { top: 12px; width: 8px; height: 8px; border-left: 1px solid #000; border-bottom: 1px solid #000; } } .notification-head .email-content { position: relative; margin-bottom: 20px; } .notification-head .email-content__title { font-weight: bold; font-size: 14px; line-height: 20px; margin-bottom: 10px; } .notification-head .email-content__date { font-weight: 600; position: absolute; top: 0; right: 13px; font-size: 12px; } body { background: #fff none repeat scroll 0 0 !important; } .notification-container { font-weight: 300; font-size: 12px; line-height: 16px; margin-bottom: 34px; } @media all and (min-width: 620px) { .notification-container { overflow: auto; } } .custom-scrollbar { padding-right: 16px; scrollbar-color: #915fff #e0e0e0; } .custom-scrollbar::-webkit-scrollbar { width: 8px; background-color: #cccccc; z-index: 10; } .custom-scrollbar::-webkit-scrollbar:horizontal { height: 4px; } .custom-scrollbar::-webkit-scrollbar-track { border: 1px #e0e0e0 solid; border-radius: 10px; -webkit-box-shadow: 0 0 6px #e0e0e0 inset; } .custom-scrollbar::-webkit-scrollbar-thumb { background-color: #915fff; border: 0 none #915fff; border-radius: 0; } .custom-scrollbar::-webkit-scrollbar-thumb:hover { background-color: #6e36ea; border: 1px solid #6e36ea; } .custom-scrollbar::-webkit-scrollbar-thumb:active { background-color: #915fff; border: 1px solid #333333; } .custom-scrollbar.secondary { padding-right: 10px; } .custom-scrollbar.secondary::-webkit-scrollbar { width: 8px; background-color: transparent; border-right: 4px solid #f2f2f2; } .custom-scrollbar.secondary::-webkit-scrollbar-thumb { background-color: transparent; border: none; border-right: 4px solid #915fff; } .custom-scrollbar.secondary::-webkit-scrollbar-thumb:active, .custom-scrollbar.secondary::-webkit-scrollbar-thumb:hover { background-color: #915fff; } .custom-scrollbar.secondary::-webkit-scrollbar-track { background-color: transparent; border: none; border-right: 4px solid #F2F2F2; -webkit-box-shadow: none; border-radius: 0; } .custom-scrollbar.secondary:hover::-webkit-scrollbar { width: 8px; background-color: #f2f2f2; } .custom-scrollbar.secondary:hover::-webkit-scrollbar-thumb { background-color: #915fff; } .custom-scrollbar.secondary:hover::-webkit-scrollbar-track { background-color: #F2F2F2; } .reverse-camera-view { -webkit-transform: scale(-1, 1) !important; transform: scale(-1, 1) !important; } .camera-block { display: none; position: fixed; width: 100%; right: 0; bottom: 53px; z-index: 99999; background-color: #000000; } .camera-block .camera-nav-buttons { display: none; position: absolute; width: 100%; } .camera-block .camera-nav-buttons .btn-shoot { all: initial; background-image: url("/assets/img/pages/finmon/shot-camera-ic.svg"); background-color: #ffffff; cursor: pointer; background-size: 100%; width: 119px; height: 118px; border-radius: 100%; background-repeat: no-repeat; position: absolute; z-index: 500; right: 0; top: 167px; } .camera-block .camera-nav-buttons .btn-flip { all: initial; display: none; background-image: url("/assets/img/pages/finmon/flip_camera.svg"); cursor: pointer; background-size: 100%; width: 70px; height: 70px; border-radius: 100%; background-repeat: no-repeat; position: absolute; z-index: 500; right: 25px; top: 37px; } .camera-block .video-wrapper { width: 100%; height: 100%; } .camera-block .canvas-file { display: none; } .camera-block__mask-image { position: absolute; z-index: 400; width: 100%; height: auto; } .camera-block__mask-image.mobile-mask { display: none; position: absolute; z-index: 5; right: 0; left: 0; top: 0; bottom: 0; background-image: url("/assets/img/pages/finmon/375x559.png"); background-repeat: no-repeat; background-size: 100% 100%; } .camera-block__video { background-color: black; width: 700px; height: 470px; } @media all and (max-width: 768px) { .camera-block * { transition: 0.2s; } .camera-block .camera-block__video { width: 500px; height: 335px; } .camera-block .camera-nav-buttons .btn-shoot { top: 119px; width: 85px; height: 84px; } .camera-block .camera-nav-buttons .btn-flip { right: 10px; top: 25px; width: 55px; height: 55px; background-color: #000000; } } @media all and (max-width: 580px) and (min-height: 380px) { .camera-block { position: fixed; left: 0; right: 0; bottom: 0; top: 0; width: auto; max-height: none; height: 100% !important; background-color: #000000; } .camera-block__mask-image { display: none; } .camera-block__mask-image.mobile-mask { display: block; height: 100%; } .camera-block .camera-nav-buttons { height: 100%; } .camera-block .camera-nav-buttons .btn-shoot { top: auto; bottom: 20px; right: 0; left: 0; margin: 0 auto; } .camera-block .camera-nav-buttons .btn-flip { top: auto; bottom: 33px; right: 35px; } .camera-block .camera-block__video { width: 100% !important; height: auto; max-height: 520px; } .camera-block img#photo { width: 100%; height: auto; position: relative; z-index: 99999; border: none; background: transparent; opacity: 0; transition: 0.3s; } } @media all and (max-width: 376px) { .camera-block .camera-nav-buttons .btn-shoot { border: 1px solid rgba(0, 0, 0, 0.6); width: 55px; height: 55px; top: auto; bottom: 30px; } .camera-block .camera-nav-buttons .btn-flip { border: 1px solid rgba(0, 0, 0, 0.6); top: auto; bottom: 40px; width: 40px; height: 40px; } } @media (min-width: 580px) { .camera-block { left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.6); justify-content: center; align-items: center; } .camera-block .camera-wrapper { position: relative; z-index: 111; background-color: #000000; height: auto; max-width: 700px; max-height: 470px; } } @media (max-height: 830px) and (max-height: 400px) { .camera-block .camera-nav-buttons, .camera-block .mobile-mask, .camera-block__video { width: 490px; height: 329px; } .camera-block .camera-nav-buttons .btn-flip { width: 55px; height: 55px; right: 9px; top: 33px; } .camera-block .camera-nav-buttons .btn-shoot { width: 75px; height: 75px; top: 125px; } } @media all and (max-height: 370px) and (max-width: 570px) { .camera-block { bottom: 0; top: 0; justify-content: center; } .camera-block__mask-image { display: none; } .camera-block .mobile-mask { display: block; background-image: url("/assets/img/pages/finmon/desktop-camera-mask.svg"); right: auto; left: auto; } .camera-block .camera-nav-buttons, .camera-block .mobile-mask, .camera-block__video { width: 420px !important; height: 280px !important; } .camera-block .camera-nav-buttons .btn-flip { width: 45px; height: 45px; } .camera-block .camera-nav-buttons .btn-shoot { width: 65px; height: 65px; } } @media (max-width: 375px) and (max-height: 850px) { .camera-block__mask-image.mobile-mask { background-image: url("/assets/img/pages/finmon/375x559.png"); } } @media (max-width: 360px) and (max-height: 850px) { .camera-block__mask-image.mobile-mask { background-image: url("/assets/img/pages/finmon/360x536.png"); } } @media (max-width: 320px) and (max-height: 569px) { .camera-block__mask-image.mobile-mask { background-image: url("/assets/img/pages/finmon/320x568.png"); } } @media (max-width: 320px) and (max-height: 535px) { .camera-block__mask-image.mobile-mask { background-image: url("/assets/img/pages/finmon/320x536.png"); } } .new-base-popup { padding-bottom: 0; padding-top: 0; } .new-base-popup .fancybox-skin { padding: 16px !important; } .new-base-popup__headline { font-weight: 600; font-size: 20px !important; line-height: 32px !important; margin: 16px 0 !important; } .new-base-popup__description { text-align: center; font-size: 14px; line-height: 20px; margin-bottom: 16px; } .new-base-popup__description--bold { font-weight: 600; } .new-base-popup hr { border: 1px solid #E2E2E2; margin: 32px 0 24px; } .new-base-popup-wrapper .fancybox-skin { padding: 32px 34px !important; } @media (min-width: 768px) { .new-base-popup .fancybox-skin { padding: 32px !important; } .new-base-popup_headline { margin: 16px 0 24px !important; } .new-base-popup__description { font-size: 16px; line-height: 24px; margin-bottom: 24px; } } .unified-verify-window .btn-new { padding: 10px 40px; } .unified-verify-window .input-group, .unified-verify-window .captcha-group { position: relative; } .unified-verify-window #emailOrInn-validation, .unified-verify-window #captcha-validation { font-size: 12px; position: absolute; margin-bottom: 0px; bottom: -25px; color: #ff5757; } .unified-verify-window #captcha-validation { bottom: -10px; } .card-statement-popup { min-width: 230px; } .card-statement-popup-wrapper.dialog-window { width: 288px !important; } .card-statement-popup .new-base-popup_description { font-weight: 500; font-size: 16px; line-height: 150%; margin-bottom: 10px; } .card-statement-popup .new-base-popup__headline { margin: 16px 0 24px !important; } .card-statement-popup .input-group .input-box { position: relative; } .card-statement-popup .input-group .input-box input { width: 100%; } .card-statement-popup .input-group .input-box .ui-datepicker-trigger { position: absolute; top: 50%; pointer-events: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .card-statement-popup .input-group.error .input-box input { border: 1px solid #ff5757; } .card-statement-popup .input-group.error .error-message { font-size: 13px; line-height: 16px; color: #F68997; margin-top: 5px; display: block; } .card-statement-popup button { width: 100%; max-width: 100%; margin-top: 15px; } .card-statement-popup .bnt-close-card-statement-popup { font-weight: 500; font-size: 16px; line-height: 150%; text-align: center; margin-top: 20px; color: #915FFF; cursor: pointer; } #PopUpIE_overlay { position: fixed; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; z-index: 999; display: none; } .PopUpIE_show { display: block !important; width: 365px; height: auto; background: #fff; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9999; padding: 30px; } .browser-check-popup p { margin: 0 !important; } .browser-check-popup .bold-txt { font-weight: 600; font-size: 20px; line-height: 32px; text-align: center; margin-bottom: 25px !important; } .browser-check-popup .browsers-flex { display: flex; justify-content: space-between; margin: 25px 0 25px; } .browser-check-popup .browsers-flex a { font-size: 14px; line-height: 20px; display: block; width: 100%; max-width: 64px; text-align: center; } .browser-check-popup .browsers-flex a img { display: block; margin: 0 auto 10px; } .browser-check-popup .CloseIconBrowserCheckPopup { background-image: url("/assets/img/icons/fancy-close.svg"); background-position: center; background-repeat: no-repeat; cursor: pointer; height: 16px; position: absolute; right: 15px; top: 15px; width: 16px; } .change-number-popup { text-align: center; padding-top: 30px; } .change-number-popup h3 { padding: 0 20px; } .change-number-popup .timerWrap { height: 40px; } .change-number-popup .timerWrap .big-green { vertical-align: middle; } .change-number-popup .green-a { float: none; margin-bottom: 20px; text-align: center; display: block; } .change-number-popup .green-label { color: #73bc18; font-weight: bold; font-size: 18px; margin-bottom: 20px; } .change-number-popup .sucess-label p { color: black; font-size: 14px; } .change-number-popup .secretQuestion p { color: black; margin-bottom: 30px; font-weight: bold; } .change-number-popup .input-box.error .icon-x { color: #ff5757; } .change-number-popup .input-box.correct .icon-check { color: #73bc18; } .change-number-popup input::placeholder { font-size: 16px; color: #333; } .fancybox-wrap:not(.fancybox-opened) .fancybox-inner { overflow: hidden !important; } .auth-control { display: flex; align-items: stretch; } .auth-control .styled-button { width: auto; min-width: 120px; } .auth-control .hidden-mobile:not(:last-of-type) { margin-right: 10px; } .auth-control.is-vietnam .login-link, .auth-control.is-vietnam .logout-link { display: none; } @media all and (max-width: 767px) { .auth-control.is-vietnam .hidden-mobile-state { display: none; } } @media all and (max-width: 767px) { .auth-control.is-vietnam .hidden-mobile { min-width: 80px; height: 30px; min-height: auto; padding-left: 10px; padding-right: 10px; font-weight: 400; font-size: 10px; line-height: 1.4; } } @media all and (max-width: 767px) { .auth-control.is-vietnam .hidden-mobile span { font-weight: 400; font-size: 10px; line-height: 1.4; } } @media all and (max-width: 767px) { .auth-control.is-vietnam .btn-login, .auth-control.is-vietnam .btn-logout { min-width: 80px; height: 30px; min-height: auto; padding-left: 10px; padding-right: 10px; font-weight: 400; font-size: 10px; line-height: 1.4; } } @media all and (max-width: 767px) { .auth-control.is-vietnam .btn-login span, .auth-control.is-vietnam .btn-logout span { font-weight: 400; font-size: 10px; line-height: 1.4; } } @media all and (max-width: 767px) { .auth-control:not(.is-vietnam) .hidden-mobile { display: none; } } .auth-control:not(.is-vietnam) .login-link, .auth-control:not(.is-vietnam) .logout-link { display: none; } @media all and (max-width: 767px) { .auth-control:not(.is-vietnam) .login-link, .auth-control:not(.is-vietnam) .logout-link { display: block; } } .auth-control .your-cabinet { height: auto; margin: auto 20px auto 0; font-weight: 500; font-size: 14px; line-height: 150%; color: #915fff; } .auth-control .your-cabinet:hover { color: #6E36EA; } .auth-control .your-cabinet:lang(vi) { font-size: 14px; } @media all and (max-width: 767px) { .auth-control .your-cabinet { display: none; } } .m-switch { margin-right: 20px; } .m-switch form { display: flex; flex-direction: column; align-items: stretch; justify-content: center; } .m-switch input { display: none; } .m-switch label { position: relative; display: inline-flex; width: 100%; } .m-switch label:before, .m-switch label:after { display: block; position: absolute; width: 0; height: 1px; background-color: #915fff; content: ""; transition: all 0.5s 0s; } .m-switch label:before { top: 0; left: 0; } .m-switch label:after { bottom: 0; right: 0; } .m-switch label a, .m-switch label span { display: block; width: 38px; height: 20px; text-align: center; font-weight: normal; font-size: 12px; line-height: 20px; color: #333; text-transform: lowercase; position: relative; z-index: 1; } .m-switch label a:before, .m-switch label a:after, .m-switch label span:before, .m-switch label span:after { display: block; position: absolute; width: 1px; height: 0; background-color: #915fff; content: ""; transition: all 0.5s 0s; } .m-switch label a:before, .m-switch label span:before { top: 0; left: 0; } .m-switch label a:after, .m-switch label span:after { bottom: 0; right: 0; } .m-switch label:hover:before, .m-switch label:hover:after, .m-switch label.selected:before, .m-switch label.selected:after { width: 100%; } .m-switch label:hover a:before, .m-switch label:hover a:after, .m-switch label:hover span:before, .m-switch label:hover span:after, .m-switch label.selected a:before, .m-switch label.selected a:after, .m-switch label.selected span:before, .m-switch label.selected span:after { height: 100%; } .main-menu-mobile { display: flex; flex-direction: column; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding-top: 74px; padding-bottom: 0; background-color: #4D299C; transform: translateY(-100%); visibility: hidden; opacity: 0; z-index: -99999; transition: all 0.5s 0s; } @media all and (max-width: 767px) { .main-menu-mobile { padding-top: 44px; } } .main-menu-mobile.mmm-open { transform: translateY(0); visibility: visible; opacity: 1; z-index: 99998; } .main-menu-mobile .heading { display: flex; flex-wrap: wrap; align-items: center; flex: none; padding: 10px 10px 15px; background-color: #9869ff; box-shadow: 5px 4px 20px rgba(0, 0, 0, 0.3); z-index: 9; } .main-menu-mobile .heading.sm { flex-wrap: nowrap; justify-content: space-between; } .main-menu-mobile .heading.sm .m-switch { margin-bottom: 0; width: auto; } .main-menu-mobile .inner { height: 100%; overflow-y: auto; overflow-x: hidden; } .main-menu-mobile .m-switch { width: 100%; margin-bottom: 10px; } .main-menu-mobile .m-switch label { width: 43px; } .main-menu-mobile .m-switch label:before, .main-menu-mobile .m-switch label:after { width: 100%; background-color: #fff; } .main-menu-mobile .m-switch label span, .main-menu-mobile .m-switch label a { width: 100%; text-align: center; color: #fff; } .main-menu-mobile .m-switch label span:before, .main-menu-mobile .m-switch label span:after, .main-menu-mobile .m-switch label a:before, .main-menu-mobile .m-switch label a:after { height: 100%; background-color: #fff; } .main-menu-mobile .m-switch label.selected { display: none; } .main-menu-mobile .phone-link span { color: #fff; } .main-menu-mobile .phone-link svg path { stroke: #fff; } .main-menu-mobile .styled-button { width: auto; min-width: 140px; margin: 0 0 0 auto; border-color: #fff; } .main-menu-mobile .styled-button span { color: #fff; } .main-menu-list { display: flex; flex-direction: column; min-height: 100%; margin: 0; } .main-menu-list.expanded > li > a .link-icon, .main-menu-list.expanded > li > div .link-icon { width: 24px; } .main-menu-list.expanded > li > a .link-icon svg, .main-menu-list.expanded > li > a .link-icon img, .main-menu-list.expanded > li > div .link-icon svg, .main-menu-list.expanded > li > div .link-icon img { max-width: 24px; max-height: 24px; } .main-menu-list.expanded .with-submenu.open > div:after { transform: translateY(-3px) rotate(135deg); } .main-menu-list.expanded .with-submenu.open .submenu { overflow: visible; max-height: max-content; } .main-menu-list.expanded .link-description { visibility: hidden; opacity: 0; max-height: 0; overflow: hidden; display: none; } .main-menu-list > li { display: flex; flex-direction: column; position: relative; height: 100%; flex: 1 1 100%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); justify-content: center; } .main-menu-list > li:nth-last-child(n) { background-color: #4d299c; z-index: 1; } .main-menu-list > li.with-submenu.open .submenu { margin-bottom: 5px; } .main-menu-list > li.with-submenu > div { position: relative; } .main-menu-list > li.with-submenu > div:after { display: block; content: ""; position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; background-color: transparent; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: translateY(-6px) rotate(-45deg); } .main-menu-list > li > a, .main-menu-list > li > div { display: flex; align-items: center; width: 100%; height: 100%; box-sizing: border-box; padding: 20px 50px 20px 30px; min-height: 88px; } @media (max-width: 360px) { .main-menu-list > li > a, .main-menu-list > li > div { padding: 16px 40px 16px 26px; } } .main-menu-list .link-icon { display: flex; width: 46px; flex: none; justify-content: center; margin-right: 20px; } .main-menu-list .link-icon svg { max-width: 46px; max-height: 46px; } .main-menu-list .link-label { display: flex; flex-direction: column; justify-content: center; width: 100%; } .main-menu-list .link-title, .main-menu-list .link-description { color: #fff; } .main-menu-list .link-title { font-weight: 600; font-size: 14px; line-height: 17px; } .main-menu-list .link-description { margin-top: 5px; font-weight: normal; font-size: 10px; line-height: 12px; opacity: 0.5; visibility: visible; max-height: 60px; } .main-menu-list .submenu { padding-left: 75px; max-height: 0; overflow: hidden; } .main-menu-list .submenu li { margin-bottom: 10px; } .main-menu-list .submenu li a { display: inline-block; position: relative; font-weight: normal; font-size: 14px; line-height: 28px; color: #fff; } .main-menu-list .submenu li a:after { display: block; width: 0; height: 1px; content: ""; background-color: #fff; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); } .main-menu-list .submenu li a.active:after { width: 100%; } .main-menu-list .submenu li:last-child { margin-bottom: 15px; } .main-menu-list .submenu li.hidden { display: none !important; } .main-menu { padding: 0; } @media all and (max-width: 1199px) { .main-menu { display: none; } } .main-menu ul { position: relative; display: flex; padding-top: 2px; list-style: none; margin: 0; } .main-menu li.menu_t_line, .main-menu li.menu_b_line { display: none; } .main-menu li.menu_b_line, .main-menu li.menu_t_line { background: #71b023; display: block; height: 2px; left: 0; opacity: 0; pointer-events: none; position: absolute; transition: all 0.35s ease; } .main-menu li.menu_t_line { top: 0; } .main-menu li.menu_b_line { top: calc(100% + 1px); } .main-menu li.menu_item-current > a, .main-menu li.menu_item-current > span { color: #71b023; transition: all 0.35s ease; } .main-menu a, .main-menu span { display: inline-block; padding: 0 8px; font-weight: normal; font-size: 13px; line-height: 17px; color: #333; position: relative; z-index: 1; cursor: pointer; } .main-menu .with-submenu { position: relative; } .main-menu .with-submenu:after { content: ""; display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; padding: 30px; background-color: #fff; } .main-menu .with-submenu .scrollbar-box::-webkit-scrollbar { width: 6px; } .main-menu .with-submenu .scrollbar-box::-webkit-scrollbar-thumb { border-radius: 0; } .main-menu .with-submenu:hover .with-submenu--list, .main-menu .with-submenu:hover:after { display: block; } .main-menu .with-submenu--list { position: absolute; width: max-content; max-height: 300px; margin-top: 8px; padding-block: 8px; background: #fff; box-shadow: 0px 5px 10px rgba(0, 0, 0, .5); display: none; } .main-menu .with-submenu--list ul { display: grid; } .main-menu .with-submenu--list ul li { padding-block: 8px; } .main-menu .with-submenu--list a:hover { color: #71b023; transition: all 0.35s ease; } @media (min-width: 768px) and (max-width: 1200px) { .l-header .inner_right .phone-link, .l-header .inner_right .m-switch { display: none; } .main-menu-mobile .heading { justify-content: space-between; padding: 24px 16px 16px; } .main-menu-mobile .heading .m-switch { margin: 0; width: inherit; } .main-menu-mobile .heading .styled-button { display: none; } } .l-main { margin-top: 74px; } @media all and (max-width: 767px) { .l-main { margin-top: 44px; } } .l-body.without-scroll { overflow: hidden; } .l-page-help:before, .l-page-help:after { content: ""; display: table; } .l-page-help:after { clear: both; } .l-page-help .container .col-9, .l-page-help .container > .col-3 { padding: 0 15px; } .l-page-help .list-wrapper { background-color: #F1F7FB; padding: 20px 15px; } .l-page-help .list-wrapper h2 { color: #333; font-weight: 600; font-size: 28px; line-height: 1; padding: 0 0 15px 0; } .l-page-help .list-wrapper .faq-list li { padding-bottom: 16px; padding-left: 20px; padding-top: 16px; position: relative; } .l-page-help .list-wrapper .faq-list li:hover a { border-bottom: 2px solid #629122; color: #629122; } .l-page-help .list-wrapper .faq-list li a { border-bottom: 2px solid transparent; color: #8dce00; font-weight: 600; font-size: 22px; line-height: 1.18182; } .l-page-help .faq-ansver { float: left; margin-left: 16.66667%; padding: 0 15px; width: 66.66667%; } .l-page-help .faq-ansver:before, .l-page-help .faq-ansver:after { content: ""; display: table; } .l-page-help .faq-ansver:after { clear: both; } .l-page-help .faq-ansver .heading { padding: 0 12%; } .l-page-help .faq-ansver .heading:before, .l-page-help .faq-ansver .heading:after { content: ""; display: table; } .l-page-help .faq-ansver .heading:after { clear: both; } .l-page-help .faq-ansver .heading h2 { color: #333; font-weight: 600; font-size: 28px; line-height: 1.21429; text-align: center; } .l-page-help .faq-ansver .text { padding-top: 7px; } .l-page-help .faq-ansver .text p { color: #477191; font-weight: 300; font-size: 18px; line-height: 1.44444; padding: 7px 0; } .l-page-help .faq-ansver .btn-row { padding: 25px 0 15px; text-align: center; } .l-page-help .faq-details a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new) { color: #3dae2b !important; text-decoration-line: underline !important; text-decoration-color: #3dae2b !important; border-bottom: none !important; transition: 0.3s; } .l-page-help .faq-details a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):before, .l-page-help .faq-details a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):after { content: none !important; } .l-page-help .faq-details a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):hover { text-decoration-line: none !important; border-bottom: none !important; } .l-page-help .faq-details a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):active { color: #138900 !important; } .l-page-help article.article a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new) { color: #3dae2b !important; text-decoration-line: underline !important; text-decoration-color: #3dae2b !important; border-bottom: none !important; transition: 0.3s; } .l-page-help article.article a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):before, .l-page-help article.article a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):after { content: none !important; } .l-page-help article.article a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):hover { text-decoration-line: none !important; border-bottom: none !important; } .l-page-help article.article a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):active { color: #138900 !important; } .l-get-money .tabs-caption { -webkit-border-radius: 6px; background: #e3f0f7; border-radius: 6px; display: block; margin-left: auto; margin-right: auto; max-width: 945px; width: 100%; } .l-get-money .tabs-caption:after { clear: both; } .l-get-money .tabs-caption li { float: left; padding: 35px 0; text-align: center; width: 50%; } .l-get-money .tabs-caption h3 { border-bottom: 2px dashed #8eadc2; color: #8eadc2; display: inline; font-weight: 600; font-size: 28px; line-height: 1; text-transform: uppercase; } .l-get-money .tabs-caption.active { background: #333; border: 0 solid #8ac64d; border-radius: 0; } .l-get-money .tabs-caption.active h3 { border-bottom: 2px dashed transparent; color: #fff; } .l-get-money .tabs-content { padding-top: 60px; } .l-get-money .tabs-content:after { clear: both; } .l-get-money .tabs-content .container { margin-left: auto; margin-right: auto; max-width: 1170px; } .l-get-money .tabs-content .container:after { clear: both; } .l-get-money .tabs-content .col-4 { padding: 0 15px; } .l-get-money .tabs-content .col-4:last-child .move:before { display: none; } .l-get-money .tabs-content .img { height: 150px; line-height: 150px; } .l-get-money .tabs-content .img img { display: block; height: auto; margin: 0 auto; max-width: 100%; } .l-get-money .tabs-content span { color: #fff; display: block; font-weight: 600; font-size: 24px; line-height: 1.25; margin: 0 auto; max-width: 290px; padding-bottom: 25px; padding-top: 65px; text-align: center; } .l-get-money .tabs-content p { color: #828282; font-size: 18px; line-height: 1.44444; margin: 0 auto; max-width: 290px; text-align: center; } @media all and (max-width: 767px) { .l-get-money .tabs-caption li { float: none; padding: 25px 0; width: 100%; } .l-get-money .tabs-caption li h3 { font-size: 20px; } .l-get-money .tabs-content { padding-bottom: 50px; padding-top: 40px; } .l-get-money .tabs-content .container { padding: 0 15px; } .l-get-money .tabs-content .img { height: auto; } .l-get-money .tabs-content span { padding-top: 12px; } .l-get-money .tabs-content .col-6 + .col-6, .l-get-money .tabs-content .col-4 + .col-4, .l-get-money .tabs-content .col-3 ~ .col-3, .l-get-money .tabs-content .col-3 ~ .col-4, .l-get-money .tabs-content .col-3 ~ .col-6, .l-get-money .tabs-content .col-3 ~ .col-12 { padding-top: 45px; } } .l-get-money .paycredit-item a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new) { color: #3dae2b !important; text-decoration-line: underline !important; text-decoration-color: #3dae2b !important; border-bottom: none !important; transition: 0.3s; } .l-get-money .paycredit-item a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):before, .l-get-money .paycredit-item a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):after { content: none !important; } .l-get-money .paycredit-item a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):hover { text-decoration-line: none !important; border-bottom: none !important; } .l-get-money .paycredit-item a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):active { color: #138900 !important; } .privacy-notification-wrapper { border: 1px solid #3dae2b; background: #fff; z-index: 1000; position: fixed; left: 50%; bottom: 30px; width: calc(100% - 16px); max-width: 1200px; transform: translate(-50%); display: none; } .privacy-notification-wrapper--opened { display: inherit; } .privacy-notification { display: flex; flex-direction: column; padding: 16px 16px 20px 16px; max-width: 1024px; margin: auto; } .privacy-notification__message { margin-bottom: 16px; display: flex; font-weight: 500; font-size: 14px; line-height: 1.4; color: #333; transition: 0.5s linear; max-height: 500px; overflow: hidden; } .privacy-notification__message__message-inner { text-overflow: ellipsis; width: calc(100vw - 80px); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: inherit; overflow: hidden; } .privacy-notification__message--rolled-up { max-height: 36px; } .privacy-notification__message--rolled-up .privacy-notification__message__arrow { transform: rotate(0deg); } .privacy-notification__message--rolled-up .privacy-notification__message__message-inner { -webkit-line-clamp: 2; } .privacy-notification__message__arrow { color: #915fff; padding: 0 12px; cursor: pointer; transform: rotate(180deg); transition: 0.25s ease-out; height: 20px; } @media (min-width: 768px) { .privacy-notification { padding: 16px 24px; flex-direction: row; } .privacy-notification__message { margin: 0 56px 0 0; } .privacy-notification__message .privacy-notification__message__message-inner { -webkit-line-clamp: inherit; font-size: 12px; } .privacy-notification__message--rolled-up { max-height: inherit; } .privacy-notification__message__arrow { display: none; } } .confirmation-data-page { margin-bottom: 50px; } @media screen and (min-width: 768px) { .confirmation-data-page { margin-bottom: 50px; } } .confirmation-data-page .container { padding: 0 16px; width: 100%; } @media screen and (min-width: 768px) { .confirmation-data-page .container { padding: unset; } } .confirmation-data-page .container h1 { text-align: center; font-weight: 600; font-size: 16px; } @media screen and (min-width: 768px) { .confirmation-data-page .container h1 { font-size: 24px; } } .confirmation-data-page .container .global-user-info-block { width: 100%; margin: 30px auto 0; padding-bottom: 40px; border-bottom: 1px dashed #b5b5b5; } @media screen and (min-width: 768px) { .confirmation-data-page .container .global-user-info-block { margin: 40px auto 0; max-width: 355px; } } .confirmation-data-page .container .global-user-info-block h2 { font-weight: 500; font-size: 16px; text-align: center; } .confirmation-data-page .container .global-user-info-block .user-text-info { font-weight: 300; color: #828282; font-size: 14px; margin-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #E2E2E2; } .confirmation-data-page .container .global-user-info-block .user-text-info span { font-weight: 600; color: #333; display: block; margin-top: 5px; } .confirmation-data-page .container .global-user-info-block:last-child { border-bottom: unset; padding-bottom: 0; } .confirmation-data-page .container .global-user-info-block:last-child { margin-bottom: 0; } .confirmation-data-page .container .bankid-confirmations-btns { width: 100%; max-width: 355px; display: flex; flex-direction: column; margin: 30px auto 0; } .confirmation-data-page .container .bankid-confirmations-btns .btn-new { margin-bottom: 20px; } .mv-tabs.for-enotcoins { display: none; } @media all and (min-width: 768px) { .mv-tabs.for-enotcoins { display: flex; position: absolute; width: 100%; left: 0; bottom: 12px; z-index: 2; -webkit-transform: translateY(100%); transform: translateY(100%); } } .mv-tabs__tab { position: relative; display: flex; justify-content: flex-start; align-items: center; flex: 1 1 20%; padding: 8px 16px; margin: 0 6px; box-shadow: 0 0 14px rgba(0, 0, 0, 0.15); font-weight: 500; font-size: 16px; line-height: 20px; color: #333; transition: all 0.5s 0s; } .mv-tabs__tab:before, .mv-tabs__tab:after { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; content: ""; transition: all 0.5s 0s; } .mv-tabs__tab:before { background: #fff; opacity: 1; z-index: -2; } .mv-tabs__tab:after { background: linear-gradient(90deg, #915FFF 0%, #6E36EA 100%); opacity: 0; z-index: -1; } .mv-tabs__tab:hover, .mv-tabs__tab:active, .mv-tabs__tab:focus, .mv-tabs__tab.active { color: #fff; } .mv-tabs__tab:hover:after, .mv-tabs__tab:active:after, .mv-tabs__tab:focus:after, .mv-tabs__tab.active:after { opacity: 1; } .mv-tabs-content.for-enotcoins { position: relative; margin: 0 -15px; z-index: 2; box-shadow: 0 0 14px rgba(0, 0, 0, 0.15); } @media all and (min-width: 768px) { .mv-tabs-content.for-enotcoins { box-shadow: none; } } .mv-tabs-content.for-enotcoins .mv-tabs-content__item { display: block; } @media all and (min-width: 768px) { .mv-tabs-content.for-enotcoins .mv-tabs-content__item:not(.visible) { display: none; } } .mv-tabs-content.for-enotcoins .mv-tabs-content__item.visible .mv-tabs-content__item-inner { max-height: 3000px; } .mv-tabs-content.for-enotcoins .mv-tabs-content__item-inner { padding: 0 15px; max-height: 0; overflow: hidden; } @media all and (min-width: 768px) { .mv-tabs-content.for-enotcoins .mv-tabs-content__item-inner { max-height: none; overflow: auto; } } .mv-tabs-content__item { display: none; } .mv-tabs-content__item.visible { display: block; } .mv-tabs-content__item-heading { display: flex; align-items: center; position: relative; padding: 14px 16px 14px 48px; font-weight: 600; font-size: 16px; line-height: 24px; } @media all and (min-width: 768px) { .mv-tabs-content__item-heading { display: none; } } .mv-tabs-content__item-heading.active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .mv-tabs-content__item-heading img { position: absolute; top: 50%; left: 26px; margin-top: -1px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mv-tabs-content__item-heading:after { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; content: ""; background-image: url("/assets/img/chevron_down.svg"); margin: auto 0 auto auto; } .mv-tabs-content__heading { padding: 4px 0 24px; } .mv-tabs-content__heading.hide-on-mobile { display: none; } @media all and (min-width: 768px) { .mv-tabs-content__heading { padding-top: 25px; } .mv-tabs-content__heading.hide-on-mobile { display: block; } } .mv-tabs-content__heading h4 { font-weight: 600; color: #333; font-size: 16px; line-height: 150%; } @media all and (min-width: 768px) { .mv-tabs-content__heading h4 { font-size: 24px; line-height: 150%; } } .mv-tabs-content__body { padding: 0 0 20px 0; border-bottom: 1px solid #E2E2E2; margin-bottom: 10px; } .mv-tabs-content__body.without--title { margin-top: 16px; } @media all and (min-width: 768px) { .mv-tabs-content__body { border: none; padding: 0 0 0 16px; margin-bottom: 0; } .mv-tabs-content__body.without--title { margin-top: 0; } } .mv-tabs-content__divider { margin: 32px 0 24px; border-bottom: 1px solid #e2e2e2; } .mv-tabs-content__text { font-size: 14px; line-height: 20px; color: #4f4f4f; margin: 24px 0 32px; } .mv-tabs-content__link { display: inline-flex; align-items: center; font-weight: 500; font-size: 16px; line-height: 150%; } .mv-tabs-content__link img { margin-right: 14px; } .mv-tabs-content .styled-list { padding-right: 20px; } .enotcoins-description { margin-bottom: 20px; } .enotcoins-description__main { display: flex; align-items: flex-start; margin-bottom: 20px; } .enotcoins-description__icon { display: flex; flex: none; width: 60px; height: 60px; margin-right: 20px; } .enotcoins-description__icon img { display: inline-block; max-width: 100%; max-height: 100%; margin: auto; } .enotcoins-description__info { padding-top: 5px; } .enotcoins-description__info h6 { font-weight: 500; font-size: 16px; line-height: 150%; color: #333; } .enotcoins-description__info-value { display: flex; align-items: flex-end; font-weight: 600; font-size: 20px; line-height: 18px; color: #333; padding-top: 5px; } .enotcoins-description__info-value svg { margin-left: 6px; } .enotcoins-description__info p { font-weight: 500; font-size: 14px; line-height: 20px; color: #333; } .enotcoins-description__text { margin-top: 14px; margin-bottom: 32px; max-width: 535px; font-size: 14px; line-height: 20px; color: #4f4f4f; } .enotcoins-description__bonuses-link { display: inline-flex; align-items: center; font-weight: 500; font-size: 16px; line-height: 150%; } .enotcoins-description__bonuses-link.show-sm { display: inline-flex; margin-top: 25px; } @media all and (min-width: 768px) { .enotcoins-description__bonuses-link.show-sm { display: none; } } .enotcoins-description__bonuses-link.show-md { display: none; } @media all and (min-width: 768px) { .enotcoins-description__bonuses-link.show-md { display: inline-flex; } } .enotcoins-description__bonuses-link:after { display: inline-block; content: ""; width: 20px; height: 20px; background: url("/assets/img/chevron_right.svg") center no-repeat; margin-left: 10px; transform: translate(0, -1px); transition: all 0.5s 0s; } .enotcoins-description__bonuses-link:hover:after { transform: translate(4px, -1px); } .styled-list__title { font-size: 14px; line-height: 20px; color: #333; margin-bottom: 24px; } .styled-list__item { position: relative; margin-bottom: 12px; padding-left: 27px; font-size: 14px; line-height: 20px; } .styled-list__item:before { display: block; content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #915fff; position: absolute; left: 5px; top: 6px; } .styled-list__item-text { font-size: 14px; line-height: 17px; color: #4f4f4f; } .styled-list__item .light-gray { color: #828282; } .styled-list.todo-list .styled-list__item { text-decoration: line-through; } .styled-list.todo-list .styled-list__item:before { width: 20px; height: 20px; background: url("/assets/img/icons/todo-check.svg") center center no-repeat; top: 0; left: 0; } .styled-list.todo-list .styled-list__item.current { font-weight: 600; } .styled-list.todo-list .styled-list__item.current, .styled-list.todo-list .styled-list__item.current ~ li { text-decoration: none; } .styled-list.todo-list .styled-list__item.current:before, .styled-list.todo-list .styled-list__item.current ~ li:before { display: block; content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #915fff; position: absolute; left: 5px; top: 6px; } .payment-by-enotcoin-confirmation-popup.dialog-window { width: 288px !important; } .payment-by-enotcoin-confirmation-popup__wrapper { padding: 44px 0 16px; } .payment-by-enotcoin-confirmation-popup__wrapper h4, .payment-by-enotcoin-confirmation-popup__wrapper p { color: #333; margin-bottom: 20px; } .payment-by-enotcoin-confirmation-popup__wrapper h4 { font-weight: 600; font-size: 20px; line-height: 32px; text-align: center; } .payment-by-enotcoin-confirmation-popup__wrapper p { font-size: 16px; line-height: 150%; } .payment-by-enotcoin-confirmation-popup__wrapper .btn { margin: 0 !important; } .payment-by-credit-funds-confirmation-popup.dialog-window { width: 288px !important; } .payment-by-credit-funds-confirmation-popup__wrapper { padding: 44px 0 16px; } .payment-by-credit-funds-confirmation-popup__wrapper h4, .payment-by-credit-funds-confirmation-popup__wrapper p { color: #333; margin-bottom: 20px; } .payment-by-credit-funds-confirmation-popup__wrapper h4 { font-weight: 600; font-size: 20px; line-height: 32px; text-align: center; } .payment-by-credit-funds-confirmation-popup__wrapper p { font-size: 16px; line-height: 150%; } .payment-by-credit-funds-confirmation-popup__wrapper p.info-message { margin-bottom: 0; font-weight: 500; font-size: 12px; line-height: 18px; color: #828282; } .payment-by-credit-funds-confirmation-popup__wrapper .btn { margin: 0 0 16px 0 !important; } .new-ces-questions { padding: 16px; border: 1px solid rgba(221, 205, 255, 1); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.12); } @media screen and (min-width: 868px) { .new-ces-questions { max-width: 460px; padding: 16px 24px; } } .new-ces-questions__title { font-size: 15px; font-weight: 400; text-align: center; color: rgba(0, 0, 0, 1); } .new-ces-questions__operation { margin-top: 20px; } .new-ces-questions__operation-title { font-size: 15px; } .new-ces-questions__operation-comment { margin: 12px 0; } .new-ces-questions__operation-comment--field { width: 100%; height: 48px; border: 1px solid rgba(145, 95, 255, 1); resize: none; padding: 5px; font-size: 14px; } .new-ces-questions__operation-actions--btn.full-width { width: 100% !important; } .new-ces-questions__types { display: flex; flex-wrap: wrap; align-items: flex-start; margin-top: 10px; margin-left: -10px; margin-right: -10px; } .new-ces-questions__types-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-direction: column; font-size: 8px; font-weight: 400; padding: 0; border: none; box-shadow: none; line-height: 1.6; width: 20%; margin-top: 16px; padding-right: 10px; padding-left: 10px; word-break: break-word; } .new-ces-questions__types-btn.active:before { border-radius: 4px; border: 1px solid rgba(145, 95, 255, 1) } .new-ces-questions__types-btn:before { content: ""; display: block; width: 52px; height: 46px; padding: 2px; margin-bottom: 4px; background-repeat: no-repeat; background-size: 90% 90%; background-position: center; background-image: url("/assets/img/icons/faq/icon-q.svg"); } .new-ces-questions__types-btn:nth-child(1) { color: rgba(252, 76, 131, 1) !important; } .new-ces-questions__types-btn:nth-child(1):before { background-image: url("/assets/img/redesign-icons/ces-question/ces_questions_1_a.svg"); } .new-ces-questions__types-btn:nth-child(2) { color: rgba(224, 155, 18, 1) !important; } .new-ces-questions__types-btn:nth-child(2):before { background-image: url("/assets/img/redesign-icons/ces-question/ces_questions_2_a.svg"); } .new-ces-questions__types-btn:nth-child(3) { color: rgba(145, 95, 255, 1) !important; } .new-ces-questions__types-btn:nth-child(3):before { background-image: url("/assets/img/redesign-icons/ces-question/ces_questions_3_a.svg"); } .new-ces-questions__types-btn:nth-child(4) { color: rgba(28, 129, 214, 1) !important; } .new-ces-questions__types-btn:nth-child(4):before { background-image: url("/assets/img/redesign-icons/ces-question/ces_questions_4_a.svg"); } .new-ces-questions__types-btn:nth-child(5) { color: rgba(36, 164, 133, 1) !important; } .new-ces-questions__types-btn:nth-child(5):before { background-image: url("/assets/img/redesign-icons/ces-question/ces_questions_5_a.svg"); } .ces-questions { margin-bottom: 28px; padding-top: 20px; border-top: 1px solid #E2E2E2; } @media screen and (min-width: 1200px) { .ces-questions { max-width: 645px; } } .ces-questions:last-of-type { margin-bottom: 0; } .ces-questions__title { margin-bottom: 20px; font-weight: 600; font-size: 16px; line-height: 24px; } .ces-questions__actions { display: flex; } .ces-questions__actions-btn { position: relative; display: flex; align-items: center; justify-content: center; margin-right: 16px; font-weight: 400; } .ces-questions__actions-btn:last-of-type { margin-right: 0; } .ces-questions__actions-btn:before { content: ""; display: block; margin-right: 13px; width: 22px; height: 20px; background-repeat: no-repeat; } .ces-questions__actions-btn:first-of-type:before { background-image: url("/assets/img/redesign-icons/dislike-icon.svg"); } .ces-questions__actions-btn:last-of-type:before { background-image: url("/assets/img/redesign-icons/like-icon.svg"); } @media (min-width: 768px) { .ces-questions { margin-bottom: 48px; } .ces-questions__title { font-size: 24px; line-height: 36px; } } .new-payment-schedule { padding-top: 30px; } .new-payment-schedule.no-pt { padding-top: 0; } .new-payment-schedule--wrapper { margin-top: 20px; } .new-payment-schedule--title { font-style: normal; font-weight: 600; font-size: 16px; line-height: 1.5; } .new-payment-schedule--row { counter-increment: count; position: relative; padding-left: 35px; padding-bottom: 20px; } .new-payment-schedule--row:last-child::after { display: none; } .new-payment-schedule--row:before { content: counter(count); display: inline-block; width: 21px; height: 21px; border-radius: 50%; text-align: center; font-size: 12px; position: absolute; left: 0; z-index: 1; background-color: #fff; } .new-payment-schedule--row:after { content: ""; width: 1px; position: absolute; top: 0; bottom: 0; left: 10px; } .new-payment-schedule--row.is-done::before { content: ""; color: #fff; font-size: 10px; font-family: "moneyveo"; background-color: #3dae2b; border: 1px solid #3dae2b; } .new-payment-schedule--row.is-done::after { background-color: #3dae2b; } .new-payment-schedule--row.is-current::before { border: 1px solid #3dae2b; } .new-payment-schedule--row.is-current::after { background-color: #3dae2b; } .new-payment-schedule--row.is-pending::before { border: 1px solid #E2E2E2; background-color: #E2E2E2; } .new-payment-schedule--row.is-pending::after { background-color: #E2E2E2; } .new-payment-schedule--row .date { color: #4f4f4f; font-style: normal; font-weight: normal; font-size: 14px; line-height: 1.4; text-transform: lowercase; } .new-payment-schedule--row .value { font-style: normal; font-weight: 600; font-size: 14px; line-height: 1.4; color: #333; margin-top: 5px; } .new-payment-schedule--row .value span { display: inline-block; width: 100%; } .new-payment-schedule--item { display: flex; justify-content: space-between; } .new-payment-schedule--item div, .new-payment-schedule--item span { font-weight: normal; font-size: 12px; line-height: 16px; color: #4f4f4f; } .new-payment-schedule--item.bold { margin-top: 4px; } .new-payment-schedule--item.bold div, .new-payment-schedule--item.bold span { font-size: 14px; line-height: 20px; font-weight: 600; color: #333; } .new-payment-schedule--row:not(.other_payments) { counter-increment: count; } .new-payment-schedule--row.closed-payments { min-height: 63px; } .new-payment-schedule--row.closed-payments .new-payment-schedule--item { padding-top: 4px; } .new-payment-schedule--row.p-before::before { content: "Р"; color: #333; font-size: 10px; font-family: "Montserrat"; background-color: #fff; border: 1px solid #3dae2b; } .new-payment-schedule--row.is-next::before { border: 1px solid #e2e2e2; background-color: #e2e2e2; } .new-payment-schedule--row.is-next::after { background-color: #e2e2e2; } .new-payment-schedule--row.other_payments { min-height: 63px; counter-increment: none; } .new-payment-schedule--row.other_payments .styled-link { color: #915fff; font-size: 14px; line-height: 20px; } .new-payment-schedule--row.other_payments::before { content: "..."; border: 1px solid #e2e2e2; background-color: #e2e2e2; } .new-payment-schedule--row.other_payments::after { background-color: #e2e2e2; } .new-payment-schedule--row.is-last::before { border: 1px solid #e2e2e2; background-color: #e2e2e2; } .new-payment-schedule--row.is-last::after { display: none; } .new-payment-schedule--row.is-pending { transition: 0.3s; } .new-payment-schedule--row.is-pending.hide { height: 0; overflow: hidden; padding: 0; } .new-payment-schedule .payment_details { color: #915fff; font-weight: 500; font-size: 16px; line-height: 150%; width: fit-content; margin: 5px auto; cursor: pointer; padding-right: 25px; line-height: 150%; display: block; } .new-payment-schedule .payment_details::before { position: absolute; content: ""; width: 11px; height: 8px; background: url("/assets/img/icons/arr-down.svg") no-repeat; background-size: cover; right: 0; top: calc(50% - 5.5px); transition: 0.5s; } .new-payment-schedule .payment_details .hide_details { display: none; } .new-payment-schedule .payment_details.open::before { transform: rotateX(180deg); } .new-payment-schedule .payment_details.open .show_details { display: none; } .new-payment-schedule .payment_details.open .hide_details { display: block; } .new-payment-schedule .payment_details-close { display: none; margin: 0 auto; text-align: center; width: fit-content; } .mv-attention { width: 100%; max-width: 100%; color: #333; text-align: left; position: relative; padding: 16px 44px 16px 16px; display: none; } .mv-attention__title { font-weight: 500; font-size: 16px; line-height: 1.5; color: #333; margin-bottom: 8px; } .mv-attention p { color: #333; font-size: 14px !important; line-height: 20px !important; } .mv-attention ul { margin-top: 8px; } .mv-attention ul li { padding-left: 20px; position: relative; } .mv-attention ul li:before { position: absolute; top: 10px; left: 5px; content: ""; display: block; width: 2px; height: 2px; background-color: #333; border-radius: 50%; } .mv-attention:before { position: absolute; content: ""; width: 18px; height: 15px; right: 16px; top: 16px; } .mv-attention.size-sm:before { top: 8px; } .mv-attention.success { background: #F9FDF9; border: 1px solid #3DAE2B; display: block; } .mv-attention.success:before { background: url("/assets/img/redesign-icons/attention-green-triangle.svg"); background-size: cover; } .mv-attention.error { background: #FEF3F5; border: 1px solid #F2576A; display: block; } .mv-attention.error:before { background: url("/assets/img/redesign-icons/attention-red-triangle.svg"); background-size: cover; } .mv-attention.warning { background: #FFFCF7; border: 1px solid #FFA726; display: block; } .mv-attention.warning:before { background: url("/assets/img/redesign-icons/attention-orange-triangle.svg"); background-size: cover; } .mv-attention.primary { background: #F4EFFF; border: 1px solid #F4EFFF; color: #915FFF; display: block; padding: 16px 16px 16px 44px; } .mv-attention.primary:before { left: 12px; width: 20px; height: 20px; background: url("/assets/img/redesign-icons/attention-primary-triangle.svg"); background-size: cover; } .mv-attention.succesfully { background: #ECF7EA; border: 1px solid #ECF7EA; color: #3CAD2B; display: block; padding: 16px 16px 16px 44px; } .mv-attention.succesfully.size-sm { padding: 8px 8px 8px 36px; } .mv-attention.succesfully:before { left: 12px; width: 20px; height: 20px; background: url("/assets/img/redesign-icons/attention-primary-succesfully.svg"); background-size: cover; } .mv-attention.exclamation { background: #FEF4F5; border: 1px solid #FEF4F5; color: #FF526B; display: block; padding: 16px 16px 16px 44px; } .mv-attention.exclamation.size-sm { padding: 8px 8px 8px 36px; } .mv-attention.exclamation:before { left: 12px; width: 20px; height: 20px; background: url("/assets/img/redesign-icons/attention-exclamation.svg"); background-size: cover; } .mv-attention-container { padding: 2px 0; background: #F4EFFF; } .mv-attention-container .mv-attention { margin: 16px 0; padding-top: 0; padding-bottom: 0; } .mv-attention-container .mv-attention:before { top: 0; } .mv-new-attention { width: 100%; max-width: 100%; text-align: left; position: relative; padding: 12px; } .mv-new-attention__title { font-size: 18px; font-weight: 600; line-height: 1.5; margin-bottom: 8px; } .mv-new-attention__content { font-size: 13px; font-weight: 500; } .mv-new-attention.error { background-color: #FEF4F5; } .mv-new-attention.error .mv-new-attention__title { color: #D93843; } .mv-new-attention.error .mv-new-attention__content { color: #FF526B; } .credit-state-list-row { margin-bottom: 8px; } .credit-state-list-row__title { font-weight: normal; font-size: 14px; line-height: 20px; color: #828282; } .credit-state-list-row__value { font-weight: 600; font-size: 16px; line-height: 150%; color: #333; } .credit-state-list-row .schedule-payments-plan { font-weight: 600; } .credit-state-list-row.total { display: flex; justify-content: space-between; } .credit-state-list-row.total .credit-state-list-row__title { font-size: 16px; line-height: 150%; } .credit-state-list-row.total .credit-state-list-row__value { font-size: 16px; line-height: 150%; } .credit-state-list-divider { border-bottom: 1px dashed #828282; margin: 16px 0; } .product-description { min-width: 167px; } @media all and (min-width: 768px) { .product-description { min-width: auto; } } .product-description__section { display: flex; align-items: flex-end; } @media all and (min-width: 768px) { .product-description__section { flex-direction: column; align-items: flex-start; } } .product-description__section:not(:last-child) { margin-bottom: 4px; } @media all and (min-width: 768px) { .product-description__section:not(:last-child) { margin-bottom: 12px; } .product-description__section:not(:last-child).in-arrears { margin-bottom: 4px; } } .product-description__section--title, .product-description__section--value { display: inline-flex; align-items: flex-end; line-height: 16px; } .product-description__section--title { font-size: 12px; margin-right: 4px; color: #828282; } @media all and (min-width: 768px) { .product-description__section--title { margin-bottom: 4px; } } @media all and (max-width: 330px) { .product-description__section--title { font-size: 11.7px; } } .product-description__section--value b { font-weight: 600; font-size: 12px !important; line-height: 16px !important; color: #333; text-transform: lowercase; } .product-description__section--value b.currency { margin-left: 4px; } @media all and (min-width: 768px) { .product-description__section--value b { font-size: 14px !important; } } .product-description__section--value b.increased-size { font-size: 16px !important; line-height: 20px !important; } @media all and (min-width: 768px) { .product-description__section--value b.increased-size { font-size: 20px !important; } } .product-description__section--value b.increased-size span { font-size: 12px !important; line-height: 16px !important; } @media all and (min-width: 768px) { .product-description__section--value b.increased-size span { font-size: 14px !important; } } .product-description__section--value.text-danger b, .product-description__section--value.text-danger span { color: #f2576a; } .form-restructuring { margin-top: 32px; } .form-restructuring h5, .form-restructuring p { margin-bottom: 12px; } .form-restructuring h5 { font-weight: 500; font-size: 16px; line-height: 150%; color: #333; } .form-restructuring p { font-size: 14px; line-height: 20px; color: #4f4f4f; } .mv-status { position: relative; min-height: 310px; } @media all and (min-width: 768px) { .mv-status__wrapper { max-width: 356px; } } .mv-status__bg { position: relative; width: 100%; height: 300px; background-size: contain; background-position: center top; background-repeat: no-repeat; } @media all and (min-width: 768px) { .mv-status__bg { position: absolute; right: 0; top: 0; width: 380px; height: 344px; background-position: right top; } } @media all and (min-width: 1100px) { .mv-status__bg { width: 456px; height: 412px; } } .mv-status__title.mb-40, .mv-status__text.mb-40 { margin-bottom: 24px; } @media all and (min-width: 768px) { .mv-status__title.mb-40, .mv-status__text.mb-40 { margin-bottom: 40px; } } .mv-status__title, .mv-status__text > p { color: #333; } .mv-status__title { font-weight: 600; font-size: 20px; line-height: 32px; margin-bottom: 16px; } .mv-status__text > p { font-size: 16px; line-height: 150%; margin-bottom: 16px; } .mv-status__text.mb-30 { margin-bottom: 30px; } .mv-status .btn-new { display: inline-block; width: 100%; } .mv-status.timer .mv-status__bg { background-image: url("/assets/img/redesign/coon-in-circle/prolongation-success.png"); } .mv-status.success .mv-status__bg { background-image: url("/assets/img/redesign/coon-in-circle/loan-closed.png"); } .mv-status.error .mv-status__bg { background-image: url("/assets/img/redesign/coon-in-circle/manny-error.png"); } .conteroffer-container { width: 100%; } .conteroffer-container .btn-new.btn-pco, .conteroffer-container .btn-new.btn-nco { width: 100% !important; } .new-status .slider-invest { margin-bottom: 16px; } .new-status .slider-invest .description { margin-bottom: 10px; } .conteroffer-main-info { padding: 0 0 16px; font-weight: 400; font-size: 12px; line-height: 16px; color: #333; } .conteroffer-enotcoins-info { border-top: 1px dashed #F3F3F3; padding: 16px 0; text-align: center; font-size: 16px; line-height: 150%; color: #4f4f4f; } .conteroffer-agreement-info { font-weight: 400; font-size: 12px; line-height: 16px; color: #828282; } @media all and (min-width: 768px) { .conteroffer-container { max-width: 356px; margin-left: 60px; } } .mapp-banner { position: relative; padding-top: 23px; max-width: 1124px; margin: 0 auto; height: 140px; padding-left: 310px; padding-right: 315px; } .mapp-banner-bg, .mapp-banner-phone, .mapp-banner-qr { position: absolute; } .mapp-banner-bg { bottom: 0; left: 0; height: 140px; width: 100%; } .mapp-banner-bg-mobile { display: none; } .mapp-banner-phone { width: 226px; bottom: 0; left: 42px; } .mapp-banner-qr { width: 100px; bottom: 20px; right: 180px; } .mapp-banner .inner { position: relative; z-index: 2; } .mapp-banner h5, .mapp-banner p { font-size: 16px; line-height: 150%; color: #000; margin: 0; } .mapp-banner h5 { font-weight: 600; } .mapp-banner .buttons-container { display: flex; margin-top: 16px; } .mapp-banner .store-btn { display: inline-block; width: 140px; height: 40px; margin-right: 10px; } .mapp-banner .store-btn img { width: 100%; } @media all and (max-width: 1199px) { .mapp-banner { padding-top: 20px; padding-left: 230px; padding-right: 260px; } .mapp-banner-bg { height: 100%; } .mapp-banner-phone { left: -10px; } .mapp-banner-qr { right: 60px; } } @media all and (max-width: 800px) { .mapp-banner { padding: 20px 16px; margin: 0 -16px 30px; min-height: 212px; height: auto; overflow: hidden; } .mapp-banner-bg, .mapp-banner-phone, .mapp-banner-qr { display: none; } .mapp-banner-bg-mobile { display: block; position: absolute; bottom: 0; left: 0; } .mapp-banner .inner { padding: 0 16px; } .mapp-banner-bg-mobile { width: 100%; } .mapp-banner h5 { margin-bottom: 20px; } .mapp-banner p { font-size: 16px; margin-bottom: 50px; } } /*# sourceMappingURL=modules.css.map */ .new-slider-block__label-input-wrapper { margin-bottom: 10px; } .new-slider-block__label-input-wrapper--label { font-size: 14px; line-height: 17px; color: #000; margin-right: 16px; } .new-slider-block__label-input-wrapper--input input { border: none; border-bottom: 1px #000 solid; font-weight: 600; border-radius: 0; color: #333; padding: 0 3px; font-size: 14px; line-height: 17px; width: 55px; text-align: right; height: inherit; } .new-slider-block__label-input-wrapper--input input.date-input { width: 24px; } .new-slider-block__label-input-wrapper--input { position: relative; } .new-slider-block__label-input-wrapper .ui-datepicker-trigger { position: absolute; top: 0; right: -7px; cursor: pointer; -webkit-transform: translateX(100%); transform: translateX(100%); } .new-slider-block__slider-wrapper { background: #3DAE2B; border-radius: 20px; height: 4px; text-align: center; margin-bottom: 10px; } .new-slider-block__slider-wrapper .new-slider-line .ui-slider-range { background: #d4ebd1; border-radius: 20px; height: 4px; right: 0; } .new-slider-block__slider-wrapper .new-slider-line .ui-slider-handle { cursor: pointer; background: #3DAE2B; border-radius: 50%; width: 17px; height: 17px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); top: -6px; } .new-slider-block__slider-wrapper .new-slider-line .ui-slider-handle:after { content: ""; width: 13px; height: 13px; background: #fff; position: absolute; border-radius: 50%; top: 2px; left: 2px; } .new-slider-block__slider-wrapper--posible-value { color: #828282; font-size: 12px; line-height: 15px; } .new-slider-block__slider-wrapper--min-possible { float: left; } .new-slider-block__slider-wrapper--max-possible { float: right; } .calculation-of-use-popup { padding: 13px; } .calculation-of-use-popup--sliders-wrapper { margin-bottom: 36px; } .calculation-of-use-popup--sliders-wrapper .new-slider-block { margin-bottom: 36px; } .calculation-of-use-popup--title { color: #333; font-size: 18px; line-height: 22px; font-weight: bold; margin-bottom: 18px; } .calculation-of-use-popup__mandatory-payment-wrapper { margin-bottom: 12px; } .calculation-of-use-popup__mandatory-payment-wrapper--text { font-size: 13px; line-height: 16px; color: #333; } .calculation-of-use-popup__mandatory-payment-wrapper--value { font-weight: 600; font-size: 14px; line-height: 17px; color: #333; } .calculation-of-use-popup--annotation { font-size: 12px; line-height: 15px; color: #828282; margin-bottom: 16px; } /*# sourceMappingURL=veocard-calc.css.map */ section.front-page--about { padding-bottom: 60px; } section.front-page--about .video { background: url("/assets/img/redesign-icons/imac.png") no-repeat; height: 371px; background-size: cover; } section.front-page--about .video .frame { height: 257px; left: 21px; top: 20px; width: 459px; } section.front-page--about .scrollbar-box::-webkit-scrollbar-thumb { background: #915FFF; } section.front-page--about #companyDescription { padding: 0 15px; } section.front-page--about .scrollbar-box { color: #333!important; } section.front-page--about .scrollbar-box blockquote { background: #F4EFFF; border-left: 0; } section.front-page--about .scrollbar-box blockquote p { color: #333; } section.front-page--about .scrollbar-box li, section.front-page--about .scrollbar-box p, section.front-page--about .scrollbar-box th { color: #333; } section.front-page--about .scrollbar-box h2, section.front-page--about .scrollbar-box h3 { font-weight: 700; color: #333; } @media only screen and (max-width: 1200px) { section.front-page--about .video { width: 420px; height: 312px; } section.front-page--about .video .frame { height: 216px; left: 18px; top: 17px; width: 385px; } } @media only screen and (max-width: 991px) { section.front-page--about .scrollbar-box { overflow: scroll; height: 450px; width: 98%; padding: 0 5px 0 20px; margin: 50px 0 0; } section.front-page--about .scrollbar-box h3 { word-break: break-word; } } .advance-payment-popup { position: relative; } .advance-payment-popup-title { font-size: 18px; line-height: 23px; margin-bottom: 15px; padding-right: 25px; font-weight: 600; } .advance-payment-popup-text { margin-bottom: 20px; padding-right: 25px; font-size: 17px; font-weight: 400; } .advance-payment-popup-btn { position: relative; z-index: 1; text-align: center; } @media (min-width: 768px) { .advance-payment-popup { max-width: 360px; font-size: 18px; padding: 15px; } } .fancybox-wrap.advance-payment-popup-wrapper .fancybox-inner { overflow: unset !important; } /*# sourceMappingURL=advancepaymentpopup.css.map */ .front-page--advantages .container { max-width: 992px; padding-inline: 15px; } .front-page--advantages .h2 { font-family: inherit; font-weight: 500; text-align: center; color: #333; position: relative; padding-bottom: 5px; margin-bottom: 11px; width: 100%; font-size: 24px; line-height: 28px; } .front-page--advantages .h2:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%; max-width: 508px; height: 1px; background: #915FFF; } .front-page--advantages .advantages-logo { margin-bottom: 32px; } .front-page--advantages .advantages-logo img { width: 127px; display: block; margin-inline: auto; } .front-page--advantages .advantages-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .front-page--advantages .advantages-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: 100%; padding-left: 60px; margin-bottom: 20px; } .front-page--advantages .advantages-item--image { position: absolute; left: 0; top: 4px; width: 46px; } .front-page--advantages .advantages-item--image img { height: 26px; display: block; margin-inline: auto; } .front-page--advantages .advantages-item--title { font-weight: 600; font-size: 18px; line-height: 26px; color: #0A0A0A; } .front-page--advantages .advantages-item--description { font-weight: normal; font-size: 14px; line-height: 22px; color: #333333; } @media only screen and (min-width: 767px) { .front-page--advantages .h2 { font-size: 34px; line-height: 40px; } .front-page--advantages .advantages-wrapper { margin-top: 60px; } .front-page--advantages .advantages-logo img { width: 229px; } .front-page--advantages .advantages-item { width: 49%; padding: 0; margin-bottom: 40px; } .front-page--advantages .advantages-item--image { position: relative; width: auto; margin-bottom: 20px; } .front-page--advantages .advantages-item--image img { height: 56px; margin-inline: 0; } .front-page--advantages .advantages-item--title { font-size: 18px; padding-bottom: 10px; } .front-page--advantages .advantages-item--description { font-size: 16px; } } @media only screen and (min-width: 992px) { .front-page--advantages .advantages-item { width: 30%; } } .are-u-sure-popup { position: relative; } .are-u-sure-popup__bg { position: relative; } .are-u-sure-popup__bg img { position: absolute; right: -40px; top: -14px; z-index: 0; width: 165px; } .are-u-sure-popup__text { font-size: 16px; line-height: 18px; margin-bottom: 20px; padding-right: 62px; font-weight: 500; } .are-u-sure-popup__btn-block { position: relative; z-index: 1; text-align: center; } @media (min-width: 768px) { .are-u-sure-popup { max-width: 360px; font-size: 18px; line-height: 21px; padding: 15px; } .are-u-sure-popup__bg img { right: -65px; top: -10px; width: inherit; } .are-u-sure-popup__text { font-size: 18px; line-height: 21px; margin-bottom: 40px; padding-right: 80px; } } .fancybox-wrap.are-u-sure-popup-wrapper .fancybox-inner { overflow: unset !important; } @media (max-width: 767px) { .fancybox-wrap.are-u-sure-popup-wrapper .fancy-close { top: 5px; right: 5px; } } /*# sourceMappingURL=areusurepopup.css.map */ .front-page--awards .container .row { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .front-page--awards .container .row .item { width: 20%; } .front-page--awards .container .awards-nav { position: absolute; left: 0; top: 40px; width: 100%; } .front-page--awards .container .awards-nav .next, .front-page--awards .container .awards-nav .prev { position: absolute; top: 0; width: 48px; height: 48px; background: #fff; box-shadow: 0px 30px 40px rgba(0, 0, 0, 0.06), 0px -10px 50px rgba(0, 0, 0, 0.0609432); border: 0; cursor: pointer; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .front-page--awards .container .awards-nav .next:hover, .front-page--awards .container .awards-nav .prev:hover { box-shadow: none; -webkit-transition: .5s; transition: .5s; background: transparent; } .front-page--awards .container .awards-nav .next { right: 0; } .front-page--awards .container .awards-nav .prev { left: 0; } .front-page--awards .container .awards-nav .next span, .front-page--awards .container .awards-nav .prev span { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); background: url("/assets/img/redesign-icons/arrow-slider.svg") no-repeat; width: 9px; height: 13px; } .front-page--awards .container .awards-nav .next span { background: url("/assets/img/redesign-icons/arrow-slider-right.svg") no-repeat; } .front-page--awards .container .row .awards-nav { display: none!important; } @media only screen and (max-width: 1200px) { section.front-page--awards { padding: 50px 15px!important; } } @media only screen and (max-width: 767px) { section.front-page--awards { padding-bottom: 0!important; } .front-page--awards .container .row { position: relative; padding: 0 0 60px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .front-page--awards .container .row .item { width: 50%; } } @media only screen and (max-width: 480px) { .front-page--awards .container .row .item { width: 60%; } } .fancybox-wrap.bankID-confirmation-popup { width: 288px !important; } .bankID-confirmation-popup .head { font-size: 16px; line-height: 24px; font-weight: 600; margin-bottom: 10px; } .bankID-confirmation-popup__text { font-size: 14px; line-height: 20px; margin-bottom: 25px; font-weight: 400; } .bankID-confirmation-popup__btn-block { display: flex; flex-direction: column; position: relative; z-index: 1; } .bankID-confirmation-popup__btn-block .thanksButton { margin-bottom: 10px; } .bankID-confirmation-popup__btn-block .connectMoreButton { margin: 0; } .fancybox-wrap .bankID-confirmation-popup .fancy-close { top: 5px; right: 5px; } section.front-page--bottomtext .text-links { padding-bottom: 50px; } @media all and (min-width: 481px) { section.front-page--bottomtext .text-links { padding-bottom: unset; } } section.front-page--bottomtext .text-links_content .text-links_background { display: none; } @media all and (min-width: 481px) { section.front-page--bottomtext .text-links_content .text-links_background { display: block; } } section.front-page--bottomtext .text-links_content ul { display: flex; flex-direction: column; } @media all and (min-width: 481px) { section.front-page--bottomtext .text-links_content ul { flex-direction: row; flex-wrap: wrap; justify-content: center; } } section.front-page--bottomtext .text-links_content li a { border: 1px solid #915fff; border-radius: 0; font-size: 14px; line-height: 16px; color: #999; transition: 0.3s; font-weight: 500; padding: 8px 11px; margin: 0 10px 10px 0; } @media all and (min-width: 481px) { section.front-page--bottomtext .text-links_content li a { padding: 8px; margin: 2px; } } section.front-page--bottomtext .text-links_content li a:hover { background: #915fff; } section.front-page--bottomtext .text-item { max-width: none; } section.front-page--bottomtext .text-item_head, section.front-page--bottomtext .text-item_content { color: #333; } section.front-page--bottomtext .text-item_head { font-weight: 600; } section.front-page--bottomtext .text-item .veo-styled-link { font-size: 12px; } @media all and (min-width: 481px) { section.front-page--bottomtext .text-item .veo-styled-link { font-size: 16px; } } section.front-page--bottomtext .row .col-l, section.front-page--bottomtext .row .col-r { width: 100%; } @media all and (min-width: 768px) { section.front-page--bottomtext .row .col-l, section.front-page--bottomtext .row .col-r { width: 50%; } } /*# sourceMappingURL=bottomtext.css.map */ @font-face { font-family: 'montserrat'; src: url("/assets/fonts/montserrat/montserrat-light.woff2") format('woff2'), url("/assets/fonts/montserrat/montserrat-light.woff") format('woff'), url("/assets/fonts/montserrat/montserrat-light.ttf") format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'montserrat'; src: url("/assets/fonts/montserrat/montserrat-regular.woff2") format('woff2'), url("/assets/fonts/montserrat/montserrat-regular.woff") format('woff'), url("/assets/fonts/montserrat/montserrat-regular.ttf") format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'montserrat'; src: url("/assets/fonts/montserrat/montserrat-italic.woff2") format('woff2'), url("/assets/fonts/montserrat/montserrat-italic.woff") format('woff'), url("/assets/fonts/montserrat/montserrat-italic.ttf") format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'montserrat'; src: url("/assets/fonts/montserrat/montserrat-medium.woff2") format('woff2'), url("/assets/fonts/montserrat/montserrat-medium.woff") format('woff'), url("/assets/fonts/montserrat/montserrat-medium.ttf") format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'montserrat'; src: url("/assets/fonts/montserrat/montserrat-semibold.woff2") format('woff2'), url("/assets/fonts/montserrat/montserrat-semibold.woff") format('woff'), url("/assets/fonts/montserrat/montserrat-semibold.ttf") format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'montserrat'; src: url("/assets/fonts/montserrat/montserrat-bold.woff2") format('woff2'), url("/assets/fonts/montserrat/montserrat-bold.woff") format('woff'), url("/assets/fonts/montserrat/montserrat-bold.ttf") format('truetype'); font-weight: bold; font-style: normal; } footer.l-footer { box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.25); } footer.l-footer section.l-footer-info { background: #fff; } footer.l-footer section.l-footer-info .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } footer.l-footer section.l-footer-info .container .left-block { order: 1; padding: 0 15px; } footer.l-footer section.l-footer-info .container .center-block { order: 3; padding: 0 15px; } footer.l-footer section.l-footer-info .container .center-block p { font-size: 16px; line-height: 19px; color: #333; text-align: left; font-weight: 600; } footer.l-footer section.l-footer-info .container .center-block .footer-feedback-us { font-size: 14px; line-height: 18px; color: #0A0A0A; text-align: left; margin-top: 35px; font-weight: 600; } footer.l-footer section.l-footer-info .container .center-block .btn-new{ margin-top: 12px; display: block; } footer.l-footer section.l-footer-info .container .center-block .btn-new-transparent{ margin-top: 0; display: block; font-weight: 500; } footer.l-footer section.l-footer-info .container .col-r-footer { order: 2; text-align: justify; padding: 0 15px; } footer.l-footer section.l-footer-info .container .col-r-footer .footer-link ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 20px; } footer.l-footer section.l-footer-info .container .col-r-footer .footer-link .gray-small-text { font-size: 14px; line-height: 16px; color: #616161; padding-top: 6px; width: 100%; padding-bottom: 20px; font-weight: 300; text-align: left; } footer.l-footer section.l-footer-info .container .col-r-footer .footer-link ul .salad-text { color: #915FFF; position: relative; padding-left: 24px; font-weight: 600; margin-bottom: 0; } footer.l-footer section.l-footer-info .container .col-r-footer .footer-link ul .salad-text:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; background: url("/assets/img/redesign-icons/clock-black.svg"); background-size: 100%; } footer.l-footer section.l-footer-info .container .col-r-footer .footer-link li { font-size: 14px; line-height: 17px; color: #333; text-align: justify; } footer.l-footer section.l-footer-info .container .col-r-footer .footer-link .text-bold { font-weight: 600; } footer.l-footer section.l-footer-info .container .social-copyright { order: 4; padding: 0 15px; } footer.l-footer section.l-footer-info .container #landing-bottommenu { columns: 2 } footer.l-footer section.l-footer-info .container .footer-link li { font-size: 14px; line-height: 16px; } footer.l-footer section.l-footer-info .container .footer-link li a { color: #0A0A0A; margin-bottom: 16px; display: inline-block; font-weight: 600; } footer.l-footer section.l-footer-info .container .footer-link li:last-of-type a { margin-bottom: 0; } footer.l-footer section.l-footer-info .container .l-footer-service { color: #616161; font-size: 14px; line-height: 16px; padding-top: 6px; font-weight: 300; } footer.l-footer section.l-footer-info .container .social-copyright { padding: 50px 15px 0; text-align: center; width: 100%; } footer.l-footer section.l-footer-info .container .social-copyright .icon { margin-right: 50px; } footer.l-footer section.l-footer-info .container .social-copyright .icon:last-child { margin-right: 0; } footer.l-footer section.l-footer-info .container .social-copyright .icon img { position: static; transform: scale(1); object-fit: scale-down; width: 30px; height: 30px; } footer.l-footer section.l-footer-info .container .social-copyright .icon img:hover { width: 30px; height: 30px; transform: scale(1.1); } footer.l-footer section.l-footer-info .container .left-block .footer-app { display: none; } footer.l-footer .redirect-block { padding: 28px 20px; background: #F3F3F3; cursor: pointer; } footer.l-footer .redirect-block .redirect-block__link { font-size: 16px; line-height: 24px; color: #3DAE2B; max-width: 280px; display: block; margin: 0 auto; position: relative; } footer.l-footer .redirect-block .redirect-block__link:before{ content: url("/assets/img/redesign-icons/angle-arrow.svg"); position: absolute; right: -20px; transform: scale(-1, 1); top: 1px; } @media only screen and (max-width: 992px) { footer.l-footer section.l-footer-info .container .btn-new { padding: 11px; } footer.l-footer section.l-footer-info .container .btn-new-transparent { padding: 11px; } footer.l-footer section.l-footer-info .container .center-block { width: 30%; } footer.l-footer section.l-footer-info .container .left-block { width: 30%; } footer.l-footer section.l-footer-info .container .col-r-footer { width: 30%; } } @media only screen and (max-width: 767px) { footer.l-footer section.l-footer-info .container .col-r-footer .footer-link ul { padding: 0; } footer.l-footer section.l-footer-info .container #landing-bottommenu { display: block; } footer.l-footer section.l-footer-info .container .col-r-footer { order: 1; width: 100%; } footer.l-footer section.l-footer-info .container .col-r-footer .footer-app { display: none; } footer.l-footer section.l-footer-info .container .center-block { order: 2; width: 100%; } footer.l-footer section.l-footer-info .container .left-block { order: 3; width: 100%; } footer.l-footer section.l-footer-info .container .left-block .footer-app { display: -webkit-box; display: -ms-flexbox; display: flex; } footer.l-footer section.l-footer-info .container .social-copyright .btn-affiliate { display: none; } footer.l-footer section.l-footer-info .container .col-r-footer .footer-link li { width: 100%; } footer.l-footer section.l-footer-info .container .col-r-footer .footer-link ul .gray-small-text-left { text-align: left; } footer.l-footer section.l-footer-info .container .col-r-footer .footer-link li:first-child { width: auto; } footer.l-footer section.l-footer-info .container .col-r-footer .footer-link li:nth-child(2) { width: auto; } footer.l-footer section.l-footer-info .container .center-block p { text-align: center; } footer.l-footer section.l-footer-info .container .center-block .footer-feedback-us { text-align: center; } footer.l-footer section.l-footer-info .container .left-block { padding-top: 30px; } footer.l-footer section.l-footer-info .container .social-copyright { margin-top: 0; } footer.l-footer section.l-footer-info .container .center-block .btn-new { max-width: 320px; margin: 12px auto 0; } footer.l-footer section.l-footer-info .container .center-block .btn-new-transparent { max-width: 320px; margin: 40px auto 0; } footer.l-footer .redirect-block { position: relative; top: 6px; } } @media only screen and (max-width: 480px) { footer.l-footer section.l-footer-info .container .center-block p { font-size: 14px; line-height: 18px; } .l-footer.nice-change .l-footer-info { padding: 25px 0 0 !important; } footer.l-footer .redirect-block { padding: 16px 20px; position: relative; top: 6px; } footer.l-footer .redirect-block .redirect-block__link { text-align: center; max-width: 180px; } footer.l-footer .redirect-block .redirect-block__link:before { top: 15px; } } .front-page--getcredit { margin-bottom: 50px; padding: 0 15px; } .front-page--paycredit .paycredit-wrapper{ margin-bottom:25px; } .front-page--getcredit .getcredit-title { font-family: inherit; font-size: 34px; line-height: 40px; text-align: center; color: #333; position: relative; padding-bottom: 5px; margin-bottom: 50px; width: 100%; font-weight: 500; } .front-page--getcredit .getcredit-title:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%; max-width: 508px; height: 1px; background: #915FFF; } .front-page--getcredit .getcredit-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .front-page--getcredit .getcredit-wrapper .getcredit-item { width: 30%; margin-bottom: 40px; } .front-page--getcredit .getcredit-wrapper .getcredit-item .img img { width: 100%; } .front-page--getcredit .getcredit-wrapper .getcredit-item .block-title { font-size: 18px; line-height: 26px; color: #0A0A0A; height: auto; padding-bottom: 10px; display: inline-block; font-weight: 600; } .front-page--paycredit .paycredit-wrapper .paycredit-item .block-content { height: auto; } .front-page--getcredit .getcredit-wrapper .getcredit-item .block-content p { font-size: 16px; line-height: 22px; color: #333333; font-weight: normal; } .front-page--getcredit .getcredit-link a { display: block; width: 100%; max-width: 320px; margin: 0 auto; } @media only screen and (max-width: 767px) { .front-page--getcredit .getcredit-wrapper .getcredit-item { width: 100%; } } @media only screen and (max-width: 480px) { .front-page--getcredit .getcredit-title { font-size: 24px; line-height: 28px; } .front-page--getcredit .getcredit-wrapper .getcredit-item { padding: 0 15px; } } section.front-page--howitworks { padding: 50px 0 55px; } section.front-page--howitworks .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: wrap; flex-wrap: wrap; } section.front-page--howitworks .container:after { content: none; } section.front-page--howitworks h2 { font-family: inherit; font-size: 34px; line-height: 40px; text-align: center; color: #333; text-transform: none; position: relative; padding-bottom: 5px; margin-bottom: 50px; width: 100%; font-weight: 500; } section.front-page--howitworks h2:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%; max-width: 508px; height: 1px; background: #915FFF; } section.front-page--howitworks .howitworks-item { margin-bottom: 45px; } section.front-page--howitworks .img { width: auto; height: 65px; } section.front-page--howitworks .img img { display: block; height: 100%; width: auto; margin: 0; max-width: none; max-height: none; } section.front-page--howitworks span { font-size: 18px; line-height: 26px; color: #0A0A0A; font-family: inherit; text-align: left; margin: 0; padding: 15px 0 13px; min-height: auto; width: 100%; max-width: none; font-weight: 600; } section.front-page--howitworks p { font-size: 16px; line-height: 22px; color: #0A0A0A; text-align: left; margin: 0; padding: 0; width: 100%; max-width: none; font-weight: normal; } @media only screen and (max-width: 767px) { section.front-page--howitworks { padding: 0; } section.front-page--howitworks h2 { font-size: 24px; line-height: 28px; margin-bottom: 20px; } section.front-page--howitworks .howitworks-item { padding: 0 15px 0 70px; position: relative; margin-bottom: 35px; } section.front-page--howitworks .col-4 + .col-4 { padding-top: 0; } section.front-page--howitworks .img { position: absolute; left: 20px; width: 35px; height: 35px; top: 10px; } } @media only screen and (max-width: 480px) { section.front-page--howitworks h2:after { width: 80%; } } section.front-page--how { padding-bottom: 20px; } section.front-page--how .container { padding: 0 15px; max-width: 986px; } section.front-page--how .container .h2 { font-family: inherit; font-size: 34px; line-height: 40px; text-align: center; color: #333; position: relative; padding-bottom: 5px; margin-bottom: 74px; width: 100%; font-weight: 500; } section.front-page--how .container .h2:after { content: ''; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; width: 100%; max-width: 508px; height: 1px; background: #915FFF; } section.front-page--how .container .how-item .img { height: 55px; margin-bottom: 18px; } section.front-page--how .container .how-item .img img { height: 100%; margin: 0; } section.front-page--how .container .how-item span { font-size: 18px; line-height: 26px; color: #0A0A0A; padding: 0; text-align: left; font-weight: 600; max-width: unset; } @media only screen and (max-width: 767px) { section.front-page--how .container .h2 { margin-bottom: 40px; } section.front-page--how .container .how-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 9px; padding-right:9px; margin-top:20px; margin-bottom: 20px; } section.front-page--how .container .how-item span { padding-left: 15px; margin: 0; } section.front-page--how .container .how-item .img { width: 33px; height: 32px; margin: 0; } section.front-page--how .container .how-item .img img { width: 100%; -o-object-fit: contain; object-fit: contain; } } @media only screen and (max-width: 480px) { section.front-page--how .container .h2 { font-size: 24px; line-height: 28px; } section.front-page--how .container .how-item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 40px; padding: 0; } section.front-page--how .container .how-item span { min-height: auto; } } section.front-page--loyalty { background: #fff; padding: 10px 0 100px!important; } section.front-page--loyalty .loyalty-content .h2 { font-family: inherit; font-size: 34px; line-height: 40px; text-align: center; color: #333; position: relative; padding-bottom: 5px; margin-bottom: 20px; width: 100%; font-weight: 500; } section.front-page--loyalty .loyalty-content .l-sub { width: 100%; padding-bottom: 65px; color: #333; font-weight: 500; } section.front-page--loyalty .loyalty-content .h2:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%; max-width: 508px; height: 1px; background: #915FFF; } section.front-page--loyalty .loyalty-content .kill-raccoon { text-align: center; width: 20%; padding: 85px 15px; position: relative; } section.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(even) { padding: 130px 15px 80px; } section.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(odd):after { content: ''; position: absolute; right: -115px; top: 0; background: url("/assets/img/redesign-icons/loyalty-ellipse.svg") no-repeat; background-size: 100%; width: 245px; height: 135px; } section.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(even):after { content: ''; position: absolute; right: -115px; bottom: 0; background: url("/assets/img/redesign-icons/loyalty-ellipse.svg") no-repeat; background-size: 100%; width: 245px; height: 135px; transform: scale(1,-1); } section.front-page--loyalty .loyalty-content .kill-raccoon:last-child:after { display: none; } section.front-page--loyalty .loyalty-content .kill-raccoon img { max-height: 80px; width: auto; height: 55px; } section.front-page--loyalty .loyalty-footer .cent a { display: inline-block; font-size: 16px; line-height: 19px; text-align: center; color: #FFFFFF; background: linear-gradient(45deg, #915FFF 7.32%, #6E36EA 94.1%); padding: 10px 48px; border-radius: 0; text-transform: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.161175); transition: .5s; border: 1px solid; font-weight: 500; } section.front-page--loyalty .loyalty-footer .cent { text-align:center; margin-top:20px; } section.front-page--loyalty .loyalty-footer .cent a:hover { color: #6E36EA; background: transparent; box-shadow: none; transition: .5s; border: 1px solid #6E36EA; } @media only screen and (max-width: 992px) { section.front-page--loyalty .loyalty-footer { padding-top: 10px; } section.front-page--loyalty .loyalty-footer .cent a { padding: 10px 35px; } section.front-page--loyalty .loyalty-content .kill-raccoon img { max-height: 45px; } section.front-page--loyalty .loyalty-content .kill-raccoon { padding: 60px 15px; } section.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(even) { padding: 90px 15px 55px; } section.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(odd):after { right: -85px; width: 170px; height: 90px; } section.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(even):after { right: -85px; width: 170px; height: 90px; } } @media only screen and (max-width: 767px) { section.front-page--loyalty .loyalty-footer .cent a { max-width: 200px; } section.front-page--loyalty .loyalty-content .l-sub { padding-bottom: 35px; } section.front-page--loyalty .loyalty-content .kill-raccoon { padding: 55px 15px; } section.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(even) { padding: 80px 15px 50px; } section.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(even):after { right: -70px; width: 120px; height: 77px; } section.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(odd):after { right: -70px; width: 120px; height: 77px; } } @media only screen and (max-width: 480px) { section.front-page--loyalty { padding-top: 50px!important; padding-bottom: 70px!important; } section.front-page--loyalty .loyalty-content .kill-raccoon { width: 100%; padding: 20px 15px!important; } section.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(even) { margin-left: -25px; } section.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(odd):after { right: 20%; top: 55px; transform: rotate(90deg); } section.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(even):after { right: auto; left: 20%; top: 60px; transform: scale(1,-1) rotate(-90deg); } section.front-page--loyalty .loyalty-content .h2 { font-size: 22px; line-height: 26px; margin-bottom: 35px; } section.front-page--loyalty .loyalty-content .h2:after { width: 80%; } section.front-page--loyalty .loyalty-content .l-sub { font-size: 14px; padding: 0 15px 50px; } } .front-page--paycredit { margin-bottom: 50px; padding: 0 15px; } .front-page--paycredit .paycredit-title { font-family: inherit; font-size: 34px; line-height: 40px; text-align: center; color: #333; position: relative; padding-bottom: 5px; margin-bottom: 50px; width: 100%; font-weight: 500; } .front-page--paycredit .paycredit-title:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%; max-width: 508px; height: 1px; background: #915FFF; } .front-page--paycredit .paycredit-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .front-page--paycredit .paycredit-wrapper .paycredit-item { width: 30%; } .front-page--paycredit .paycredit-wrapper .paycredit-item .img img { width: 100%; } .front-page--paycredit .paycredit-wrapper .paycredit-item .block-title { font-size: 18px; line-height: 26px; color: #0A0A0A; height: auto; display: inline-block; font-weight: 600; padding-bottom: 10px; } .front-page--paycredit .paycredit-wrapper .paycredit-item .block-content { height: auto; } .front-page--paycredit .paycredit-wrapper .paycredit-item .block-content p { font-size: 16px; line-height: 22px; color: #333333; } .front-page--paycredit .paycredit-link { margin-bottom: 35px; margin-top: 40px; } .front-page--paycredit .paycredit-link a { display: block; width: 100%; max-width: 320px; margin: 0 auto; } .front-page--paycredit .paycredit-link--another a { text-align: center; font-weight: 500; display: block; font-size: 16px; line-height: 19px; color: #915FFF; } @media only screen and (max-width: 767px) { .front-page--paycredit .paycredit-wrapper .paycredit-item { width: 100%; margin-bottom: 50px; } } @media only screen and (max-width: 480px) { .front-page--paycredit .paycredit-title { font-size: 24px; line-height: 28px; } .front-page--paycredit .paycredit-wrapper .paycredit-item { padding: 0 15px; } } section.front-page--testimonials { background: transparent; } .front-page--testimonials .container .testimonials-title { font-family: inherit; font-size: 34px; line-height: 40px; text-align: center; color: #333; position: relative; padding-bottom: 5px; margin-bottom: 50px; width: 100%; font-weight: 500; } .front-page--testimonials .container .testimonials-title:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%; max-width: 508px; height: 1px; background: #915FFF; } .front-page--testimonials .container .row { position: relative; } .front-page--testimonials .container .owl-item .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .front-page--testimonials .container .owl-item .item .reviews-icon { background: url("/assets/img/redesign-icons/testimonials.png") no-repeat; background-position: top right; } .front-page--testimonials .container .owl-item .item .content { padding: 0 15px 0 20px; } .front-page--testimonials .container .owl-item .item .message { font-size: 14px; line-height: 22px; color: #333333; padding-bottom: 10px; font-weight: 500; } .front-page--testimonials .container .owl-item .item .name { font-size: 18px; line-height: 22px; color: #333333; font-weight: 700; } .front-page--testimonials .container .owl-item .item .data { font-size: 14px; line-height: 22px; color: #333333; font-weight: 500; } .front-page--testimonials .container .testimonials-nav { position: absolute; left: 0; top: 40px; width: 100%; } .front-page--testimonials .container .testimonials-nav .next, .front-page--testimonials .container .testimonials-nav .prev { position: absolute; top: 0; width: 48px; height: 48px; background: #fff; box-shadow: 0px 30px 40px rgba(0, 0, 0, 0.06), 0px -10px 50px rgba(0, 0, 0, 0.0609432); border: 0; cursor: pointer; transition: .5s; } .front-page--testimonials .container .testimonials-nav .next:hover, .front-page--testimonials .container .testimonials-nav .prev:hover { box-shadow: none; transition: .5s; background: transparent; } .front-page--testimonials .container .testimonials-nav .next { right: 0; } .front-page--testimonials .container .testimonials-nav .prev { left: 0; } .front-page--testimonials .container .testimonials-nav .next span, .front-page--testimonials .container .testimonials-nav .prev span { position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); background: url("/assets/img/redesign-icons/arrow-slider.svg") no-repeat; width: 9px; height: 13px; } .front-page--testimonials .container .testimonials-nav .next span { background: url("/assets/img/redesign-icons/arrow-slider-right.svg") no-repeat; } @media only screen and (max-width: 1200px) { section.front-page--testimonials { padding: 50px 15px; } } @media only screen and (max-width: 767px) { .front-page--testimonials .container .row { position: relative; padding: 0 0 100px; } .front-page--testimonials .container .owl-item .item .reviews-icon { width: 16.66667%; } .front-page--testimonials .container .owl-item .item .name { text-align: left; } .front-page--testimonials .container .testimonials-nav { top: auto; bottom: 75px; } .front-page--testimonials .container .testimonials-nav .next { right: 35%; } .front-page--testimonials .container .testimonials-nav .prev { left: 35%; } } @media only screen and (max-width: 480px) { .front-page--testimonials .container .testimonials-title { font-size: 24px; line-height: 28px; } .front-page--testimonials .container .owl-item .item { padding-top: 50px; } .front-page--testimonials .container .owl-item .item .reviews-icon { position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 60px; } .front-page--testimonials .container .owl-item .item .data { text-align: left!important; } .front-page--testimonials .container .testimonials-nav .next { right: 25%; } .front-page--testimonials .container .testimonials-nav .prev { left: 25%; } } .pay-unregistered { margin-top: 15px; } .pay-unregistered .unregistered-btns { width: 100%; display: flex; justify-content: space-between; max-width: 585px; margin: 50px auto 0; flex-wrap: wrap; } .pay-unregistered .unregistered-btns .btn { width: 100%; max-width: 280px; display: inline-block; } .pay-unregistered .unregistered-btns .btn-new.btn-pay-mob.disabled { background: #E8DEFE; color: #FFFFFF; pointer-events: none; } .pay-unregistered .blue { text-align: center; background: #cee5eb; color: #748ea4; } .pay-unregistered .blue:hover { opacity: 0.8; } .pay-unregistered .btn.green { box-shadow: none; background: #73b523; } .pay-unregistered .btn.green:hover { background: #60941e; } .pay-unregistered .btn-ui-link { padding: 10px 12px; background: #F2F2F2; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); font-weight: 600; font-size: 16px; display: none; margin-left: -20px; margin-right: -20px; margin-bottom: 10px; } .pay-unregistered .btn-ui-link:before { content: ""; background-image: url("/assets/img/icons/ic-arrow-left.svg"); background-size: 100% 100%; width: 18px; height: 16px; display: inline-block; margin-right: 10px; } .pay-unregistered .select-group { width: 100%; } .pay-unregistered .select-group .select { width: 45%; display: inline-block; } .pay-unregistered .select-group .select:first-child { margin-right: 9%; } .pay-unregistered .input-group .checkbox { height: auto; width: 100%; text-align: left; float: none; padding-left: 15px; line-height: 2; cursor: pointer; } .pay-unregistered .input-group .input-box .input-box { width: 100%; } .pay-unregistered .input-group .cvv-box input { width: 45%; } .pay-unregistered .input-group .check { margin-left: 200px; } .pay-unregistered .input-group label { max-width: 200px; line-height: 20px; height: 20px; } .pay-unregistered .input-group.dropdown-active .jq-selectbox__dropdown { border: none; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25); } .pay-unregistered .successful-payment { max-width: 900px; min-height: 420px; padding: 40px 0; margin: 0 auto; position: relative; } .pay-unregistered .successful-payment h2 { text-align: left; font-weight: 600; font-size: 34px; line-height: 1.4; padding: 0; margin-left: -120px; } .pay-unregistered .successful-payment .image { position: absolute; right: 0; top: 40px; } .pay-unregistered .successful-payment .loader { margin: 40px 0; } .pay-unregistered .successful-payment .loader img { max-width: 300px; } .pay-unregistered .successful-payment .btn { width: 100%; max-width: 288px; } .pay-unregistered .successful-payment .block-info { display: flex; flex-wrap: wrap; } .pay-unregistered .successful-payment .block-dashed { display: block; border-top: 2px dashed #bfbcbc; margin: 6px 0; } .pay-unregistered .successful-payment .static-info { max-width: 288px; margin: 0; padding: 30px 0; display: block; } .pay-unregistered .successful-payment .static-info p { margin: 6px 0; font-weight: normal; color: #333333; } .pay-unregistered .successful-payment .static-info .bold { font-weight: 600; } .pay-unregistered .successful-payment .static-info .left { margin-right: 20px; } @media only screen and (max-width: 1200px) { .pay-unregistered .successful-payment h2 { margin: 0; } .pay-unregistered .successful-payment .image { right: -80px; top: 80px; } .pay-unregistered .successful-payment .image img { height: 412px; display: inline-block; } } @media only screen and (max-width: 767px) { .pay-unregistered .successful-payment { padding: 15px 0; } .pay-unregistered .successful-payment h2 { font-weight: bold; font-size: 18px; } .pay-unregistered .successful-payment .image { display: none; } .pay-unregistered .successful-payment .static-info { padding: 25px 0; } .pay-unregistered .successful-payment .static-info .right { text-align: left; } } .pay-unregistered .static-img { width: 30%; text-align: center; } .pay-unregistered .static-img img { width: 100%; max-width: 130px; margin-bottom: 10%; } .pay-unregistered .static-info { margin: 40px auto 26px; max-width: 771px; } .pay-unregistered .static-info p { display: inline-block; color: #0A0A0A; font-size: 16px; line-height: 20px; margin: 0 10px 0 4px; } .pay-unregistered .static-info .right { font-weight: 500; font-size: 16px; margin: 0; } .pay-unregistered .static-info .green { color: #73B523; } .pay-unregistered .static-info--row { padding: 6px 0; border-top: 1px solid #DDDDDD; } .pay-unregistered .static-info--row:first-child { border-top: none; } .pay-unregistered .nav-controls > div { vertical-align: bottom; } .pay-unregistered .nav-controls .input-group { display: inline-block; width: 30%; } .pay-unregistered .nav-controls .input-group label { float: none; width: calc(100% - 45px); line-height: 1.2; } .pay-unregistered .nav-controls .input-group .square { width: 40px !important; height: 40px; padding: 0; line-height: 1; font-weight: 600; font-size: 30px; margin-bottom: 5px; } .pay-unregistered .nav-controls .continue { display: inline-block; width: 69%; padding: 0; margin: 0; } .pay-unregistered .nav-controls .btns { text-align: right; } .pay-unregistered .nav-controls .btns .btn { width: 170px !important; margin: 2px; padding: 0; } .pay-unregistered img #loadingProcessIndicator { float: none; display: inline; } .pay-unregistered .card-details .card-form { position: relative; margin: 0; padding: 0; background-image: none; width: 100%; max-width: 311px; background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25); border-radius: 6px; padding: 27.45px; height: auto; min-height: auto; margin-left: auto; } .pay-unregistered .card-details .card-form .f-content .input-group { margin: 0 0 20px; } .pay-unregistered .card-details .card-form .f-content .input-group label span { font-weight: 300; font-size: 12px; line-height: 17px; color: #828282; } .pay-unregistered .card-details .card-form .f-content .input-box.correct .icon-check { right: 7px; } .pay-unregistered .card-details .card-form .f-content .right { width: 100%; } .pay-unregistered .card-details .card-form .f-content .right .input-box.error i { right: 15px; top: 14px; left: auto; } .pay-unregistered .card-details .card-form .f-content .right .input-box.error input { border-bottom-color: #EB5757 !important; } .pay-unregistered .card-details .card-form .f-content .right .input-box.error .select .jq-selectbox { border-bottom: 2px solid #ff5757 !important; } .pay-unregistered .card-details .card-form .f-content .right .input-box input.-metrika-nokeys.card-mask, .pay-unregistered .card-details .card-form .f-content .right .input-box input.-metrika-nokeys { width: 100% !important; border: none; border-radius: 0; height: 36px; border-bottom: 1.5px solid rgba(34, 66, 91, 0.2); padding: 0 7px; font-weight: normal; } .pay-unregistered .card-details .card-form .f-content .right .input-group label { font-weight: 300; padding: 0; font-size: 14px; line-height: 17px; mix-blend-mode: normal; color: rgba(51, 51, 51, 0.5); } .pay-unregistered .card-details .card-form .f-content .right .select-row { position: relative; } .pay-unregistered .card-details .card-form .f-content .right .select-row .select { margin: 0; width: 54px; height: 26px; } .pay-unregistered .card-details .card-form .f-content .right .select-row .select .jq-selectbox { border: none !important; background-color: transparent; border-radius: 0; height: 28px !important; } .pay-unregistered .card-details .card-form .f-content .right .select-row .select.jq-selectbox__select { text-align: right; } .pay-unregistered .card-details .card-form .f-content .right .select-row .select.month { position: relative; margin-right: 10px; padding-right: 3px; text-align: right; } .pay-unregistered .card-details .card-form .f-content .right .select-row .select.month:after { content: "/"; position: absolute; right: -7px; display: block; z-index: 10; font-size: 18px; top: 0; } .pay-unregistered .card-details .card-form .f-content .right .select-row .jq-selectbox__trigger-arrow:after { content: none; } .pay-unregistered .card-details .card-form .f-content .right .card-info-box { display: flex; justify-content: space-between; align-items: baseline; width: 100%; position: relative; } .pay-unregistered .card-details .card-form .f-content .right .card-info-box .select-row.input-group { max-width: 105px; } .pay-unregistered .card-details .card-form .f-content .right .card-info-box .select-row.input-group .input-box { display: flex; justify-content: space-between; align-items: flex-end; } .pay-unregistered .card-details .card-form .f-content .right .card-info-box .input-group { width: 100%; max-width: 92px; margin-bottom: 0; } .pay-unregistered .card-details .card-form .f-content .right .card-info-box .input-box .panel { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25); background: #f3f3f3; } .pay-unregistered .card-details .card-form .f-content .right .card-info-box .input-box .panel .num-btn { background: #fff; border-radius: 4px; padding: 0; } .pay-unregistered .card-details .card-form .f-content .right .card-info-box .input-box .panel .clear-btn { background: #DFDFDF; border: none; border-radius: 4px; } .pay-unregistered .card-details .card-form .f-content .right.error span, .pay-unregistered .card-details .card-form .f-content .right span { right: -18px !important; left: auto !important; top: 4px !important; transform: scale(0.8); } .pay-unregistered .card-details .card-form .left .jq-selectbox .jq-selectbox__select .jq-selectbox__select-text { padding: 0; font-weight: normal; text-align: right; display: flex; justify-content: center; align-items: start; flex-direction: column; flex-wrap: nowrap; } .pay-unregistered .card-details .card-form:after { content: ""; background-image: url("/images/visa-card.svg"); width: 44.1px; height: 16.45px; position: absolute; right: 17px; top: 13px; } .pay-unregistered .card-form .input-group .input-box { width: 100%; height: 36px; border-bottom: 1.5px solid rgba(34, 66, 91, 0.2); } .pay-unregistered .card-form .input-box.correct .icon-check { display: none; } .pay-unregistered .card-form .input-box.error .icon-x { display: none; } .pay-unregistered .payment-section { padding: 0; display: none; } .pay-unregistered .payment-section .container { width: 100%; } .pay-unregistered .payment-section .continue { max-width: 325px; position: relative; } .pay-unregistered .payment-section .continue p { font-size: 14px; line-height: 20px; color: #828282; } .pay-unregistered .payment-section .continue .tooltip-box { right: auto; left: 213px; top: 1px; position: absolute; } .pay-unregistered .payment-section .continue .tooltip-box .has-question-icon { line-height: 18px; margin-left: 10px; } .pay-unregistered .payment-section .continue .input-group label { font-size: 18px; line-height: 22px; background: #fff; height: 24px; overflow: hidden; position: relative; width: 72px; text-align: left; } .pay-unregistered .payment-section .continue .input-group label:after { content: ":"; display: block; position: absolute; width: 2px; right: 4px; top: 0; } .pay-unregistered .payment-section .continue .input-group .input-box { width: 100%; max-width: 100px; } .pay-unregistered .payment-section .continue .input-box .tooltipstered { position: absolute; left: -32px; top: -5px; } .pay-unregistered .payment-section .continue .input-box .tooltipstered i { display: block !important; } @media only screen and (max-width: 767px) { .pay-unregistered .payment-section .continue .input-box .tooltipstered { right: 0px; left: inherit; } } .pay-unregistered .payment-section .continue .input-box i { display: none !important; /* TEST STYLE */ } .pay-unregistered .payment-section .continue .input-box input { border: none; border-bottom: 1px solid #000000; border-radius: 0; text-align: right; width: inherit; height: auto; padding: 0 7px; color: #000000; } .pay-unregistered .payment-section .continue .btns { text-align: center; } .pay-unregistered .payment-section .continue .icon-check { position: relative; color: #73b523; right: 30px; } .pay-unregistered .payment-section .continue .icon-x { position: relative; color: #ff5757; right: 30px; } .pay-unregistered .payment-section .continue .pay-value-box { background-color: #3DAE2B; height: 4px; margin-bottom: 50px; position: relative; } .pay-unregistered .payment-section .continue .pay-value-box .ui-slider-range { background-color: #d4ebd1; } .pay-unregistered .payment-section .continue .pay-value-box .ui-slider-handle { background: #FFFFFF; border: 2px solid #3DAE2B; box-sizing: border-box; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); border-radius: 100%; top: -8px; } .pay-unregistered .payment-section .continue .pay-value-box .max-min-val { font-weight: 500; font-size: 12px; line-height: 15px; color: #828282; position: absolute; top: 6px; } .pay-unregistered .payment-section .continue .pay-value-box .min-possible { left: 0; } .pay-unregistered .payment-section .continue .pay-value-box .max-possible { right: 0; } .pay-unregistered .payment-section .continue .pay-value-box .name-currency { position: absolute; left: 180px; top: -44px; font-weight: bold; font-size: 16px; line-height: 20px; color: #000000; } .pay-unregistered .payment-section .continue .pay-value-box .ui-corner-all.clsTab { outline: none !important; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25) !important; } .pay-unregistered .payment-section .mobile-form .card-form { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; } .pay-unregistered .payment-section .mobile-form .card-form .f-content { background-color: #fff; max-width: 304px; } .pay-unregistered .payment-section .c-form { width: 100%; max-width: 320px; } .pay-unregistered .payment-section .c-form.mobile-form { max-width: none; min-height: 195px; } .pay-unregistered .payment-section .c-form .card-form .close-icon { display: none; background-image: url("/Images/close-red-ic.svg"); width: 16px; height: 16px; background-size: contain; position: absolute; right: 9px; top: 10px; cursor: pointer; } .pay-unregistered .show-section { display: flex; } .pay-unregistered .continue .input-group { margin-bottom: 23px; font-size: 20px; display: flex; } .pay-unregistered .continue p { padding-bottom: 10px; } .pay-unregistered .continue .btns .btn { width: 200px !important; margin: 10px; } .pay-unregistered .total { margin-bottom: 20px; } .pay-unregistered .total p { font-size: 14px; line-height: 17px; color: #0A0A0A; margin: 0; } .pay-unregistered .total span { display: inline-block; color: #0A0A0A; font-weight: 500; font-size: 14px; line-height: 17px; } .pay-unregistered .total .digits { margin-left: 10px; } .pay-unregistered .jq-selectbox .jq-selectbox__select .jq-selectbox__select-text { font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; padding: 0; } .pay-unregistered .jq-selectbox .jq-selectbox__dropdown li { text-align: center; padding: 0; font-weight: normal; } .pay-unregistered [data-selection-content=hide] .ui-selection--warning { display: none; } .pay-unregistered [data-selection-content=hide] .btn-phone-continue { display: none !important; } .pay-unregistered [data-selection-content=show] .ui-selection--package { order: 1; } .pay-unregistered [data-selection-content=show] .btn-phone-payment { display: none !important; } .pay-unregistered-loading { display: none; padding: 60px 0; position: relative; line-height: 1.4; } .pay-unregistered-loading h2 { max-width: 550px; } .pay-unregistered-loading .title { font-weight: 600; font-size: 34px; max-width: 550px; margin-bottom: 10px; } .pay-unregistered-loading .image { font-weight: 600; font-size: 34px; } .pay-unregistered-first-form { margin-left: 15%; } .pay-unregistered-first-form .input-group label span { font-size: 14px !important; } .pay-unregistered-second-form { margin: auto; max-width: 780px; width: 100%; } .pay-unregistered-second-form .nav-tabs { display: flex; justify-content: start; width: 100%; max-width: 780px; margin: 0 auto; min-height: 68px; } .pay-unregistered-second-form .nav-tabs .nav-tabs__item { cursor: pointer; background: #DFDFDF; padding: 23px 0 5px 36px; font-weight: bold; font-size: 18px; line-height: 22px; min-width: 237px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25); position: relative; transition: 0.3s; } .pay-unregistered-second-form .nav-tabs .nav-tabs__item .image-box, .pay-unregistered-second-form .nav-tabs .nav-tabs__item .description-box p { display: none; } .pay-unregistered-second-form .nav-tabs .nav-tabs__item.active-tab { background-color: #ffffff; z-index: 10; transition: 0.3s; } .pay-unregistered-second-form .nav-tabs .nav-tabs__item.active-tab:after { background-color: #ffffff; transition: 0.3s; } .pay-unregistered-second-form .nav-tabs .nav-tabs__item:after { content: ""; display: block; position: absolute; right: -20px; width: 35px; height: 100%; background-color: #DFDFDF; top: 0; bottom: 0; transform: skew(23deg); transition: 0.3s; } .pay-unregistered-second-form .btn-ui-link { display: none; } .pay-unregistered-second-form .tabs-style { box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25); position: relative; padding: 30px 36px 20px; margin: auto auto 60px; } .pay-unregistered-second-form .tabs-style:after { content: ""; position: absolute; display: block; width: 100%; background-color: #ffffff; z-index: 17; height: 100%; top: 0; left: 0; } .pay-unregistered .payment-content { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 20; padding: 0; } .edit-profile .edit-form .pay-unregistered .nav-controls .input-box { width: 100%; padding: 0; } .edit-profile .edit-form .pay-unregistered .nav-controls .input-box input { display: inline-block; } .edit-profile .edit-form .pay-unregistered .nav-controls .input-box .input-email { width: calc(100% - 45px); } .edit-profile .edit-form .pay-unregistered .input-box { width: 55%; } @media screen and (min-width: 850px) { .pay-unregistered .card-details .card-form .f-content .right .input-group .input-box .panel { top: -11px !important; right: 20px !important; } } @media only screen and (max-width: 767px) { .pay-unregistered { margin: 0; width: 100%; } .pay-unregistered .input-box { width: 100%; } .pay-unregistered .input-group label { max-width: inherit; } .pay-unregistered .input-group .check { min-width: 300px; } .pay-unregistered .allert-block { width: 90%; margin-left: 0; } .pay-unregistered .continue { padding: 0; margin: 0; width: 100%; } .pay-unregistered .select-group .select:first-child { margin-right: 17px; } .pay-unregistered .static-info { margin-top: 26px; margin-bottom: 20px; } .pay-unregistered .static-info p { font-size: 14px; } .pay-unregistered .static-info p.left { position: absolute; } .pay-unregistered .static-info p.right { text-align: right; font-size: 14px; } .pay-unregistered .static-info--row { display: flex; justify-content: space-between; } .pay-unregistered .successful-payment .static-info .row { display: flex; } .pay-unregistered .successful-payment .static-info p.left { position: static; } .pay-unregistered .successful-payment .static-info.three-column { position: static; margin: 0 auto 30px 0; max-width: none; width: 100%; } .pay-unregistered .f-content { width: 100%; } .pay-unregistered .card-details .card-form .f-content .right .select-row .select.month .jq-selectbox__select { text-align: right; } .l-main .pay-unregistered .card-details .continue .input-box { width: 100% !important; } .edit-profile .edit-form .pay-unregistered .input-box { text-align: left; } .edit-profile .edit-form .pay-unregistered .check.input-box { margin: 30px 0 0; } } @media only screen and (max-width: 968px) { .pay-unregistered { width: 100%; margin: 0; padding: 0 20px; } } @media all and (max-width: 810px) { .pay-unregistered .card-details .c-form { max-width: none; } .pay-unregistered .card-details .card-form { padding: 27px !important; margin: auto; } .pay-unregistered .card-details .card-form .f-content .right .input-box .panel { left: -42px; } .pay-unregistered .payment-section .continue { max-width: none; } } @media all and (max-width: 700px) { .pay-unregistered .unregistered-btns .btn-new { max-width: none; margin-bottom: 10px; } .pay-unregistered .unregistered-btns .btn-new-transparent { max-width: none; box-shadow: none; border: none; order: 2; } } @media all and (min-width: 651px) { .mobile-payment .mobile__confirmation-code .button-box .btn-new.close-popup { display: none !important; } .pay-unregistered .mobile-payment .unregistered-btns .open-sms-modal { display: none !important; } .pay-unregistered .continue .block-screen .block-screen-overlay { display: none !important; } } @media all and (max-width: 650px) { .pay-unregistered .title-payment { padding-top: 10px; font-style: normal; font-weight: 500; font-size: 16px; } .pay-unregistered .pay-unregistered--head { padding: 20px 0; opacity: 1; animation: fadeInForm 0.6s ease-in-out; } .pay-unregistered .pay-unregistered--head.is-hide { display: none; } .pay-unregistered .pay-unregistered--content { opacity: 1; animation: fadeInForm 0.6s ease-in-out; } .pay-unregistered .pay-unregistered--content.is-hide { display: none; } .pay-unregistered-second-form .nav-tabs { display: block; } .pay-unregistered-second-form .nav-tabs .nav-tabs__item { min-width: 0; width: 100%; box-shadow: none; background-color: #ffffff; color: #333333; box-shadow: 0 0 14px rgba(0, 0, 0, 0.15); padding: 15px 11px; margin: 20px 0; font-weight: 500; font-size: 16px; line-height: 12px; display: flex; align-items: center; } .pay-unregistered-second-form .nav-tabs .nav-tabs__item:after { content: none; } .pay-unregistered-second-form .nav-tabs .nav-tabs__item:hover, .pay-unregistered-second-form .nav-tabs .nav-tabs__item.active-tab { background: linear-gradient(90deg, #915FFF 0%, #6E36EA 100%); color: #fff; transition: 0.3s; } .pay-unregistered-second-form .nav-tabs .nav-tabs__item:hover p, .pay-unregistered-second-form .nav-tabs .nav-tabs__item.active-tab p { color: #F2F2F2; } .pay-unregistered-second-form .nav-tabs .nav-tabs__item .image-box { display: inline-block; width: 40px; height: 28px; background-image: url("/images/ccard-icon.svg"); background-repeat: no-repeat; background-size: contain; margin-right: 10px; transition: 0.3s; flex: 0 0 auto; } .pay-unregistered-second-form .nav-tabs .nav-tabs__item .description-box p { font-size: 12px; line-height: 1.4; margin-top: 3px; color: #BDBDBD; display: block; } .pay-unregistered-second-form .nav-tabs .nav-tabs__item[data-target=mobile-payment] .image-box { background-image: url("/images/mpay-icon.svg"); width: 40px; height: 36px; } .pay-unregistered-second-form .nav-tabs .nav-tabs__item[data-target=mobile-payment].active-tab .image-box { background-image: url("/images/mpay-icon-active.svg"); transition: 0.3s; } .pay-unregistered-second-form .nav-tabs .nav-tabs__item[data-target=mobile-payment]:hover .image-box { background-image: url("/images/mpay-icon-active.svg"); transition: 0.3s; } .pay-unregistered-second-form .nav-tabs .nav-tabs__item[data-target=card-details].active-tab { transition: 0.3s; background-image: url("/images/ccard-icon-active.svg"); } .pay-unregistered-second-form .nav-tabs .nav-tabs__item[data-target=card-details]:hover .image-box { transition: 0.3s; background-image: url("/images/ccard-icon-active.svg"); } .pay-unregistered-second-form .tabs-style { box-shadow: none; padding: 0; } .pay-unregistered-second-form .tabs-style .mobile-toggle-text { position: initial; font-size: 14px; margin-top: 10px; } .pay-unregistered-second-form .btn-ui-link { display: flex; align-items: center; } .pay-unregistered .payment-section .continue { min-height: auto; margin: 10px 0; } .pay-unregistered .payment-section .continue .pay-value-box { margin-bottom: 28px; } .pay-unregistered .payment-section .continue .input-box input { font-size: 16px; } .pay-unregistered .payment-section .continue .tooltip-box { top: 4px; } .pay-unregistered .payment-section .c-form { margin-bottom: 40px; } .pay-unregistered .total p { text-align: left; } .pay-unregistered .unregistered-btns { margin: 30px auto; } .pay-unregistered .mobile-payment .c-form.show-popup { display: none; position: fixed; z-index: -10; right: 0; left: 0; top: 0; bottom: 0; margin: auto; max-width: none; display: block; opacity: 1; z-index: 500; transition: 0.3s; max-width: none; background-color: rgba(0, 0, 0, 0.6); } .pay-unregistered .mobile-payment .c-form .card-form { background-color: #ffffff; padding: 13px 16px; } .pay-unregistered .mobile-payment .c-form .card-form .close-icon { display: block; } .pay-unregistered .mobile-payment .unregistered-btns .open-sms-modal { order: 1; } .pay-unregistered .mobile-payment .mobile__confirmation-code { flex-wrap: wrap; } .pay-unregistered .mobile-form:after { content: none; display: block; position: absolute; right: 0; left: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); } .mobile-payment .confirmation-code__countdown { position: absolute; right: 18px; top: -48px; } .mobile-payment .confirmation-code__countdown .code-box { max-width: 194px; } .mobile-payment .confirmation-code__countdown .button-box { margin-top: 17px; max-width: none; position: relative; } .mobile-payment .confirmation-code__countdown .button-box .btn-new { display: block; } .mobile-payment .confirmation-code__countdown .button-box .btn-new-transparent { box-shadow: none; border: none; display: block; margin: 10px auto 0; } .mobile-payment .confirmation-code__countdown .sms-send-again { display: block; position: relative; bottom: 10px; left: 12px; } .mobile-payment .confirmation-code__countdown span { bottom: auto; } } @keyframes fadeInForm { from { opacity: 0; } to { opacity: 1; } } /*# sourceMappingURL=unregistred.css.map */ .tf-authorization.new-tfa .new-tfa__popup { border-radius: 0; height: auto; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); margin: 0; } .tf-authorization.new-tfa .new-tfa__popup .btn-close { position: absolute; right: 5px; width: 30px; height: 30px; font-size: 14px; font-weight: bold; top: 5px; padding: 5px; line-height: 20px; left: auto; } .tf-authorization.new-tfa .new-tfa__popup .new-tfa__title { color: #333; font-weight: 700; padding-top: 30px; margin-top: 0; } .tf-authorization.new-tfa .new-tfa__popup .sms-input { margin-bottom: 10px; } .tf-authorization.new-tfa .new-tfa__popup .sms-input .sms-code { font-size: 18px; line-height: 21px; color: #333; } .tf-authorization.new-tfa .new-tfa__popup .sms-input .input-timer span { font-size: 14px; line-height: 20px; color: #333; } .tf-authorization.new-tfa .new-tfa__popup .sms-notification, .tf-authorization.new-tfa .new-tfa__popup .sms-invalidcode { font-weight: 300; font-size: 14px; line-height: 16px; color: #E21616; margin-bottom: 10px; } .tf-authorization.new-tfa .new-tfa__popup .sms-notification { max-width: 225px; } .tf-authorization.new-tfa .new-tfa__popup .btn-new { width: 200px; cursor: pointer; margin-bottom: 30px; } .tf-authorization.new-tfa .new-tfa__popup .sms-link { display: inline-block; font-weight: 500; font-size: 14px; line-height: 16px; text-decoration: none; color: #915FFF; padding-bottom: 30px; } .l-your-cabinet .row-loan { display: flex; align-items: start; padding: 20px 40px; background: #FFFFFF; box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.25); margin-top: 15px; } .l-your-cabinet .true-grid .row-loan .btn { width: auto; } .l-your-cabinet .row-loan .autorepayment { padding-left: 28px; } .l-your-cabinet .row-loan .m-slider input[type="text"] { line-height: 36px; } .l-your-cabinet .row-loan .m-slider .slider-title label { font-weight: normal; font-size: 18px; } .true-grid .row-loan .btn { width: auto; } .row-loan .autorepayment { padding-left: 28px; } .l-your-cabinet .true-grid .row-loan .pay { padding: 0 } .l-your-cabinet .true-grid .row-loan .pay .m-slider{ padding: 0; background: transparent; } .l-your-cabinet .row-loan .slider-box span { display: none; } .l-your-cabinet .row-loan .ui-slider{ height: 4px; } .l-your-cabinet .repay-loan .row-loan .pay .m-slider .slider-box:before, .l-your-cabinet .repay-loan .row-loan .pay .m-slider .slider-box:after { height: 4px; } .l-your-cabinet .row-loan .ui-slider .ui-slider-handle { top: -8px; font-size: 0; background: url("/assets/img/ui-slider-handle.svg") no-repeat; width: 26px; height: 26px; padding: 0; } .l-your-cabinet .row-loan .ui-slider .ui-slider-handle:before, .l-your-cabinet .row-loan .ui-slider .ui-slider-handle:after { display: none } .l-your-cabinet .repay-loan .row-loan .ui-slider .ui-slider-range { height: 100% } .l-your-cabinet .true-grid .row-loan .pay .m-slider .slider .table { padding: 0 } .l-your-cabinet .repay-loan .row-loan .pay .m-slider .slider-box { padding: 0 5px 0 10px; } .l-your-cabinet .repay-loan .row-loan .pay .m-slider .slider-box:before { left: 0; width: 20px; } .l-your-cabinet .repay-loan .row-loan .pay .m-slider .slider-box:after { right: 0; width: 20px; } .l-your-cabinet .repay-loan .row-loan .pay .m-slider .slider .slider-title { margin-bottom: 20px; } .l-your-cabinet .true-grid .row-loan .tar { padding-right: 0; } .l-your-cabinet .row-loan .m-slider input[type="text"] { border: none; border-radius: 0; border-bottom: 1px solid #000000; width: 100px; padding: 0 5px; text-align: right; } .l-your-cabinet .repay-loan .row-loan .pay-off table td { font-weight: normal; padding-bottom: 20px; padding-right: 0; border: none; } .l-your-cabinet .repay-loan .row-loan .pay-off table td:first-child { padding-left: 0; } .l-your-cabinet .repay-loan.true-grid .row-loan .pay-off table tr:nth-child(3n) td { font-weight: normal } .l-your-cabinet .repay-loan.true-grid .row-loan .pay-off table tr:last-child td { padding-bottom: 0; font-weight: 600; color: #333333; } .l-your-cabinet .repay-loan .row-loan .pay-off { padding-left: 30px; padding-top: 0; } .l-your-cabinet .true-grid .row-loan .pay-off .blue-bg { margin-bottom: 10px; } .l-your-cabinet .true-grid .row-loan .pay-off .blue-bg { border-bottom: 1px dashed #915FFF; background: transparent; padding: 0 0 15px 0; margin-bottom: 10px; line-height: 1.6; color: #828282; } .l-your-cabinet .repay-loan .row-loan .pay p { line-height: 1.6; color: #828282; } .l-your-cabinet .repay-loan.true-grid .row-loan .pay-off table tr td.big { font-size: 16px; font-weight: bold; color: #333333; } .l-your-cabinet .repay-loan h2 { padding: 0; margin-bottom: 13px; } .l-your-cabinet .prolongation-form .row-loan .m-slider input[type="text"] { padding-right: 25px; text-align: left; } .l-your-cabinet .prolongation-form.true-grid .row-loan .pay-off table tr td:first-child { width: 60%; font-weight: normal; } .l-your-cabinet .prolongation-form .row-loan .pay-off table td { border: none; } .l-your-cabinet .prolongation-form .row-loan .pay-off input.btn { width: auto; } .l-your-cabinet .prolongation-form .row-loan .pay .m-slider .slider-box:before, .l-your-cabinet .prolongation-form .row-loan .pay .m-slider .slider-box:after { height: 4px; } .l-your-cabinet .row-loan .ui-slider .ui-slider-handle { top: -8px; font-size: 0; background: url("/assets/img/ui-slider-handle.svg") no-repeat; width: 26px; height: 26px; padding: 0; } .l-your-cabinet .row-loan .ui-slider .ui-slider-handle:before, .l-your-cabinet .row-loan .ui-slider .ui-slider-handle:after { display: none } .l-your-cabinet .prolongation-form .row-loan .ui-slider .ui-slider-range { height: 100% } .l-your-cabinet .true-grid .row-loan .pay .m-slider .slider .table { padding: 0 } .l-your-cabinet .prolongation-form .row-loan .pay .m-slider .slider-box { padding: 0 5px 0 10px; } .l-your-cabinet .prolongation-form .row-loan .pay .m-slider .slider-box:before { left: 0; width: 20px; } .l-your-cabinet .prolongation-form .row-loan .pay .m-slider .slider-box:after { right: 0; width: 20px; } .l-your-cabinet .prolongation-form .row-loan .pay .m-slider .slider .slider-title { margin-bottom: 20px; } .l-your-cabinet .true-grid .row-loan .tar { padding-right: 0; } .l-your-cabinet .row-loan .m-slider input[type="text"] { border: none; border-radius: 0; border-bottom: 1px solid #000000; width: 100px; padding: 0 5px; text-align: right; } .l-your-cabinet .prolongation-form .row-loan .pay-off { padding-left: 30px; } .l-your-cabinet .row-loan .m-slider .ui-slider .ui-slider-handle.holiday-slider-style { background: url("/assets/img/ui-slider-handle.svg") no-repeat; } .l-your-cabinet .row-loan #prolongateNow.btn { padding: 11px 50px; } .l-your-cabinet .true-grid .row-loan .creditstate .tar .enotcoin-before { padding-top: 0; padding-left: 0; padding-bottom: 0; max-width: 50%; font-size: 12px; display: flex; align-items: center; } .l-your-cabinet .true-grid .row-loan .creditstate .tar .enotcoin-before span{ color: #828282; } .l-your-cabinet .true-grid .row-loan .creditstate .tar .enotcoin-before::before { margin: 0 5px 0 0; } #prolongateNow.loan-disabled { pointer-events: none; } @media only screen and (max-width: 1200px) { .l-your-cabinet .true-grid .row-loan .creditstate .tar .enotcoin-before { max-width: 100%; margin-bottom: 15px; } } @media only screen and (max-width: 900px) { .l-your-cabinet .row-loan { padding: 15px; } .l-your-cabinet .row-loan .m-slider input.btn { padding: 11px 50px; } .l-your-cabinet .prolongation-form .row-loan .pay-off input.btn { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 767px) { .l-your-cabinet .row-loan { padding: 15px; flex-wrap: wrap; } .l-your-cabinet .row-loan .slider-invest .m-slider .slider { margin-top: 0; } .l-your-cabinet .repay-loan .row-loan .pay-off { padding: 0; } .l-your-cabinet .row-loan .m-slider input.btn { padding: 11px 50px; } .l-your-cabinet .row-loan .mbl.slider-invest .m-slider .ui-slider .ui-slider-handle { top: -8px; border: none; background: url("/assets/img/ui-slider-handle.svg") no-repeat; } .l-your-cabinet .true-grid .row-loan .tar { padding-top: 10px; } .l-your-cabinet .repay-loan.true-grid .row-loan .pay .m-slider .slider-input { max-width: none; } .l-your-cabinet .repay-loan .row-loan .pay .m-slider .slider-input input, .l-your-cabinet .prolongation-form .row-loan .pay .m-slider .slider-input input { border: none; border-radius: 0; border-bottom: 1px solid #333333; } .l-your-cabinet .row-loan .autorepayment { padding: 20px 0 0 0; } .l-your-cabinet .prolongation-form .row-loan .pay-off { padding: 0; } .l-your-cabinet .prolongation-form .row-loan .pay .m-slider { margin: 0; } .l-your-cabinet .prolongation-form.true-grid .row-loan .pay-off table tr td:first-child { padding-left: 0; } .l-your-cabinet .row-loan { box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.15); } .l-your-cabinet .repay-loan .row-loan .pay-off table td:first-child { width: 45%; } .l-your-cabinet .repay-loan .row-loan .more-fields.all-fields .over { padding: 0; position: static; box-shadow: none; } .l-your-cabinet .true-grid .row-loan .pay-off.more-fields table tr td:first-child, .l-your-cabinet .true-grid .pay-off.more-fields table tr td:last-child { font-size: 14px; } } @media only screen and (max-width: 480px) { .l-your-cabinet .row-loan .mbl.slider-invest .slider-input .ui-datepicker-trigger { left: 80px !important; } } .popup-container .mv-popup { padding: 0; height: auto; background: transparent; top: 50%; left: 50% !important; bottom: unset; margin: 0 !important; transform: translate(-50%, -50%); position: fixed !important; } .popup-container .mv-popup .btn-close { font-weight: normal; line-height: 34px; height: 34px; width: 34px; display: flex; align-items: center; justify-content: center; background: #fff; top: 12px; font-size: 36px; border-radius: 50%; } .popup-container .mv-popup .popup-title_enotcoin { margin: 0; } .popup-container .mv-popup .popup-text_blue { color: #915FFF; } .popup-container .mv-popup .popup-description_promokod { border: none; } .popup-container .mv-popup .popup-description .popup-promokod { width: 250px } .popup-container .mv-popup .popup-description .hidden_type_input { position: relative; pointer-events: none; } .popup-container .mv-popup .popup-description .hidden_type_input input { color: #333; border: 1px solid #3DAE2B; } .popup-container .mv-popup .popup-description .hidden_type_input:before { position: absolute; content: ''; width: 20px; height: 15px; background: url("/assets/img/check.svg"); right: 13px; top: calc(50% - 7.5px); } .popup-container .mv-popup .popup-description .Applied { color: #3DAE2B; font-size: 12px; line-height: 16px; left: 20px; bottom: -3px; position: relative; display: none; } .popup-container .mv-popup .popup-description { padding: 10px 0; justify-content: space-between; flex-wrap: wrap; } .popup-container .mv-popup .popup-description input{ border: 1px solid #828282; border-radius:1px; height: 40px; } .popup-container .mv-popup .popup-description input::-webkit-input-placeholder { font-weight: normal } .popup-container .mv-popup .popup-description input::-moz-placeholder { font-weight: normal } .popup-container .mv-popup .popup-description input::-ms-input-placeholder { font-weight: normal } .popup-container .mv-popup .popup-description .btn-popup { box-shadow: none; } .popup-container .mv-popup .popup-description .promo-text-bottom, .popup-container .mv-popup .popup-description .promo-tips-bottom { margin-top: 20px; margin-bottom: 20px; } @media only screen and (min-width: 767px) { .popup-container .mv-popup .popup-description .promo-text-bottom, .popup-container .mv-popup .popup-description .promo-tips-bottom { margin-bottom: 0; } } .popup-container .mv-popup .popup-description_enotcoin .popup-enotcoin_sum input { font-weight: 500; border: none; border-bottom: 1px solid; text-align: right; height: 28px; } .popup-container .mv-popup .slider-box .slide { height: 4px; } .popup-container .mv-popup .slider-box .sliderthumb { top: -9px; } .popup-container .mv-popup .popup-description .btn_promocode { width: 200px; margin: 0 !important; background: linear-gradient(90deg, #915FFF 0%, #6E36EA 100%); pointer-events: unset; } .popup-container .mv-popup .btn-new-transparent { border: 1px solid #6E36EA; } .popup-container .mv-popup .btn-new-transparent:hover { background: linear-gradient(45deg, #915FFF 7.32%, #6E36EA 94.1%); color: #fff !important; } .popup-container .popup.mv-popup .btn:active{ background: linear-gradient(45deg, #915FFF 7.32%, #6E36EA 94.1%); } .promo-tips--item{ position: relative; color: #6e36ea; padding-left: 25px; font-size: 14px; font-weight: 500; line-height: 1.6; } .promo-tips--item:before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; display: inline-flex; background: url("/assets/img/icons/icon-styled-check.svg") no-repeat; background-size: 100% 100%; } .mv-slider { width: 100%; } .mv-slider .ui-slider-range { background: #d4ebd1; border-radius: 20px; height: 4px; } .mv-slider .ui-slider-handle { top: -8px; font-size: 0; background: url("/assets/img/ui-slider-handle.svg") no-repeat; width: 26px; height: 26px; padding: 0; margin-left: -15px; } .mv-slider .ui-slider-handle.ui-state-active{ cursor: pointer; } .mv-slider .ui-slider-horizontal { background: #3DAE2B; border-radius: 20px; height: 4px; } .popup-enotcoin_panel { max-width: 300px; width: 100%; position: relative; padding: 0 8px; } .popup-enotcoin_panel .min-possible { position: absolute; left: 0; top: 100%; font-weight: 300; font-size: 12px; color: #333333; } .popup-enotcoin_panel .max-possible { position: absolute; right: 0; top: 100%; font-weight: 300; font-size: 12px; color: #333333; } .mv-slider .slider-price:before{ content: ""; height: 4px; width: 10px; position: absolute; left: -8px; background: #3DAE2B; border-radius: 6px; } .mv-slider .slider-price:after{ content: ""; height: 4px; width: 10px; position: absolute; right: -8px; background: #d4ebd1; border-radius: 6px; } .mv-slider .slider-body { display: flex; justify-content: space-between; align-items: center; } .mv-slider .slider-body .btn-popup{ margin-right: 0; } .mv-slider .mv-icon { display: none; } .mv-icon { margin: auto; position: relative; background-size: contain; } .mv-icon-enotcoin { width: 28px; height: 17px; background: url("/assets/img/icons/ic-enotcoin.svg") no-repeat; } .mv-icon-promocode { width: 22px; height: 17px; background: url("/assets/img/icons/ic-promocode.svg") no-repeat; } @media only screen and (max-width: 768px) { .popup-container .mv-popup .popup-description .Applied { left: 14px; right: unset; bottom: unset; top: 0; position: relative; margin-top: 8px; } .popup-container .mv-popup .popup-description .hidden_type_input:before { position: absolute; content: ''; width: 20px; height: 15px; background: url("/assets/img/check.svg"); right: 13px; top: calc(50% - 20px); } .popup-container .popup.mv-popup { padding: 0; } .popup-container .popup.mv-popup .btn-close { top: 10px; } .popup-container .mv-popup .mv-tabs__head .popup-enot-count { display: none; } .popup-container .mv-popup .popup-description .popup-promokod{ width: 100%; padding: 0 15px; font-size: 14px; } .popup-container .mv-popup .popup-description .btn-popup { max-width: 100%; margin: 15px auto 0 !important; } .mv-slider .slider-body { display: block; } .popup-enotcoin_panel { margin-top: 15px; margin-bottom: 30px; } .popup-container .mv-popup .popup-description .popup_buttons { order: 2; } } .status { padding-right: 0; padding-left: 0; } .status .loadDocuments th:nth-child(n) { background: #F3F3F3; } .status .loadDocuments td:nth-child(n) { background: transparent; } .status .loadDocuments table { border-bottom: 1px solid rgba(151,151,151, .2); } .status .loadDocuments td:nth-child(n+2), .loadDocuments th:nth-child(n+2){ border-left: 1px solid rgba(151,151,151, .2); } .status .loadDocuments table th, .status .loadDocuments table td{ font-size: 14px; color: #0A0A0A; } .status .loadDocuments table th{ font-weight: 600; text-align: left; } .status .loadDocuments table td{ font-weight: normal; padding: 10px; vertical-align: top; } .status .loadDocuments table td:last-child{ vertical-align: middle; } .status .loadDocuments table td .icon.delete{ background: none; padding: 0; font-weight: 500; font-size: 14px; border-bottom: 1px solid #915FFF; color: #915FFF; } .loadDocuments { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1), 0px -3px 20px rgba(0, 0, 0, 0.1); } .loadDocuments .m-panel .m-header { background: transparent !important; font-weight: 500; font-size: 12px; line-height: 1.6; color: #AEAEAE; position: relative; } .loadDocuments .m-panel .m-header span{ background: #fff; color: rgba(174, 174, 174, .95); } .loadDocuments .m-panel .m-header:before { content: ''; position: absolute; left: 15px; right: 15px; top: 50%; z-index: -1; transform: translateY(-50%); border: 1px dashed rgba(0, 0, 0, 0.2); } .loadDocuments .m-panel .m-data { background: transparent; margin: 0; } .loadDocuments select { border: none; margin: 0; padding: 5px 0; width: 100%; font-size: 14px; background: transparent; } .loadDocuments-table + .m-panel{ margin-bottom: 15px; } .loadDocuments .document-buttons-container { padding: 20px 0; } .loadDocuments-table .preview-image { max-width: 100px; } .loadDocuments-table textarea { border: none; margin: 0; padding: 0; height: 100%; width: 100%; font-weight: 500; font-size: 14px; background: transparent; } .loadDocuments-table .d-preview { width: 120px; } .loadDocuments-table .d-type { width: 200px; } .loadDocuments-table .comment { min-height: 100px; position: relative; } .loadDocuments-table td:last-child{ text-align: center; width: 150px; } .loadDocuments-table .comment textarea + i{ display: inline-block; position: absolute; top: 10px; left: 10px; z-index: -1; width: 20px; height: 20px; background-size: 100% 100%; background-image: url("/assets/img/icons/load-edit.svg"); } .loadDocuments-table .comment textarea.no-empty + i{ display: none; } @media only screen and (min-width: 560px) { #documents-container:not(.xl-view) .loadDocuments-table table { display: table; } } @media all and (max-width: 575px) { #documents-container .loadDocuments table { display: none; } .loadDocuments { box-shadow: none; } .loadDocuments .m-panel .m-header { padding-left: 40px; box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.0692369), 0px 0px 0px rgba(0, 0, 0, 0.1); } .loadDocuments .m-panel .m-data { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.0692369), 0px 0px 0px rgba(0, 0, 0, 0.1); margin-bottom: 20px; background: transparent !important; font-size: 14px; } .loadDocuments .m-panel .m-preview { padding: 0; } .loadDocuments .m-panel .icon.delete { background: none; padding: 0; font-size: 14px; font-weight: 500; color: #915FFF; border-bottom: 1px solid #915FFF; } .loadDocuments .m-panel .comment { font-weight: 500; } .loadDocuments .m-panel-title { position: relative; font-weight: 500; font-size: 12px; line-height: 2; color: #AEAEAE; padding-left: 20px; margin-top: 10px; } .loadDocuments .m-panel-title span{ background: #fff; color: rgba(174, 174, 174, .95); } .loadDocuments .m-panel-title:before { content: ''; position: absolute; left: 0; right: 0; top: 50%; z-index: -1; transform: translateY(-50%); border: 1px dashed rgba(0, 0, 0, 0.2); } .loadDocuments .m-panel-navigate { border-top: 1px dashed rgba(0, 0, 0, 0.2); padding: 15px 0; margin-top: 15px; text-align: center; } .loadDocuments .m-panel textarea{ font-weight: 500; font-size: 14px; width: 100%; border: 1px solid rgba(0, 0, 0, 0.2); } } .payment-group label, .payment-group span { font-size: 14px; } .payment-group .label span { font-weight: normal; color: #828282; } .payment-group .tooltipstered { display: block; height: 29px; width: 29px; position: absolute; top: -50px; right: 0; } .payment-group .icons { background-position: -87px 0; display: block; height: 29px; position: relative; width: 29px; } .payment-group .owl-wrapper { display: flex !important; align-items: center; min-height: 200px; } .payment-group .owl-item:last-child { margin-right: 0; } .payment-group .owl-wrapper-outer { padding: 5px 0; } .payment-group .description { font-size: 14px; margin: 10px 0; } .payment-box { display: flex; align-items: baseline; } .payment-box .label label { font-size: 18px; margin-right: 40px; } .payment-box .small { font-size: 14px; margin-left: 10px; } .payment-box .big { font-size: 24px; font-weight: normal; } .payment-card .input-box .tooltipstered { position: absolute; } .payment-card .select-group { display: flex; justify-content: space-between; padding-right: 60px; } .payment-card .code .input-box { width: auto !important; float: none !important; display: flex; justify-content: flex-end; } .payment-card .code .keyboard-loading { left: unset !important; position: absolute !important; right: 40px !important; top: 0px !important; } .payment-card .code .left { width: 90px !important; } .payment-card .code .input-group { padding-top: 0 !important; } .payment-card .code label { text-align: right; } .payment-card .code { position: absolute; bottom: 0; right: 10px; } .payment-card .jq-selectbox .jq-selectbox__select .jq-selectbox__trigger { right: 0; } .payment-card .jq-selectbox .jq-selectbox__select .jq-selectbox__trigger .jq-selectbox__trigger-arrow:after { font-size: 6px; } .payment-card { max-width: 280px; } .payment-card__front { background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%); box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25); border-radius: 6px; padding: 18px 24px; width: 290px; position: relative; z-index: 2; width: 100%; } .payment-card__back { background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%); box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25); border-radius: 6px; position: relative; z-index: 1; padding-top: 34px; width: 100%; right: -70px; margin-top: -100px; height: 170px; } .payment-card__back:before { content: ''; display: block; height: 47px; background: #C4C4C4; } .payment-card { position: relative; } .payment-card .input-box { position: relative; } .payment-card .input-box .jq-selectbox { width: 64px; } .payment-card .expire-date-row { margin-top: 16px; } .payment-card .row { width: 100%; } .l-your-cabinet .payment-card .input-box input { padding: 0 8px; max-width: 100%; } .l-your-cabinet .payment-card .input-box input, .payment-card .input-box .jq-selectbox { border: none; height: 32px; border-bottom: 1.4px solid rgba(34, 66, 91, 0.2); font-weight: normal; font-size: 18px; } .l-your-cabinet .payment-card .input-box.error input, .payment-card .input-box .error .jq-selectbox { border: none !important; border-bottom: 1.4px solid #ff5757 !important } .l-your-cabinet .payment-card .jq-selectbox .jq-selectbox__select .jq-selectbox__select-text { font-weight: normal; padding: 0 8px; } .payment-mobile input { width: 100%; border: 1px solid #000000; font-weight: normal; font-size: 18px; color: #828282; letter-spacing: 2px; } .jq-mv-radio .jq-radio, .jq-mv-radio input { display: none !important; } .jq-mv-radio-card { width: 240px; height: 162px; transition: .4s; border-radius: 8px; cursor: pointer; padding: 16px; margin: auto; position: relative; justify-content: space-between; display: flex; flex-direction: column; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1), -4px -4px 4px #FFFFFF; background: linear-gradient(90deg, rgba(61,174,43,1) 0%, rgba(61,174,43,1) 35%, rgba(61,174,43,1) 100%); } .jq-mv-radio-card .nameCard { color: #fff; min-height: 20px; min-width: 20px; display: inline-block; } .jq-mv-radio-card .numberCard { color: #fff; font-size: 15px; font-weight: 600; transition: .4s; } .jq-mv-radio-card .dateCard { color: #fff; font-weight: 500; } .jq-mv-radio-card .ic-Visa { position: absolute; bottom: 18px; right: 14px; transition: .4s; } .jq-mv-radio-card .ic-MasterCard { position: absolute; bottom: 12px; right: 14px; transition: .4s; } .jq-mv-radio .jq-radio.checked + .jq-mv-radio-card { width: 280px; height: 188px; background: linear-gradient(90deg, #915FFF 0%, #6E36EA 100%); } .jq-mv-radio .jq-radio.checked + .jq-mv-radio-card .numberCard { font-size: 18px; } .jq-mv-radio .jq-radio.checked + .jq-mv-radio-card .icon { bottom: 16px; } .payment-notification .btn-block { margin: 0; } .payment-notification .btn-block a { display: inline-block; min-width: 288px; } .payment-notification { padding: 0 20px; } .payment-notification .flex-row { display: flex; flex-direction: column; max-width: 341px; } .payment-notification .flex-row.flex-row--error { max-width: 440px; } .payment-notification .flex-row .payment-option { margin: auto auto 0 30px; } .payment-notification .btn-block a.no-border { border: none; box-shadow: none; } .payment-notification .big { font-style: normal; font-weight: normal; font-size: 34px; line-height: 41px; max-width: 500px; } .payment-notification .image { top: -16px; position: absolute; right: 0; z-index: -1; } .payment-notification .image img { max-width: 500px; } .payment-notification .image.error { right: -300px; width: 100%; height: auto; max-width: 580px; } .payment-notification .image.error img { width: 100%; max-width: 580px; } .payment-notification .row { display: flex; min-height: 360px; align-items: center; } .payment-group p { padding-left: 0 !important; } .payment-confirmation { position: relative; min-height: 300px; } .payment-confirmation img { width: 340px; position: absolute; right: 0; top: 25px; } .payment-content .mv-tabs__head { width: auto; position: relative; z-index: 0; } .btn-inline { display: inline-block; } .align-items-center { -ms-flex-line-pack: center; align-content: center; } .align-items-end { -ms-flex-line-pack: end; align-content: flex-end; } .input-disabled { display: block; width: 280px; background: #C4C4C4; padding: 11px; } .ic-Visa { display: inline-block; width: 60px; height: 20px; background-size: 100% 100%; background-image: url("/assets/img/icons/ic-visa.svg"); } .ic-MasterCard { display: inline-block; width: 45px; height: 34px; background-size: 100% 100%; background-image: url("/assets/img/icons/ic-mastercard.svg"); } .ic-icon-Visa { display: inline-block; width: 60px; height: 20px; background-size: 100% 100%; background-image: url("/assets/img/icons/ic-visa.svg"); } .ic-icon-MasterCard { display: inline-block; width: 45px; height: 20px; background-size: 100% 100%; background-image: url("/assets/img/icons/ic-icon-mastercard.svg"); } .ic-registeredCard { display: inline-block; width: 27px; height: 20px; background-size: 100% 100%; background-image: url("/assets/img/icons/ic-registeredCard.svg"); } .ic-otherCard { display: inline-block; width: 27px; height: 20px; background-size: 100% 100%; background-image: url("/assets/img/icons/ic-otherCard.svg"); } .ic-mobileCard { display: inline-block; width: 27px; height: 20px; background-size: 100% 100%; background-image: url("/assets/img/icons/ic-mobileCard.svg"); } .payment-content .mv-tabs__head .ic { display: none; } .payment-content .mobile-payment .c-form { display: none; position: fixed; z-index: -10; right: 0; left: 0; top: 0; bottom: 0; margin: auto; max-width: none; } .payment-content .mobile-payment .c-form .card-form { background-color: #ffffff; padding: 13px 16px; max-width: 280px; margin: 20% auto 0; position: relative; } .payment-content .mobile-payment .c-form .card-form .close-icon { background-image: url("/assets/img/icons/close-red-ic.svg"); width: 16px; height: 16px; background-size: contain; position: absolute; right: 9px; top: 10px; cursor: pointer; } .mobile-payment .mobile-payment__title { font-weight: bold; font-size: 16px; line-height: 20px; color: #333333; margin: 0 0 7px; width: 100%; padding: 0; } .mobile-payment .mobile-payment__text { font-weight: 300; position: relative; font-size: 14px; line-height: 20px; color: #828282; width: 100%; padding: 0; } .mobile-payment .mobile-payment__text .change-num { position: absolute; display: none; cursor: pointer; font-weight: 500; font-size: 15px; line-height: 18px; color: #915FFF; top: 100%; left: 0; } .mobile-payment .mobile__confirmation-code { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; /*max-width: 350px;*/ margin-right: auto; } .mobile-payment .mobile__confirmation-code .confirmation-code__item { max-width: none; width: 100%; } .mobile-payment .mobile__confirmation-code .code-box { max-width: 260px; } .mobile-payment .mobile__confirmation-code .code-box .code-box_title { font-weight: 300; font-size: 14px; line-height: 17px; color: #828282; margin-bottom: 3px; } .mobile-payment .mobile__confirmation-code .code-box .code-box__input-forms { display: flex; border: 1px solid #828282; height: 42px; padding: 2px 9px 9px 11px; align-items: flex-end; position: relative; } .mobile-payment .mobile__confirmation-code .code-box .code-box__input-forms .code-num { all: initial; width: 100%; color: #333; cursor: pointer; font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; height: 18px; font-family: 'montserrat'; } .mobile-payment .mobile__confirmation-code .button-box { margin-top: 17px; max-width: none; position: relative; } .mobile-payment .mobile__confirmation-code .button-box .btn-new { display: block; padding: 11px 0 10px; width: 100%; } .mobile-payment .mobile__confirmation-code .button-box .btn-new-transparent { box-shadow: none; border: none; display: block; margin: 10px auto 0; } .mobile-payment .confirmation-code__countdown { display: none; position: absolute; left: 100%; top: 0; } .mobile-payment .confirmation-code__countdown div { font-weight: 500; font-size: 18px; line-height: 22px; color: #915FFF; position: relative; bottom: auto; padding: 10px; } .mobile-payment .confirmation-code__countdown .sms-send-again { display: none; cursor: pointer; position: relative; bottom: 10px; left: 12px; all: initial; width: 40px; height: 40px; background-image: url("/assets/img/icons/ic-refresh.svg"); background-size: 24px; background-position: center; background-repeat: no-repeat; } .payment-content .mobile-payment .c-form.show-popup { display: block; opacity: 1; z-index: 500; transition: 0.3s; max-width: none; background-color: rgba(0, 0, 0, 0.6); } .captcha-group .input-group { padding: 0 !important; } .captcha-group .input-box { position: relative; } .captcha-group .input-box { height: auto !important; } .captcha-group .input-group label span { font-size: 14px !important; } .l-your-cabinet .captcha-group .input-group .input-box .icon-x { right: 15px; } .l-your-cabinet .captcha-group .input-box.correct .icon-check { right: 15px; } section.payment-content .card-form p { padding-left: 0; padding-right: 0; } section.payment-content .code-box .input-box span { position: absolute; right: -29px; } section.payment-content .code-box__input-forms { margin-top: 10px; max-width: 200px; } section.payment-content .code-box__input-forms input { width: 200px } .mobile-form { padding: 0 15px; } .new-style-group .captcha-group .input-group { margin-bottom: 15px; } #paymentContent .payment-option .btn-block { margin-bottom: 30px; } #paymentContent .payment-option .btn { margin: 10px 0; } .payment-notification .flex-row.flex-row--error .btn-block a { margin: 0 0 30px; } @media (min-width: 768px) and (max-width: 900px) { .payment-notification .image.error { right: -200px; max-width: 480px; } } @media only screen and (max-width: 768px) { #paymentContent .payment-option .btn-block { top: 0; } #paymentContent .payment-option .btn-block .btn { margin-bottom: 12px; } #paymentContent .mv-tabs__head { position: fixed; bottom: 0; left: 0; right: 0; z-index: 10; justify-content: space-between; background: #FFFFFF; box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.15); } #paymentContent .mv-tabs__head .item { padding: 0; flex: 0 0 33%; filter: grayscale(1); } #paymentContent .mv-tabs__head .item.active { filter: grayscale(0); } #paymentContent .mv-tabs__head .item:after { display: none; } #paymentContent .mv-tabs__head .item .item-title { background: transparent; padding: 10px 16px; font-size: 9px; line-height: 12px; height: auto; } #paymentContent .mv-tabs__head .item .item-shadow { display: none; } #paymentContent .mv-tabs__head .ic { display: block; margin: auto; } #paymentContent .mv-tabs__head .ic { display: block; margin: auto; } #paymentContent .mv-tabs__body { box-shadow: none; } #paymentContent #cvv2_keyboard { top: 30px; right: 0; transform: translateX(0); } .payment-notification { text-align: center; } .payment-notification .big { font-weight: bold; font-size: 24px; text-align: left; } .payment-notification .flex-row .payment-option { width: 100%; margin: 0; } .payment-notification .row { padding: 0 !important; min-height: auto; max-width: none; } .payment-notification .flex-row.flex-row--error { max-width: none; } .payment-notification .image { position: relative; top: 0; right: 0; } .payment-notification .image.error { right: -50px; } .payment-notification .image img { height: auto; max-width: 406px; } .payment-confirmation .row { padding: 20px !important; } .payment-confirmation img { width: 210px; position: relative; } .payment-card { margin-top: 20px; } .payment-card__back { right: 0; } .payment-group .tooltipstered { top: -50px; } .payment-group .owl-item:first-child { margin-left: 0 } .m-reverse { display: flex; flex-direction: column-reverse; } .col-md-6 { width: 100%; padding: 0; } section.payment-content .button-box button { width: 100%; max-width: 300px; margin-top: 10px; } .l-your-cabinet form .captcha-group .input-group label { padding: 0; } .l-your-cabinet form .captcha-group .input-group label span { padding: 0; } .captcha-group .input-group label span { font-size: 14px; } .captcha-group .input-box input[type='text'] { width: 100% !important; } #paymentContent .owl-controls { text-align: center; } #paymentContent .owl-controls .owl-pagination { display: flex; align-items: center; justify-content: center; margin-top: 20px; } #paymentContent .owl-controls .owl-pagination .owl-page.active { background: #915FFF; width: 8px; height: 8px; } #paymentContent .owl-controls .owl-pagination .owl-page { float: left; margin: 0 8px; border-radius: 50%; transition: all 0.2s linear; } #paymentContent .owl-controls .owl-pagination .owl-page { width: 6px; height: 6px; border: none; background: #C4C4C4; } .payment-notification .payment-option .btn-block { width: 100%; } .payment-notification .payment-option .btn-block a { max-width: none; width: 100%; margin: 0; } section.payment-content p { margin-bottom: 20px; } } @media (min-width: 768px) { .captcha-group { font-size: 14px; } .captcha-group .captchamvc-wrapper .captcha-input-wrapper { width: 140px; flex-basis: unset; margin: 0 30px 0 0; order: 1; } .captcha-group .captchamvc-wrapper .captcha-input-wrapper .input-group .input-box { width: 100% !important; } .captcha-group .input-group .input-box input[type='text'] { width: 100% !important; } .captcha-group .captchamvc-wrapper .captcha-input-wrapper .input-group { min-width: 140px; max-width: 140px; width: 140px !important; margin: 0 !important; } .captcha-group .input-group .input-box { width: 100% !important; } .payment-group .owl-item { width: auto !important; margin-right: 8px; } #paymentContent .payment-option .btn-block { display: flex; justify-content: center; flex-direction: column; } } @media all and (max-width: 767px) { #paymentContent .mv-tabs__head { padding-bottom: 52px; } } @media all and (max-width: 575px) { section.payment-content .button-box a { display: inline-block; width: 100%; } section.payment-content .button-box button { margin-bottom: 15px; max-width: none; } } .ui-modalup-mobile .ui-codebox--confirmation .input-group { width: 225px; flex-basis: unset; order: 2; margin: 0 12px 0 0; } .ui-modalup-mobile .ui-codebox--confirmation { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } .ui-modalup-mobile .ui-codebox--confirmation .sms-code-timer { display: flex; flex: 1 0 auto; flex-basis: 75px; width: 45px; height: 35px; flex-basis: 45px; order: 3; font-size: 18px; align-content: center; padding: 10px 0; } .ui-modalup-mobile .ui-codebox--confirmation .sms-code-timer img { cursor: pointer; } @charset "UTF-8"; .receive-type { margin-bottom: 28px; } .receive-type__title { font-weight: 300; font-size: 14px; line-height: 17px; color: #4f4f4f; margin-bottom: 10px; } .receive-type__control { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 13px; } .receive-type__control .styled-radio:not(:last-child) { margin-right: 20px; } .receive-type__content-item { display: none; margin-bottom: 15px; } .receive-type__content-item.visible { display: block; } .receive-type__content-item .input-group { margin-bottom: 0 !important; } .receive-type__content-item .input-group:not(:last-child) { margin-bottom: 6px !important; } .styled-radio { display: flex; } .styled-radio__input { display: none; width: auto !important; } .styled-radio__input:checked + .styled-radio__label .styled-radio__checkbox { border-color: #915fff; } .styled-radio__input:checked + .styled-radio__label .styled-radio__checkbox:before { opacity: 1; } .styled-radio__label { position: relative; display: flex; align-items: center; cursor: pointer; float: none !important; width: auto !important; height: auto !important; line-height: 1 !important; } @media all and (max-width: 767px) { .styled-radio__label { padding: 0 !important; } } .styled-radio__label-icon { display: inline-block; margin-right: 6px; } .styled-radio__label-text { font-size: 18px; line-height: 22px; color: #333; } .styled-radio__checkbox { position: relative; display: block; width: 15px; height: 15px; margin-right: 10px; border-radius: 50%; padding: 2px; border: 1px solid #333; transition: all 0.5s 0s; } .styled-radio__checkbox:before { display: block; content: ""; width: 100%; height: 100%; background-color: #915fff; border-radius: 50%; opacity: 0; transition: all 0.5s 0s; } .comission-warning { font-size: 14px; line-height: 20px; } .comission-warning-title { font-weight: 600; color: #915fff; } .comission-warning-body { color: #828282; } .l-your-cabinet .safe-promo { margin: 30px 0 30px 0; } .l-your-cabinet .safe-promo__btn-container { order: 3; width: 100%; } .l-your-cabinet .safe-promo__text-container { order: 1; width: calc(100% - 110px); margin-bottom: 15px; min-height: 85px; } .l-your-cabinet .safe-promo__text-container span { font-weight: bold; } .l-your-cabinet .safe-promo__img-container { position: relative; order: 2; margin: -25px 0 15px 0; } .l-your-cabinet .safe-promo__img-container img { position: absolute; top: 0; left: 30px; } @media (min-width: 768px) { .l-your-cabinet .safe-promo { align-items: center; display: flex; padding: 20px 40px; background: #FFFFFF; justify-content: space-between; box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.25); } .l-your-cabinet .safe-promo__btn-container { order: 1; width: inherit; max-width: 200px; } .l-your-cabinet .safe-promo__text-container { text-align: center; font-size: 16px; line-height: 20px; order: 2; width: inherit; margin: 0; min-height: inherit; } } @media (min-width: 768px) and (max-width: 920px) { .l-your-cabinet .safe-promo__text-container { max-width: 140px; } } @media (min-width: 768px) { .l-your-cabinet .safe-promo__img-container { text-align: center; position: relative; order: 3; margin: inherit; width: 200px; } .l-your-cabinet .safe-promo__img-container img { bottom: -40px; top: unset; left: unset; } } @media (min-width: 768px) and (min-width: 920px) { .l-your-cabinet .safe-promo__img-container img { left: 0; } } .credit-calculator { position: relative; margin-bottom: 30px; } @media all and (max-width: 767px) { .credit-calculator { margin: 0 -15px; } } .credit-calculator .heading { display: none; } @media all and (max-width: 767px) { .credit-calculator .heading { display: block; padding: 0 80px 0 20px; } } .credit-calculator .heading h2 { font-weight: bold; font-size: 24px; line-height: 30px; } .credit-calculator .bullets { display: none; align-items: center; position: absolute; top: 45px; right: 30px; z-index: 4; } @media all and (max-width: 767px) { .credit-calculator .bullets { display: flex; } } .credit-calculator .bullets__item { width: 12px; height: 12px; border-radius: 50%; background-color: #d2d2d2; margin: 0 5px; transition: all 0.5s 0s; } .credit-calculator .bullets__item.active { background-color: #6e36ea; } .credit-calculator .tabs { display: flex; position: relative; z-index: 3; } @media all and (max-width: 767px) { .credit-calculator .tabs { display: none; } } .credit-calculator .tabs__item { display: flex; width: 235px; height: 68px; justify-content: flex-start; align-items: center; position: relative; margin-left: -26px; cursor: pointer; } .credit-calculator .tabs__item-title { width: calc(100% - 26px); height: 100%; position: relative; display: flex; align-items: center; background-color: #DFDFDF; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 18px; line-height: 22px; padding-left: 39px; color: #0A0A0A; transition: all 0.5s 0s; z-index: 3; } .credit-calculator .tabs__item-title:after { display: block; content: ""; position: absolute; bottom: 0; left: -20px; width: calc(100% + 44px); height: 30px; background-color: #fff; transform: translateY(100%); pointer-events: none; cursor: default; z-index: 5; } @media all and (max-width: 1199px) { .credit-calculator .tabs__item-title:after { height: 15px; } } .credit-calculator .tabs__item:first-child .tabs__item-title:after { left: 0; } .credit-calculator .tabs__item-angle-wrap { position: absolute; left: 0; width: calc(100% + 21px); height: 100%; display: block; overflow: hidden; pointer-events: none; } .credit-calculator .tabs__item-angle { position: absolute; background-color: transparent; left: 0; width: calc(100% - 13px); height: 100%; display: block; pointer-events: none; } .credit-calculator .tabs__item-angle::after { content: ""; display: block; width: 120px; height: 120px; position: absolute; top: 0; right: 0; background-color: #DFDFDF; transform: rotate(74deg) translate(-1px, 8px); box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.25); transition: all 0.5s 0s; pointer-events: none; z-index: 2; } .credit-calculator .tabs__item:nth-child(1) { width: 229px; margin-left: 0; z-index: 4; } .credit-calculator .tabs__item:nth-child(1):not(.active) { z-index: 1; } .credit-calculator .tabs__item:nth-child(1) .tabs__item-title { padding-left: 34px; } .credit-calculator .tabs__item:nth-child(2) { z-index: 3; } .credit-calculator .tabs__item:nth-child(3) { z-index: 2; } .credit-calculator .tabs__item:before { content: ""; display: block; width: calc(100% - 24px); height: 100%; position: absolute; left: 0; right: 0; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25); z-index: 1; } @media all and (max-width: 1199px) { .credit-calculator .tabs__item:before { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); } } .credit-calculator .tabs__item.active { z-index: 9; } .credit-calculator .tabs__item.active .tabs__item-title { background-color: #fff; } .credit-calculator .tabs__item.active .tabs__item-angle-wrap .tabs__item-angle:after { background-color: #fff; } .credit-calculator .slider-wrapper { background: #fff; } .credit-calculator .slider-wrapper ~ .slider-wrapper { margin-top: 15px; } .credit-calculator .slider-wrapper ~ .slider-wrapper .new-slider-input { margin-bottom: 10px; } @media all and (max-width: 767px) { .credit-calculator .slider-wrapper ~ .slider-wrapper { margin-top: -10px; } } @media all and (max-width: 767px) { .credit-calculator .slider-wrapper { padding: 10px 14px 5px; margin: 5px 0 15px; background: #fafafa; box-shadow: 0 0 14px rgba(0, 0, 0, 0.15); } .credit-calculator .slider-wrapper ~ .slider-wrapper { margin: 0 0 30px; } } .tabs-content-wrapper { position: relative; width: 100%; } @media all and (max-width: 767px) { .tabs-content-wrapper { display: flex; width: auto; align-items: flex-start; overflow: hidden; transition: all 0.3s 0s; } } .slide-tab-wrapper { display: none; } @media all and (max-width: 767px) { .slide-tab-wrapper { display: block; box-shadow: none; width: 100%; flex: none; padding: 11px 12px; box-sizing: border-box; } .slide-tab-wrapper:first-child .credit-state-container { padding-left: 0; } .slide-tab-wrapper:last-child .credit-state-container { padding-right: 0; } } .slide-tab-wrapper__inner { position: relative; display: flex; align-items: stretch; flex-wrap: wrap; padding: 47px 36px 36px 36px; background-color: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25); } @media all and (max-width: 1199px) { .slide-tab-wrapper__inner { padding: 35px 25px 25px; } } @media all and (max-width: 991px) { .slide-tab-wrapper__inner { padding: 35px 15px 15px; } } @media all and (max-width: 767px) { .slide-tab-wrapper__inner { display: flex; padding: 0; box-shadow: none; } } .slide-tab-wrapper__inner--lp { padding: 20px; } .slide-tab-wrapper__inner--lp .status { padding: 0; width: 100%; } .slide-tab-wrapper__inner--lp .status-new .status-image { display: none; } .slide-tab-wrapper__inner--lp .status-new .status-image.mobile { display: block; margin: 14px auto 20px; transform: scale(-1, 1); } @media all and (min-width: 767px) { .slide-tab-wrapper__inner--lp .status-new .status-image { display: block; position: absolute; z-index: 1; bottom: 0; } .slide-tab-wrapper__inner--lp .status-new .status-image.mobile { display: none; } } .slide-tab-wrapper__inner--lp .status-new .quote { display: none; } @media all and (max-width: 767px) { .slide-tab-wrapper__inner--lp .status-new .quote { display: block; all: inherit; position: relative; top: -20px; max-width: none; } } @media all and (max-width: 360px) { .slide-tab-wrapper__inner--lp .status-new .quote { max-width: 130px; } } .slide-tab-wrapper__inner--lp .status-new .status-item { margin: 0; display: flex; justify-content: center; align-items: center; position: relative; } @media all and (min-width: 767px) { .slide-tab-wrapper__inner--lp .status-new .status-item { padding-left: 150px; min-height: 280px; } } .slide-tab-wrapper__inner--lp .status-new .status-item .description { width: 100%; max-width: 300px; line-height: 150%; font-weight: 600; font-size: 24px; } @media all and (max-width: 767px) { .slide-tab-wrapper__inner--lp .status-new .status-item .description { font-size: 16px; } } .slide-tab-wrapper__inner--lp .status-new .status-item .btn-new { width: 100%; margin-top: 30px; } .slide-tab-wrapper__inner--lp .status-new-topup_approved .status-item { z-index: 10; max-width: none; } .slide-tab-wrapper .tab-heading { display: none; padding: 0 80px 20px 25px; width: 100%; } @media all and (max-width: 767px) { .slide-tab-wrapper .tab-heading { display: block; } } .slide-tab-wrapper .cms-content { margin: 40px 0; font-weight: normal; font-size: 14px; line-height: 17px; } .slide-tab-wrapper.open { display: block; position: relative; z-index: 9; } .credit-state-container { display: flex; flex-wrap: wrap; padding-right: 35px; flex: 1 1 auto; align-items: flex-start; flex-direction: column; } @media all and (max-width: 1199px) { .credit-state-container { padding-right: 25px; } } @media all and (max-width: 767px) { .credit-state-container { padding-bottom: 0; padding-left: 20px; padding-right: 25px; } } .credit-state-container__inner { display: flex; width: 100%; } @media all and (max-width: 425px) { .credit-state-container__inner { flex-wrap: wrap; } } .credit-state-container .credit-state-progress { flex: none; width: 150px; margin-right: 25px; } @media all and (max-width: 991px) { .credit-state-container .credit-state-progress { margin-right: 15px; } } @media all and (max-width: 767px) { .credit-state-container .credit-state-progress { margin-right: 5px; transform: scale(0.85); } } @media (min-width: 992px) and (max-width: 1070px) { .credit-state-container .credit-state-progress { width: 140px; } } .credit-state-container .credit-state-progress-circle { position: relative; background: #fff; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); width: 150px; height: 150px; border-radius: 75px; margin: auto; } .credit-state-container .credit-state-progress-circle-info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 30px; box-sizing: border-box; } .credit-state-container .credit-state-progress-circle-info .before-pay, .credit-state-container .credit-state-progress-circle-info .last-day { font-size: 14px; line-height: 17px; color: #999; margin-bottom: 5px; } .credit-state-container .credit-state-progress-circle-info .before-pay-days, .credit-state-container .credit-state-progress-circle-info__description { text-align: center; color: #333; line-height: 22px; } .credit-state-container .credit-state-progress-circle-info .before-pay-days { font-weight: bold; font-size: 18px; } .credit-state-container .credit-state-progress-circle-info__description { font-weight: normal; font-size: 14px; } .credit-state-container .credit-state-progress-circle-info__value { font-weight: 500; font-size: 14px; line-height: 17px; color: #0A0A0A; } .credit-state-container .credit-state-progress-circle-info__value--big { font-size: 16px; line-height: 20px; color: #0A0A0A; } .credit-state-container .credit-state-info { flex: 1 1 auto; padding-top: 10px; } @media all and (max-width: 991px) { .credit-state-container .credit-state-info { max-width: none; } } @media all and (max-width: 767px) { .credit-state-container .credit-state-info { width: calc(100% - 155px); padding-right: 0; } } .credit-state-container .credit-state-info-section { border-bottom: 1px #DDDDDD solid; margin-bottom: 5px; } .credit-state-container .credit-state-info-section:last-child { border: none; } .credit-state-container .credit-state-info-section__description { font-size: 16px; line-height: 24px; padding: 0 0 5px 0; } .credit-state-container .credit-state-info-section__value { position: relative; font-weight: 500; font-size: 16px; line-height: 24px; padding: 0 0 5px 0; } .credit-state-container .credit-state-info-section__value .tooltip-wrapper { position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin-top: -5px; z-index: 9; } @media all and (max-width: 767px) { .credit-state-container .credit-state-info-section__value .tooltip-wrapper { top: 4px; right: auto; left: 0; transform: translateY(0); margin-top: 0; } } @media all and (max-width: 767px) { .credit-state-container .credit-state-info-section__value .has-question-icon { margin-left: 0; } } .credit-state-container .credit-state-info-section__value .tooltip-percent-info { width: 240px; min-height: auto; right: -102px; } .credit-state-container .credit-state-info-section__value .tooltip-percent-info p { text-align: center; margin-bottom: 0; } .credit-state-container .credit-state-info-section.less-height { position: relative; } .credit-state-container .credit-state-info-section.less-height .credit-state-info-section__value { line-height: 18px; padding: 0; } .credit-state-container .flex-align-items-center { display: flex; align-items: center; } .credit-state-container .credit-prolongation-end-date { clear: both; } .credit-state-container .credit-new-state { display: flex; width: 100%; justify-content: space-between; margin: auto 0 0 5px; } @media all and (max-width: 767px) { .credit-state-container .credit-new-state { margin-top: 25px; } } .credit-state-container .credit-new-state__value { font-weight: 500; } .credit-state-container .credit-new-state__label { font-weight: normal; } .credit-state-container .credit-new-state span { font-size: 16px; line-height: 22px; } .credit-state-container .credit-state-text { width: 100%; margin-top: 20px; font-size: 12px; line-height: 15px; color: #915fff; text-align: right; } @media all and (max-width: 767px) { .old-value { display: inline-block; width: 100%; line-height: 25px; } } .old-value span { font-weight: normal; font-size: 12px; line-height: 15px; color: #828282; text-decoration: line-through; } .new-slider-box { background: #3DAE2B; margin: 10px 0; } .new-slider-box .new-slider-range { border-radius: 20px; height: 4px; } .new-slider-box .new-slider-range.tale { width: calc(100% - 50px); } .new-slider-box .new-slider-range.tale:after { content: ""; display: block; height: 4px; background-image: linear-gradient(90deg, #FF9800, #FF9800 50%, transparent 50%, transparent 100%); background-size: 4px 4px; border: none; top: 0px; width: 50px; right: -50px; position: absolute; z-index: 1; } .new-slider-box .new-slider-range .ui-slider-range { background: #dfefd5; } .new-slider-box .ui-slider-handle { top: -8px; font-size: 0; width: 20px; height: 20px; padding: 0; margin-left: -10px; cursor: pointer; background-color: #fff; border: 2px solid #3dae2b; box-shadow: 2px 6px 10px rgba(0, 0, 0, 0.15); border-radius: 50%; } .new-slider-box .ui-slider-handle.holiday-slider-style { border: 2px solid #EB5757; } .new-slider-box .ui-slider-handle:after { display: none; } .new-slider-box .ui-slider-handle:before { display: none; } .slider-min-max:after { clear: both; content: ""; display: block; } .slider-min-max .min-possible, .slider-min-max .max-possible { font-weight: 500; float: left; color: #828282; font-size: 12px; line-height: 15px; } .slider-min-max .max-possible { float: right; } input.apple-switch { position: relative; -webkit-appearance: none; outline: none; width: 50px !important; height: 30px; background-color: #D9DADC; border: 1px solid #D9DADC; border-radius: 50px; box-shadow: inset -20px 0 0 0 #DCDCDC, inset 0px 4px 4px rgba(0, 0, 0, 0.15); cursor: pointer; } input.apple-switch:after { content: ""; position: absolute; top: 1px; left: 1px; background: #fff; width: 26px; height: 26px; border-radius: 50%; box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.16), 0 3px 8px rgba(0, 0, 0, 0.15); transition: 0.2s; } input.apple-switch:checked { box-shadow: inset 20px 0 0 0 #3DAE2B, inset 0 4px 4px rgba(0, 0, 0, 0.15); border-color: #3DAE2B; background-color: #3DAE2B; } input.apple-switch:checked:after { left: 20px; } .currency-short { margin-left: 5px; } .total-debt-value { margin: 10px 0; font-size: 12px; line-height: 15px; color: #828282; } @media all and (max-width: 767px) { .total-debt-value { display: none; } } .total-debt-value.purple-color { color: #915fff; line-height: 20px; margin-bottom: 20px; } .total-debt-value.purple-color.margin-low { margin-bottom: 10px; } @media all and (max-width: 767px) { .total-debt-value.purple-color.margin-low { order: 2; } } @media all and (max-width: 767px) { .total-debt-value.purple-color { order: 3; text-align: center; } } .total-debt-value.default-color { color: #828282; margin-bottom: 10px; } @media all and (max-width: 767px) { .total-debt-value.default-color { width: 100%; } } .total-debt-value.in_arrears { width: 50%; color: #eb5757; margin: -20px 0 0; } .total-debt-value.in_arrears--default, .total-debt-value.in_arrears--alert { font-weight: bold; font-size: 16px; line-height: 20px; } @media all and (max-width: 767px) { .total-debt-value.in_arrears--default, .total-debt-value.in_arrears--alert { width: 100%; } } .total-debt-value.in_arrears--default { margin: -17px 0 10px; color: #000; } .total-debt-value.in_arrears--warning { font-size: 12px; line-height: 18px; max-width: 376px; margin-left: auto; } @media all and (max-width: 767px) { .total-debt-value.in_arrears--warning { display: block; order: 2; width: 100%; max-width: none; margin: 15px 0 0; text-align: center; } } @media all and (max-width: 767px) { .total-debt-value.in_arrears.status-title { display: block; margin-left: 20px; font-weight: 600; } } .total-debt-value .tooltip-box { display: inline-block; position: relative; top: -3px; } .credit-options-container { width: 370px; flex: none; } @media all and (max-width: 1199px) { .credit-options-container { width: 388px; } } @media all and (max-width: 1099px) { .credit-options-container { width: 320px; } } @media all and (max-width: 991px) { .credit-options-container { width: 410px; } } @media all and (max-width: 875px) { .credit-options-container { width: 370px; } } @media all and (max-width: 767px) { .credit-options-container { display: flex; flex-direction: column; width: 100%; order: 3; } } .credit-options-container .btn-new, .credit-options-container .styled-button { width: 100%; } .credit-options-container__inner { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding-top: 10px; } @media all and (max-width: 767px) { .credit-options-container__inner > * { order: 2; } } .credit-options-container__inner .total-debt-value { display: block; } .credit-options-container__inner .total-debt-value.enotcoin-before { display: flex; align-items: center; margin: 10px 0; font-size: 12px; line-height: 15px; color: #828282; } @media all and (max-width: 767px) { .credit-options-container__inner .total-debt-value.enotcoin-before { justify-content: center; } } @media all and (max-width: 425px) { .credit-options-container__inner .total-debt-value.default-color { display: none; } } @media all and (max-width: 767px) { .credit-options-container__inner .total-debt-value.hide-m { display: none; } } .credit-options-container__description { font-weight: normal; font-size: 12px; line-height: 1.4; color: #915fff; margin: 15px 0; } @media all and (max-width: 767px) { .credit-options-container__description { margin: 20px 0; text-align: center; order: 3; } .credit-options-container__description--under-slider { order: 2; margin-top: 0; } } .credit-options-container__description.text-danger { color: #eb5757; } .credit-options-container__description.text-danger span { color: #eb5757; } .credit-options-container__description span { font-weight: normal; font-size: 12px; line-height: 15px; color: #915fff; } .credit-options-container .enotcoin-before { margin-bottom: 10px; } .l-your-cabinet .autorepayment { margin: 24px 0; padding: 30px 40px 48px; background: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25); } @media all and (max-width: 767px) { .l-your-cabinet .autorepayment { margin: 10px 0 !important; padding: 8px 11px; box-shadow: 0 0 14px rgba(0, 0, 0, 0.15); } } .l-your-cabinet .autorepayment__title { font-weight: 600; font-size: 18px !important; line-height: 1.2 !important; color: #000; padding-bottom: 30px !important; } .l-your-cabinet .autorepayment__m-title { display: inline-block; width: 100%; font-size: 14px; line-height: 17px; text-align: right; color: #000; margin-bottom: 7px; } .l-your-cabinet .autorepayment__container { display: flex; align-items: stretch; justify-content: flex-start; } .l-your-cabinet .autorepayment__control { display: flex; flex: 0; justify-content: center; flex-direction: column; margin: 0 30px 0 0; padding-left: 30px; } @media all and (max-width: 991px) { .l-your-cabinet .autorepayment__control { padding-left: 0; } } @media all and (max-width: 767px) { .l-your-cabinet .autorepayment__control { padding-left: 0; justify-content: flex-start; } } .l-your-cabinet .autorepayment__control .btn-new, .l-your-cabinet .autorepayment__control .btn-new-transparent { width: 286px; } .l-your-cabinet .autorepayment__description { position: relative; flex: 0 auto; font-weight: 600; font-size: 14px; line-height: 17px; } .l-your-cabinet .autorepayment__m-description { flex-direction: column; justify-content: flex-end; align-items: flex-end; margin: 8px 0 4px auto; } .l-your-cabinet .autorepayment__more-link, .l-your-cabinet .autorepayment__details-link { font-size: 14px; line-height: 17px; color: #915fff; } .l-your-cabinet .autorepayment__more-link:hover, .l-your-cabinet .autorepayment__details-link:hover { color: #915fff; } .l-your-cabinet .autorepayment__more-link { position: absolute; bottom: -5px; right: 0; font-weight: bold; transform: translateY(100%); } .l-your-cabinet .autorepayment__details-link { font-weight: 500; } .l-your-cabinet .autorepayment__text { text-align: center; font-weight: normal; font-size: 14px; line-height: 17px; margin-bottom: 20px; } .l-your-cabinet .autorepayment__text span { font-weight: bold; } .l-your-cabinet .autorepayment .styled-table { margin-left: 30px; } .styled-table table { width: 100%; } .styled-table thead tr { border-bottom: 1px dashed #333; } .styled-table tbody tr { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .styled-table tbody tr:last-child { border-bottom: none; } .styled-table tfoot tr { border-top: 1px dashed #333; } .styled-table th, .styled-table td { padding: 7px; text-align: left; position: relative; vertical-align: middle; } .styled-table th:after, .styled-table td:after { position: absolute; display: block; height: 17px; width: 1px; content: ""; top: 50%; right: 0; background-color: #000; transform: translateY(-50%); opacity: 0.2; } .styled-table th:first-child, .styled-table td:first-child { padding-left: 0; } .styled-table th:last-child:after, .styled-table td:last-child:after { display: none; } .styled-table th.w1, .styled-table td.w1 { width: 90px; } .styled-table th.w2, .styled-table td.w2 { width: 100px; } .styled-table th { font-weight: 600; font-size: 12px; line-height: 15px; color: #000; } .styled-table td { font-weight: normal; font-size: 14px; line-height: 22px; } .styled-table__strong { font-weight: 600; } .styled-table__status { font-weight: 600; font-size: 14px; line-height: 17px; } .styled-table__status--error { color: #f11515; } .styled-table__status--success { color: #3cad2b; } .styled-table__message { font-size: 9px; line-height: 11px; color: #737373; } .styled-table__status-icon { display: block; transform: translateY(2px); } .styled-table--installment-promo { display: none; position: absolute; width: 100%; background-color: #ffffff; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); padding: 10px 12px; border-collapse: inherit; z-index: 3; } .styled-table--installment-promo.open-tab { max-height: 300px; overflow: auto; } .styled-table--installment-promo tbody tr { border-bottom: none; padding: 10px 12px; border-collapse: inherit; } .styled-table--installment-promo tbody tr td { padding: 8px 4px; color: #0A0A0A; font-size: 14px; line-height: 17px; } .styled-table--installment-promo tbody tr td:after { content: none; } .styled-table--installment-promo tbody tr td.w2 { text-align: right; width: auto; } .styled-table--installment-promo tbody tr td:last-of-type { text-align: right; } @media all and (max-width: 767px) { .styled-table--installment-promo { left: -12px; background-color: #fafafa; width: calc(100% + 26px); } .styled-table--installment-promo tbody tr td:first-child { width: auto !important; } } @media all and (min-width: 988px) { .l-your-cabinet .styled-table--installment-promo { padding: 10px 6px; } .l-your-cabinet .styled-table--installment-promo tbody tr td { font-size: 13px; } } .installment-popup-link { float: left; width: 100%; color: #915fff; cursor: pointer; } .installment-popup-link.blocked { cursor: not-allowed; color: #ccc; } .nav-pagination { position: relative; width: 100%; display: none; } @media all and (max-width: 767px) { .nav-pagination { display: flex; margin: 0; padding: 0 12px; } } .nav-pagination__item { position: absolute; display: flex; align-items: center; justify-content: space-between; min-height: 144px; padding: 8px 5px; top: 60px; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); border: 2px solid #6e36ea; opacity: 1; visibility: visible; transition: opacity 0.3s 0s; writing-mode: vertical-lr; cursor: pointer; z-index: 9; } .nav-pagination__item:before { display: block; content: ""; width: 18px; height: 16px; margin-bottom: 5px; background-image: url("/assets/img/icons/slider-nav-arrow.svg"); background-position: center; background-repeat: no-repeat; } .nav-pagination__item span { display: inline-block; max-height: 140px; font-weight: 600; font-size: 14px; line-height: 17px; color: #000; padding: 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nav-pagination__item--prev { left: 0; right: auto; border-left-width: 0; } .nav-pagination__item--prev:before { margin-bottom: 0; margin-top: 5px; order: 2; transform: rotate(180deg); } .nav-pagination__item--next { left: auto; right: 0; border-right-width: 0; } .nav-pagination__item--next span { transform: rotate(180deg); } .nav-pagination__item.hidden { visibility: hidden; opacity: 0; } .payments-schedule { width: 100%; } @media all and (max-width: 425px) { .payments-schedule { margin-top: 15px; padding-left: 15px; } } .payments-schedule h4 { font-weight: 600; font-size: 16px; line-height: 22px; margin-bottom: 5px; } .payments-schedule h4.open-modal { color: #915fff; cursor: pointer; } .payments-schedule--installment-promo { cursor: pointer; } .payments-schedule--installment-promo .payments-schedule-list__total:first-child { border: none; font-weight: 600; padding-right: 20px; } .payments-schedule--installment-promo .payments-schedule-list__total:first-child:after { display: block; position: absolute; width: 0; height: 0; content: ""; top: 50%; right: 0; margin-top: -3px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid transparent; border-bottom: 7px solid #915fff; transform: translateY(0) rotate(180deg); transition: all 0.4s 0s; } @media all and (max-width: 767px) { .payments-schedule--installment-promo .payments-schedule-list__total:first-child:after { top: 60%; } } .payments-schedule--installment-promo.active .payments-schedule-list__total:first-child:after { transform: translateY(-50%) rotate(360deg); } @media all and (max-width: 767px) { .payments-schedule--installment-promo { padding-left: 0; margin-top: 15px; padding-top: 10px; border-top: 2px dashed #3DAE2B; } } .payments-schedule-list { max-height: 113px; overflow: hidden; } .payments-schedule-list__item, .payments-schedule-list__total { display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; padding: 5px 0; } .payments-schedule-list__item:first-child, .payments-schedule-list__total:first-child { border-top: 1px solid #ddd; } .payments-schedule-list__item--with-button, .payments-schedule-list__total--with-button { padding: 0; } .payments-schedule-list__title, .payments-schedule-list__value { font-size: 14px; line-height: 17px; color: #0a0a0a; } @media (min-width: 992px) and (max-width: 1080px) { .payments-schedule-list__title, .payments-schedule-list__value { font-size: 12px; } } .payments-schedule-list__title--bold, .payments-schedule-list__value--bold { font-weight: 500; } .payments-schedule-list__value { padding-left: 5px; text-align: right; font-weight: 500; } .payments-schedule-list__button-container { display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; padding: 0; } .payments-schedule-list__button-container.list__button--installment-promo { border: none; } .payments-schedule-list__button { position: relative; display: block; width: 100%; } .payments-schedule-list__button svg, .payments-schedule-list__button span { z-index: 3; } .payments-schedule-list__button svg { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); } .payments-schedule-list__button svg path, .payments-schedule-list__button svg rect { transition: all 0.4s 0s; } .payments-schedule-list__button svg path { fill: #915fff; } .payments-schedule-list__button svg rect { stroke: #915fff; } .payments-schedule-list__button span { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; padding: 5px 30px; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; color: #915fff; box-sizing: border-box; transition: color 0.4s 0s; } .payments-schedule-list__button span:after { display: block; position: absolute; width: 0; height: 0; content: ""; top: 50%; right: 14px; margin-top: 3px; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid transparent; border-top: 7px solid #000; } .payments-schedule-list__button:before, .payments-schedule-list__button:after { position: absolute; display: block; content: ""; top: 0; width: 0; height: 100%; background-color: #915fff; opacity: 0; transition: width 0.4s 0s, opacity 0.6s 0s; } .payments-schedule-list__button:before { left: 0; } .payments-schedule-list__button:after { right: 0; } .payments-schedule-list__button:hover svg path { fill: #fff; } .payments-schedule-list__button:hover svg rect { stroke: #fff; } .payments-schedule-list__button:hover span { color: #fff; } .payments-schedule-list__button:hover span:after { margin-top: -3px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #fff; border-top: 7px solid transparent; } .payments-schedule-list__button:hover:before, .payments-schedule-list__button:hover:after { width: 100%; opacity: 1; } .payments-promo-table { position: relative; } .payments-schedule-table { width: 100%; } @media all and (max-width: 767px) { .payments-schedule-table { overflow-x: auto; } } .payments-schedule-table table { min-width: 100%; } @media all and (max-width: 767px) { .payments-schedule-table table { min-width: 410px; } } @media all and (max-width: 575px) { .payments-schedule-table table { width: 100%; } } .payments-schedule-table thead tr { border-bottom: 1px solid #E3E3E3; } .payments-schedule-table thead th { font-weight: 500; color: #333; } .payments-schedule-table tbody tr { border-bottom: 1px solid #E3E3E3; } .payments-schedule-table th:after, .payments-schedule-table td:after { background-color: #E3E3E3; opacity: 1; } .payments-schedule-table .currency { font-size: 12px; font-weight: 500; } @media all and (max-width: 360px) { .payments-schedule-table--installment { max-height: 340px; } .payments-schedule-table--installment table { min-width: 270px; } } .payment-chart { position: relative; z-index: 10; transform: rotate(-85deg); } .payment-chart-sm { transform: rotate(-85deg) scale(0.9) translate(11px, -13px); } .payment-chart--in-arrears { transform: rotate(0); } .payment-chart.small circle { stroke-width: 7px; } .payment-chart circle { position: relative; fill: transparent; stroke-width: 9px; stroke-linecap: round; transition: all 0.5s 0s; z-index: 2; } .payment-chart circle.placeholder-circle { z-index: 1; } .payment-chart circle.chart-placeholder { stroke: #d8d8d8; } .payment-chart__back-circle { position: absolute; left: 0; z-index: 0; } .prolongation-checkbox { display: flex; align-items: flex-start; margin-bottom: 20px; } .prolongation-checkbox .jq-checkbox { flex: none; } .prolongation-checkbox .right-label { display: inline-block; width: 100%; margin-left: 13px; } .prolongation-checkbox .right-label label, .prolongation-checkbox .right-label a { font-size: 14px; line-height: 18px; } @media all and (max-width: 991px) { .profile-col.col-9 { width: 100%; } } .symbol-left { font-weight: 500; float: left; color: #828282; font-size: 12px; line-height: 15px; } .m-l-3 { margin-left: 3px; } .tab-base-container { background: #FFFFFF; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0px -3px 20px rgba(0, 0, 0, 0.1); padding: 15px; margin-bottom: 20px; } .my-loyalty-program .loyalty-profile-container { background: none; box-shadow: none; padding: 0; } .my-loyalty-program .profile-h2 { margin-bottom: 20px; text-align: left; } .my-loyalty-program .h3 { font-weight: 600; font-size: 18px; line-height: 26px; margin-bottom: 10px; } .my-loyalty-program .description-text { font-weight: normal; font-size: 14px; line-height: 20px; } .my-loyalty-program .user-current-level { color: #915FFF; font-size: 26px; font-weight: bold; margin-left: 10px; } .my-loyalty-program .loyalty-levels-table { display: flex; overflow-x: auto; margin: 0 -15px; padding: 0 15px; } .my-loyalty-program .loyalty-levels-table .user-level-table { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); display: inline-block; padding: 5px; margin: 15px 15px 15px 0; min-width: 150px; text-align: center; } .my-loyalty-program .loyalty-levels-table .user-level-table:last-child { margin-right: 0; } .my-loyalty-program .loyalty-levels-table .user-level-table__large_text { font-weight: 600; font-size: 16px; line-height: 28px; } .my-loyalty-program .loyalty-levels-table .user-level-table__small_text { color: #828282; font-weight: normal; font-size: 10px; line-height: 12px; } .my-loyalty-program .loyalty-levels-table .current-level-table { background: #915FFF; color: #fff; } .my-loyalty-program .loyalty-levels-table .current-level-table.user-level-table .user-level-table__small_text { color: #E8E8E8; } .my-loyalty-program .loyalty-advantages-container .h3 { font-size: 18px; font-weight: bold; line-height: 22px; margin-bottom: 20px; } .my-loyalty-program .loyalty-advantages-container__subtitle { font-weight: 500; font-size: 16px; margin-bottom: 40px; } .my-loyalty-program .three-columns .block { display: flex; margin-bottom: 10px; } .my-loyalty-program .three-columns .block .img { margin-right: 10px; } .my-loyalty-program .three-columns .block .img img { max-width: 20px; } .my-loyalty-program .three-columns .block .description-text { padding: 0 10px; } @media (min-width: 768px) { .tab-base-container { padding: 20px; } .my-loyalty-program .profile-h2 { display: none; } .my-loyalty-program .loyalty-profile-container { background: #FFFFFF; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0px -3px 20px rgba(0, 0, 0, 0.1); padding: 20px; margin-bottom: 20px; } .my-loyalty-program .loyalty-levels-table .user-level-table { min-width: 120px; } } .new-calculators-top-wrapper { position: relative; padding: 0 16px 16px 16px; margin-bottom: 12px; } .l-your-cabinet .new-calculators-top-wrapper { padding: 0; } @media (min-width: 768px) { .new-calculators-top-wrapper { padding: 0 16px; max-width: 832px; } .l-your-cabinet .new-calculators-top-wrapper { max-width: none; } .l-home .new-calculators-top-wrapper { margin-bottom: 80px; } } @media (min-width: 1200px) { .l-home .new-calculators-top-wrapper { padding: 0; } } .calculator-buttons-container__item .btn-new, .calculator-buttons-container__item .get-credit-button { min-width: 288px; position: relative; margin: auto; } @media all and (max-width: 767px) { .calculator-buttons-container__item.under-slider-block { display: flex; flex-direction: column; flex-wrap: wrap; margin-bottom: 12px; } .calculator-buttons-container__item.under-slider-block .get-credit-button { order: 2; } } .calculator-buttons-container__item.under-info-block { margin: 0 auto 16px; display: flex; } .calculator-buttons-container__item.under-info-block:hover { color: inherit; border-bottom: none; } .calculator-buttons-container__item.under-info-block .apply-discount { margin: 0; } .calculator-buttons-container__item.under-info-block .apply-discount .promo-code { position: relative; display: block; margin: auto; font-weight: 500; font-size: 16px; } .calculator-buttons-container__item.under-info-block .apply-discount.new-calculator-promocode span { text-decoration: none; } .calculator-buttons-container__item.under-info-block .apply-discount.new-calculator-promocode span.slash-separator { font-size: 18px; } .calculator-buttons-container__item.under-info-block .apply-discount.new-calculator-promocode .bold { font-weight: bold; } .calculator-buttons-container__item.under-info-block .apply-discount .promo-code { background: #ffffff; position: relative; } @media all and (max-width: 767px) { .calculator-buttons-container__item.under-info-block .apply-discount { background: transparent; width: 100%; } .calculator-buttons-container__item.under-info-block .apply-discount .promo-code { max-width: none; width: 100%; } } .calculator-buttons-container__item.calculator-buttons-container__item--bonus-repayment-coins { margin-top: 16px; } .calculator-buttons-container__item .bonus-repayment-coins { font-size: 12px; line-height: 16px; color: #915FFF; } .calculator-buttons-container__item .bonus-repayment-coins .value-coins { font-weight: bold; } .l-your-cabinet #InstallmentBlock .calculator-buttons-container { margin-top: 20px; } .calculator-buttons-container__item { max-width: none; } .calculator-buttons-container.buttons-news-slider { display: flex; flex-direction: column; } .calculator-buttons-container.buttons-news-slider .under-slider-block { max-width: none; } .calculator-buttons-container.buttons-news-slider .under-slider-block button { min-width: initial; width: 100%; } .new-calculator { position: relative; transition: 0.5s; } .new-calculator .new-backstretch { display: none; } .new-calculator .new-calculator-tab { display: block; } .new-calculator-news { display: none; } .new-calculator .new-calculator-content.new-calculator-without-duedate { display: flex; } .new-calculator .new-calculator-content.new-calculator-without-duedate #pdlCalcForm { display: flex; flex-direction: column; justify-content: space-between; } @media (min-width: 768px) { .new-calculator .new-calculator-content.new-calculator-without-duedate .new-calculator-payyoff-table { padding-top: 0; margin-top: 0; } } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest.full-width { max-width: 100%; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .m-slider { padding: 17px 47px 24px 44px; background: #fff !important; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .m-slider .new-calculator-first-slider { position: relative; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .m-slider .new-calculator-first-slider .max-amount-reached { display: none; font-size: 14px; line-height: 16px; color: #915FFF; text-align: left; position: absolute; bottom: -10px; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .m-slider .new-calculator-first-slider .slider-input input { width: 110px; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .m-slider .slider-wrapper { position: relative; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .m-slider .slider-wrapper .slider { padding: 0; margin-top: 0; width: 100%; margin-bottom: 8px; } @media (min-width: 768px) { .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .m-slider .slider-wrapper .slider { margin: 0 0 32px 0; } } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .m-slider .slider-wrapper .slider .table { display: block; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .m-slider .slider-wrapper .slider-input { left: 68px; min-width: 175px; position: absolute; top: -2px; display: flex; align-items: center; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .m-slider .slider-wrapper .new-calculator-second-slider { margin-top: 45px; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .m-slider .slider-wrapper .new-calculator-second-slider .slider-input { left: 70px; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-title { width: auto; margin-bottom: 20px; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-label { font-size: 14px; line-height: 20px; width: auto; display: inline-block; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-input, .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-input-date { border: none; border-bottom: 1px solid #333; border-radius: 0; padding: 0; color: #333; font-weight: 600; font-size: 14px; line-height: 20px; text-align: right; height: 24px; width: 60px; padding-left: 5px; padding-right: 5px; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-input.vn-slider, .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-input-date.vn-slider { width: 110px; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .ui-datepicker-trigger { cursor: pointer; order: 2; margin-left: 5px; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-input-title { font-weight: 600; font-size: 14px; line-height: 20px; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-next { top: 0; font-weight: 700; font-size: 14px; line-height: 30px; text-align: right; color: #333; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-next span { padding-right: 5px; transition: 0.5s; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-next span:hover { color: #3dae2b; transition: 0.5s; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-next:after { color: #3dae2b; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box { padding: 0 !important; max-width: none; display: block; width: 100%; height: 25px !important; position: relative; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box:before { display: none; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box:after { display: none; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .marker-days-promotion { position: absolute; opacity: 0; width: 0; height: 4px; background: #F2994A; z-index: 1; top: 0; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .marker-days-promotion.show { opacity: 1; transition: 0.5s; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .new-calculator-price { background: #3DAE2B; border-radius: 20px; height: 4px; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .new-calculator-price.slider-sum { width: calc(100% - 70px); position: relative; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .new-calculator-price.slider-sum:after { content: ""; display: block; height: 4px; background-image: linear-gradient(90deg, #FF9800, #FF9800 50%, transparent 50%, transparent 100%); background-size: 4px 4px; border: none; top: 0px; width: 70px; right: -70px; position: absolute; z-index: 1; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .new-calculator-price .ui-slider-range { background: #d4ebd1; border-radius: 20px; height: 4px; right: 0; z-index: 2; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .new-calculator-price .ui-slider-range:after { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 0 100% 100% 0/0 50% 50% 0; background: #d4ebd1; right: -2px; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .new-calculator-price .ui-slider-handle { top: -8px; font-size: 0; width: 20px; height: 20px; padding: 0; margin-left: -10px; cursor: pointer; background-color: #fff; border: 2px solid #3dae2b; box-shadow: 2px 6px 10px rgba(0, 0, 0, 0.15); border-radius: 50%; z-index: 3; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .new-calculator-price .ui-slider-handle:before { display: none; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .new-calculator-price.disabled { background: #BDBDBD; transition: 0.2s; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .new-calculator-price.disabled .ui-slider-range { background: #F2F2F2; transition: 0.2s; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .new-calculator-price.disabled .ui-slider-range:after { background: #F2F2F2; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .new-calculator-price.disabled .ui-slider-handle { transition: 0.2s; border: 2px solid #BDBDBD; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); border-radius: 100%; background-image: none; background-color: #fff; width: 20px; height: 20px; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .min-possible, .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .max-possible, .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .possible-values { top: 12px; color: #828282; font-size: 12px; line-height: 16px; display: block; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .min-possible.top-less, .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .max-possible.top-less, .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .possible-values.top-less { top: 7px; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .min-possible, .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .max-possible { position: absolute; left: 0; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .max-possible { right: 0; left: inherit; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .possible-values { display: flex; margin-top: 8px; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .new-calculator-minus, .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .new-calculator-plus { display: none !important; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box.slider-min-sum { display: flex; justify-content: center; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box.slider-min-sum .new-calculator-price { width: calc(100% - 170px) !important; margin-left: auto; margin-right: 70px; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box.slider-min-sum .new-calculator-price:after, .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box.slider-min-sum .new-calculator-price:before { content: ""; display: block; height: 4px; background-image: linear-gradient(90deg, #FF9800, #FF9800 50%, transparent 50%, transparent 100%); background-size: 4px 4px; border: none; top: 0px; width: 70px; right: -70px; position: absolute; z-index: 1; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box.slider-min-sum .new-calculator-price:after { right: auto !important; left: -100px !important; width: 100px !important; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box.slider-min-sum .new-calculator-price .tooltip-min-sum p { color: #000000; font-size: 14px; line-height: 1.6; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .btn-new { position: relative; } .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .new-calculator-desc { font-size: 13.5px; line-height: 21px; text-align: left; font-weight: 600; display: flex; flex-wrap: wrap; float: none; justify-content: space-between; margin-bottom: 10px; } .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .new-calculator-desc .credit-amount { margin: 0 4px; } .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .new-calculator-payyoff-table .calc-total-info { padding: 0 0 12px 0; text-align: left; } @media all and (min-width: 991px) { .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .new-calculator-payyoff-table .calc-total-info:before, .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .new-calculator-payyoff-table .calc-total-info:after { content: ""; display: table; } .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .new-calculator-payyoff-table .calc-total-info:after { clear: both; } } .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .new-calculator-payyoff-table .calc-total-info .new-calculator-payoff-label { display: inline-block; max-width: 100%; text-align: left; font-size: 14px; line-height: 20px; color: #333; border-bottom: 0; padding: 0; } .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .new-calculator-payyoff-table .calc-total-info .new-calculator-payoff-value { text-align: right; float: right; font-size: 14px; font-weight: 600; line-height: 20px; color: #333; border-bottom: 0; padding-right: 0; border-bottom: 0; } .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .new-calculator-payyoff-table .calc-total-info .new-calculator-payoff-value.total-value { font-weight: bold; } .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .new-calculator-payyoff-table .calc-total-info .new-calculator-payoff-value .old-value, .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .new-calculator-payyoff-table .calc-total-info .new-calculator-payoff-value .old-value span { font-size: inherit; display: initial; } .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .dashed-separator { text-align: center; background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #828282 0%, #828282 100%); background-size: 8px 3px, 100% 3px; border: none; height: 1px; margin: 0 auto 15px; font-weight: 400; } .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .dashed-separator td { padding: 0 !important; border: none; text-decoration: none; } .new-calculator .new-calculator-content .new-calculator-wrapper .btn-new:after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #fff; transition: 0.5s; opacity: 0; z-index: 5; } .new-calculator .new-calculator-content .new-calculator-wrapper .btn-new span { color: #fff; transition: 0.5s; z-index: 10; position: relative; } .new-calculator .new-calculator-content .new-calculator-wrapper .btn-new[disabled=disabled] span { color: #bdbdbd; } .new-calculator .new-calculator-content .new-calculator-wrapper .btn-new:hover { background: linear-gradient(45deg, #915fff 7.32%, #6e36ea 94.1%); } .new-calculator .new-calculator-content .new-calculator-wrapper .btn-new:hover span { color: #6e36ea; transition: 0.5s; } .new-calculator .new-calculator-content .new-calculator-wrapper .btn-new:hover:after { opacity: 1; transition: 0.5s; } .new-calculator .new-calculator-content .new-calculator-wrapper .m-slider .slider-input .jq-number { display: inline-block; margin-right: 10px; } .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff .new-calculator-payyoff-table { margin: 0; min-height: auto; } .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff .new-calculator-payyoff-table .calc-total-info { margin-bottom: 0; } .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff .installment-info { margin-top: 16px; font-size: 12px; line-height: 16px; text-align: left; color: #828282; } @media all and (max-width: 425px) { .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff .installment-info { bottom: -30px; } } .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff .new-calculator-promocode { bottom: -24px; } @media all and (max-width: 767px) { .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff .new-calculator-promocode { bottom: -84px; } } .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff .apply-discount { background-color: transparent; } .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff .apply-discount a { background: #ffffff; } .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff .payments-schedule--installment-promo { border: none; margin-top: 12px; padding: 0; } @media (min-width: 768px) { .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff .payments-schedule--installment-promo { margin: 0; } } .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff .payments-schedule--installment { border: none; margin-top: 12px; padding: 0; } @media (min-width: 768px) { .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff .payments-schedule--installment { margin: 0; } } .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff .payments-schedule-list__total { padding: 0 20px 0 0; } .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff .payments-schedule-list__total:first-child:after { top: 50%; } .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff .payments-schedule-list__label { font-weight: 600; display: flex; justify-content: space-between; } .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff .payments-schedule-list__table--row { display: flex; justify-content: space-between; padding-top: 5px; } .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff .payments-schedule-list__table--row:nth-child(n+5) { display: none; } .new-calculator--disclaimer-text { margin: 8px 0 0; line-height: 20px; } @media all and (min-width: 768px) { .new-calculator--disclaimer-text { margin: 50px 0 0; } } .new-calculator--disclaimer-text a { color: #3dae2b; } .new-calculator .slider-invest h4 { font-weight: 600; font-size: 20px; line-height: 32px; color: #333; margin-bottom: 20px; } .new-calculator .calc-total-info > p, .new-calculator .calc-total-info__text > p { font-size: 14px; line-height: 20px; color: #4f4f4f; margin-bottom: 8px; } .new-calculator .calc-total-info > p:last-child, .new-calculator .calc-total-info__text > p:last-child { margin-bottom: 0; } .new-calculator .current-limit { display: flex; justify-content: space-between; max-width: 273px; margin-bottom: 12px; } .new-calculator .current-limit span { display: inline-block; margin-left: 9px; font-size: 14px; line-height: 20px; color: #828282; } .new-calculator .current-limit span:first-child { margin-left: 0; } .new-calculator .current-limit span.bold { font-weight: 600; } @media (max-width: 1200px) { .new-calculator .new-calculator-content .new-calculator-wrapper .m-slider .slider-input { left: 65px !important; padding: 0 !important; } } @media (min-width: 768px) { .installment [name=tab-group-1]:checked ~ .content { box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.25); } .new-calculator .tab.short { background: #fff; box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.25); } .new-calculators-top-wrapper .new-calculator-wrapper { z-index: 12; position: relative; } .new-calculators-top-wrapper .new-calculator-credit-name { display: none !important; } .new-calculator .new-calculator-content #new-calculator-tabs-smart { display: none; } .new-calculator .new-calculator-content #new-calculator-tabs-comfort { display: none; } .new-calculator .new-calculator-content .new-calculator-wrapper .btn-new-transparent { max-width: 288px; float: right; width: 288px; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .m-slider { margin-bottom: 40px; padding: 0; width: 100%; float: none; text-align: inherit; } .payment-content .container form .btn-block .btn-new-transparent { max-width: none; padding: 11px 40px; display: initial; } .btn-new-transparent.capitalize { text-transform: capitalize; } } @media (min-width: 991px) { .new-calculator .tab.short { background: #fff; box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.25); } } @media (min-width: 991px) and (max-width: 1100px) { .new-calculator .new-calculator-content .new-calculator-wrapper .btn-new-transparent { min-width: inherit; } } @media (max-width: 991px) { .new-calculator .bonus-repayment-coins { margin: 0 auto; } .l-home .bonus-repayment-coins { text-align: center !important; } } @media (max-width: 767px) { .new-calculators-top-wrapper .new-calculator { padding-top: 0 !important; box-shadow: none; transition: 0.5s; left: 0; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper { display: flex; flex-direction: column; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest { order: 2; background: transparent; padding: 0 !important; max-width: none; margin: 0; width: 100%; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .m-slider { padding: 0 !important; background: none !important; box-shadow: none; margin-bottom: 16px; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .m-slider .row { background: #fafafa; box-shadow: 0 0 14px rgba(0, 0, 0, 0.15); padding: 12px; margin-bottom: 8px; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .m-slider .new-calculator-second-slider .new-calculator-input-title { padding-left: 7px; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-title { height: 100% !important; margin: 0; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-label { font-size: 14px !important; line-height: 16px !important; height: 19px !important; color: #000; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-input { border: none; border-bottom: 1px solid #333; font-size: 14px; line-height: 17px; background: transparent; height: 17px; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box { padding: 0 !important; margin-top: 4px !important; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .min-possible { font-size: 12px; line-height: 14px; top: 22px !important; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-slider-box .max-possible { font-size: 12px; line-height: 14px; top: 22px !important; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .new-calculator-input-date { background: transparent; height: 17px; padding: 0; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .ui-datepicker-trigger { top: 5px; left: 50px; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff { order: 1; background: #fafafa; box-shadow: 0 0 14px rgba(0, 0, 0, 0.15); width: 100%; margin-bottom: 8px; padding: 12px; max-width: none; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff.secondary-mobile { order: 1 !important; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .new-calculator-payyoff-table { margin: 0; min-height: auto; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .new-calculator-payyoff-table .calc-total-info { display: flex; justify-content: space-between; padding: 0 0 8px 0; font-size: 14px; line-height: 20px; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .new-calculator-payyoff-table .calc-total-info .dashed-separator { margin: 4px auto; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .new-calculator-payyoff-table .calc-total-info:last-child { padding: 0; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .new-calculator-payyoff-table .dashed-separator { margin: 4px auto 12px; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .new-calculator-promocode { position: absolute; bottom: -60px; left: 0; padding: 0; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .new-calculator-promocode a { display: block; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .new-calculator-desc { font-size: 14px; line-height: 16px; background: transparent !important; margin-bottom: 15px; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff .dashed-separator { margin-bottom: 9px; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .send { order: 3; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-wrapper .m-slider .slider { margin: 0; } .new-calculators-top-wrapper .new-calculator .new-calculator-content #new-calculator-tabs-comfort { position: absolute; right: -68px; top: 53px; height: 33px; transform: rotate(-90deg); width: 139px; display: block; border: 2px solid #915fff; border-bottom: 0; background: #fff; text-align: left; opacity: 0; pointer-events: none; z-index: 2; } .new-calculators-top-wrapper .new-calculator .new-calculator-content #new-calculator-tabs-comfort span { width: 100%; font-weight: bold; font-size: 14px; line-height: 30px; color: #333; text-align: left; height: 100%; margin-left: 15px; border: none; } .new-calculators-top-wrapper .new-calculator .new-calculator-content #new-calculator-tabs-comfort span:after { content: ""; position: absolute; top: 10px; width: 17px; right: 10px; background: url("/assets/img/redesign-icons/purple-arrow.svg") no-repeat; background-size: 100%; transform: rotate(90deg); height: 20px; } .new-calculators-top-wrapper .new-calculator .new-calculator-content #new-calculator-tabs-comfort.is-active { opacity: 1; pointer-events: inherit; } .new-calculators-top-wrapper .new-calculator .new-calculator-content #new-calculator-tabs-smart { position: absolute; top: 53px; height: 33px; transform: rotate(90deg); width: 139px; display: block; border: 2px solid #915fff; opacity: 0; right: auto; left: -68px; border-bottom: 0; background: #fff; text-align: left; pointer-events: none; z-index: 1; } .new-calculators-top-wrapper .new-calculator .new-calculator-content #new-calculator-tabs-smart span { width: 100%; font-weight: bold; font-size: 14px; line-height: 30px; color: #333; text-align: left; height: 100%; margin-left: 15px; border: none; right: auto; left: -70px; transform: rotate(180deg); } .new-calculators-top-wrapper .new-calculator .new-calculator-content #new-calculator-tabs-smart span:after { content: ""; position: absolute; bottom: 3px; width: 17px; right: 20px; background: url("/assets/img/redesign-icons/purple-arrow.svg") no-repeat; background-size: 100%; transform: rotate(90deg); height: 20px; } .new-calculators-top-wrapper .new-calculator .new-calculator-content #new-calculator-tabs-smart.is-active { opacity: 1; pointer-events: inherit; } .new-calculators-top-wrapper .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff td:nth-child(1) { width: 80%; } .new-calculators-top-wrapper .new-calculator .new-calculator-content .new-calculator-payyoff .popup-container .popup { position: fixed !important; left: 50% !important; top: 50% !important; margin: 0 !important; transform: translateX(-50%) translateY(-50%); } .new-calculators-top-wrapper .new-calculator .new-calculator-wrapper { display: flex; flex-direction: column; } .new-calculators-top-wrapper .new-calculator--installment { padding-bottom: 60px; } .new-calculators-top-wrapper .new-calculator-credit-name { font-weight: 700; font-size: 18px; line-height: 25px; color: #333; padding-left: 25px; margin-bottom: 10px; position: relative; display: none; text-align: left; } .new-calculators-top-wrapper .new-calculator-credit-name .status-circle { position: absolute; content: ""; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; border-radius: 50%; background: #d2d2d2; } .new-calculators-top-wrapper .new-calculator-credit-name .status-circle.is-active { background: linear-gradient(90deg, #915fff 0, #6e36ea 100%); } .new-calculators-top-wrapper .new-calculator-credit-name .status-circle:first-child { right: 67px; } .new-calculators-top-wrapper .new-calculator-credit-name .status-circle:last-child { right: 30px; } .new-calculators-top-wrapper #new-calculator-credit-smart.is-active { display: block; text-align: left; } .new-calculators-top-wrapper #new-calculator-credit-comfort { display: none; } .new-calculators-top-wrapper #new-calculator-credit-comfort span { font-weight: 700; font-size: 14px; line-height: 17px; color: #ff0000; } .new-calculators-top-wrapper #new-calculator-credit-comfort.is-active { display: block; } .new-calculators-top-wrapper .popup-container .popup .btn-close { display: block; } .new-calculators-top-wrapper #prolongationBlock .slider-input .ui-datepicker-trigger { right: 65px; top: 12px; } .new-calculators-top-wrapper .installment [data-tab=tab-group-1] { display: block !important; display: none !important; } .new-calculators-top-wrapper .installment [data-tab=tab-group-1] ~ .content { display: block !important; } .new-calculators-top-wrapper #PaydayBlock .slider-input .ui-datepicker-trigger { left: 60px !important; } .new-calculator .new-calculator-content .new-calculator-wrapper .creditstate .m-slider .new-calculator-first-slider .max-amount-reached { bottom: 5px; } .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff .new-calculator-payyoff-table { padding-bottom: 8px; } } @media (min-width: 465px) { .new-calculator .new-calculator-content #new-calculator-tabs { right: -89px; z-index: 50; } } @media (min-width: 625px) and (max-width: 682px) { .new-calculator .new-calculator-content #new-calculator-tabs-smart { top: 81px; width: 204px; left: -96px; } } @media (min-width: 682px) and (max-width: 767px) { .new-calculator .new-calculator-content #new-calculator-tabs-smart { top: 75px; width: 191px; left: -90px; } } @media (max-width: 480px) { .new-calculators-top-wrapper #prolongationBlock .slider-input .ui-datepicker-trigger { top: 10px; } .new-calculators-top-wrapper #repaymentBlock .slider-input input { padding: 0; text-align: center; } .new-calculator .new-calculator-content .new-calculator-wrapper .creditstate .new-calculator-slider-box { margin: 35px 0 0 0; } .installment-info { min-height: 32px; } } .new-calculator-content .product-headline__promo { font-weight: 500; font-size: 14px; line-height: 20px; color: #915FFF; display: flex; justify-content: center; flex-direction: column; } .new-calculator-content .product-headline__promo__first { margin-bottom: 8px; } .new-calculator-content .product-headline__promo__second { position: relative; padding-top: 8px; margin: 0 0 16px 0; width: 100%; } .new-calculator-content .product-headline__promo__second:before { content: ""; text-align: center; background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #BDBDBD 0%, #BDBDBD 100%); background-size: 8px 3px, 100% 3px; border: none; height: 1px; position: absolute; width: 100%; top: 0; } .new-calculator-content .product-headline__promo__first + .new-calculator-content .product-headline__promo__second { margin-bottom: 50px; } .new-calculator-content .product-headline__promo a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new) { color: #3dae2b !important; text-decoration-line: underline !important; text-decoration-color: #3dae2b !important; border-bottom: none !important; transition: 0.3s; } .new-calculator-content .product-headline__promo a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):before, .new-calculator-content .product-headline__promo a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):after { content: none !important; } .new-calculator-content .product-headline__promo a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):hover { text-decoration-line: none !important; border-bottom: none !important; } .new-calculator-content .product-headline__promo a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):active { color: #138900 !important; } .new-calculator-content .disclaimer { font-size: 10px; color: #828282; padding: 16px 0 0 0; } .new-calculator-content .disclaimer a { color: #3dae2b; text-decoration: underline; } @media (min-width: 992px) { #VeocardBlock .new-calculator-content { padding: 36px; } #VeocardBlock .new-calculator-content .new-calculator-wrapper .slider-invest .m-slider .slider-wrapper .slider { margin-bottom: 40px; } } #VeocardBlock .slider-invest .m-slider .slider-wrapper .slider-input { left: 152px !important; } #VeocardBlock .pay-off.new-calculator-payyoff { order: 4; background: none; box-shadow: none; padding: 0; color: #4F4F4F; } #VeocardBlock .new-calculator-payoff-label { display: flex; position: relative; } #VeocardBlock .new-calculator-payoff-label .new-tooltip { top: 4px; } @media (min-width: 768px) { .new-calculator-content:not(.new-calculator-veocard):not(.new-calculator-news) { min-height: 400px; } .new-calculator .new-calculator-content { padding: 20px 20px 40px 20px; } .new-calculator .new-calculator-content .product-headline { display: flex; flex-direction: row; justify-content: space-between; } .new-calculator .new-calculator-content .product-headline .show-md { width: 55%; max-width: 414px; margin-right: 5%; display: flex; align-items: baseline; } .new-calculator .new-calculator-content .product-headline__name { font-weight: 600; font-size: 34px; line-height: 52px; margin-right: 16px; } .new-calculator .new-calculator-content .product-headline__description { font-size: 16px; line-height: 24px; color: #4f4f4f; } .new-calculator .new-calculator-content .product-headline__promo { min-height: 72px; max-width: 288px; width: 100%; } .new-calculator .new-calculator-content .slider-invest { padding-right: 0; float: left; background: none; box-shadow: none; width: 55%; max-width: 414px; margin-right: 5%; } .new-calculator .new-calculator-content .new-calculator-payyoff { max-width: 288px; width: 40%; float: right; } .new-calculator .new-calculator-content .calculator-buttons-container { float: left; width: 100%; } .new-calculator .new-calculator-content .calculator-buttons-container.flex-btn { display: flex; justify-content: space-between; } .new-calculator .new-calculator-content .calculator-buttons-container__item { float: left; } .new-calculator .new-calculator-content .calculator-buttons-container__item.under-info-block { max-width: 288px; margin: 0; float: right; } .new-calculator .new-calculator-content #InstallmentBlock .new-calculator-payyoff .installment-info { margin-top: 8px; margin-bottom: 10px; } .new-calculator .new-calculator-content .new-calculator-wrapper .slider-invest .m-slider .new-calculator-second-slider .slider-wrapper .slider { margin-bottom: 28px; } .new-calculator .new-calculator-news { display: block; padding: 28px 53px !important; } .new-calculator .new-calculator-news .new-calculator-payyoff { width: 50%; } .new-calculator .new-calculator-news .new-calculator-payyoff-table .calc-total-info { padding: 0 0 15px 0 !important; } .new-calculator .new-calculator-news .slider-invest { max-width: 200px; margin-right: 45px; } .new-calculator .new-calculator-news .new-calculator-wrapper .m-slider .slider-wrapper .slider-input { min-width: 110px !important; } .new-calculator .new-calculator-news .new-calculator-wrapper .m-slider .slider-wrapper .slider { margin: 0 0 21px 0 !important; } .new-calculator .new-calculator-news .new-calculator-wrapper .m-slider .slider-wrapper .slider .new-calculator-slider-title { margin-bottom: 18px; } .new-calculator .new-calculator-news .calculator-buttons-container button, .new-calculator .new-calculator-news .calculator-buttons-container a { font-weight: 400; font-size: 14px; display: block; } .new-calculator .new-calculator-news .calculator-buttons-container.two-buttons { float: none; display: flex; justify-content: space-between; } .new-calculator .new-calculator-news .calculator-buttons-container.two-buttons a, .new-calculator .new-calculator-news .calculator-buttons-container.two-buttons button { min-width: 196px; font-weight: 400; width: 100%; padding: 10px 0; } .new-calculator .new-calculator-news .calculator-buttons-container.two-buttons .apply-discount { min-width: 240px; } .new-calculator .new-calculator-news .calculator-buttons-container.two-buttons .apply-discount a { max-width: 196px; margin: 0 auto; display: block; float: initial; } .new-calculator .new-calculator-news .calculator-buttons-container.two-buttons .calculator-buttons-container__item { float: none !important; max-width: none; width: fit-content; } .new-calculator .new-calculator-news .calculator-buttons-container.single-button .under-slider-block { margin: 0 auto; max-width: none; float: none; } .new-calculators-top-wrapper--news { max-width: 596px; margin: 50px auto 40px; } } .calculator-disclaimer { margin: 20px 0 0 0; font-size: 12px; padding: 0; } @media (min-width: 992px) { .new-calculator .new-calculator-content { padding: 36px 36px 30px 36px; } .new-calculator .calculator-buttons-container__item, .new-calculator .calculator-buttons-container__item--bonus-repayment-coins { width: 100%; text-align: center; max-width: 414px; float: left; } } .front-page--about .h1 { color: #333; font-weight: 600; font-size: 24px; line-height: 1.4; transition: 0.2s; margin: 20px 0; padding: 0 16px; } @media(min-width: 768px) { .front-page--about .h1 { font-size: 34px; } .front-page--about .scrollbar-box { margin: 5% 0 0 0; } .front-page--about .video-container { padding: 5% 0; } } .l-page-sitemap { padding: 50px 15px; } .l-page-sitemap .text-links_content a { border: none; font-size: 14px; line-height: 16px; transition: 0.3s; font-weight: 500; } .l-page-sitemap .text-links_content a:hover { border: none; background-color: #915fff; } .l-page-sitemap .text-links_background { display: none; } .l-home .newCalculatorTabContent { display: none; } .l-home .newCalculatorTabContent--active { display: inherit; } .l-home .newCalculatorTabContent .new-tooltip-info { display: inherit; position: absolute; min-height: 50px; bottom: 30px; right: -12px; width: 310px; top: unset; left: unset; max-width: calc(100vw - 32px); } .l-home .newCalculatorTabContent .new-tooltip-info p { padding: 0 !important; margin: 0 !important; color: #333; } .l-home .newCalculatorTabContent .new-tooltip-info p:after, .l-home .newCalculatorTabContent .new-tooltip-info p:before { content: none; } .l-home .newCalculatorTabContent .new-tooltip-info:after { content: ""; display: block; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 12px solid #ffffff; position: absolute; bottom: -12px; left: 90%; } @media (min-width: 992px) { .l-home .newCalculatorTabContent .new-tooltip-info { right: -45px; } .l-home .newCalculatorTabContent .new-tooltip-info:after { left: 79%; } } .l-home .newCalculatorTabContent .new-calculator-payoff-label .new-tooltip-info { max-width: 215px; } .l-home .newCalculatorTabContent .new-calculator-payoff-label .new-tooltip-info:after { left: 86%; } @media (min-width: 768px) { .l-home .newCalculatorTabContent .new-calculator-payoff-label .new-tooltip-info { max-width: calc(100vw - 32px); } .l-home .newCalculatorTabContent .new-calculator-payoff-label .new-tooltip-info:after { left: 90%; } } .l-home .h1 { color: #333; font-weight: 600; font-size: 14px; line-height: 20px; margin-bottom: 16px; transition: 0.2s; display: block; } .l-home .new-calculator .new-backstretch { display: inherit; top: -40px; overflow: hidden; z-index: -1; position: absolute; right: -460px; max-width: 430px; } .l-home .new-calculator .new-backstretch--veocard { top: 0; right: -368px; } .l-home .new-calculator .new-backstretch--veocard img { max-width: 356px; } .l-home__headline-wrapper { padding-top: 16px; } .l-home__headline-wrapper .container-h1 { text-align: center; } .top-tabs-wrapper-outer { margin-bottom: 12px; padding-bottom: 12px; position: relative; z-index: 9; border-top: 1px #e2e2e2 solid; } .top-tabs-wrapper-outer.hidden { display: none; } .top-tabs-wrapper-outer .top-tabs-wrapper .top-tabs__info-bg { top: 48px; } .top-tabs-wrapper-outer .top-tabs-wrapper .top-tab__info { opacity: 1; } .top-tabs-wrapper { display: flex; position: relative; transition: 0.5s; width: 100%; } @media (min-width: 360px) { .top-tabs-wrapper { padding: 0 16px; } } .top-tab { font-weight: 500; font-size: 16px; line-height: 24px; display: flex; flex-direction: column; transition: 0.5s; cursor: pointer; position: relative; } .top-tab__name { color: #E2E2E2; height: 48px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; transition: 0.5s; min-width: 108px; } .top-tab__name:after { content: ""; width: 100%; height: 2px; background: transparent; bottom: 0; position: absolute; transition: 0.5s; left: 0; } .top-tab__info { position: relative; font-size: 12px; line-height: 16px; color: #333; display: flex; flex-direction: column; justify-content: center; transition: 0.5s; opacity: 0; min-width: 108px; padding: 8px; } .top-tab__info:after { content: ""; height: 42px; background: #BDBDBD; width: 1px; right: 0; position: absolute; } .top-tab .href-in-tab .top-tab__active-loan-text { font-size: 12px; line-height: 16px; color: #6E36EA; text-align: center; } .top-tab--active .top-tab__name { color: #fff; } .top-tab--active .top-tab__name:after { background: #fff; } .top-tab--last { order: 99; } .top-tabs__bg { height: 48px; position: absolute; background: linear-gradient(90deg, #915FFF 0%, #6E36EA 100%); width: 100%; transition: 0.5s; top: 0; z-index: 2; } .top-tabs__shadow { top: 0; left: 0; height: 48px; width: 100%; position: absolute; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25); z-index: -1; } .top-tabs__info-bg { height: 48px; background: #F3F3F3; opacity: 0.5; width: 100%; transform: translate(0, 0); position: absolute; transition: 0.5s; z-index: 0; top: 48px; } .desktop-product-headline-wrapper { display: none; } @media (min-width: 768px) { .l-home__headline-wrapper { padding: 0; display: flex; flex-direction: column-reverse; } .l-home__headline-wrapper .container-h1 { text-align: left; } .l-home__headline-wrapper .top-tabs-wrapper-outer { margin-top: -50px; } .l-home .h1 { font-size: 34px; line-height: 150%; margin-bottom: 40px; padding: 0 16px; } .desktop-product-headline-wrapper { display: inherit; padding: 36px 0 0 36px; text-align: left; height: 78px; } .desktop-product-headline-wrapper .desktop-product-headline { font-size: 34px; line-height: 52px; font-weight: 600; margin-right: 16px; } .desktop-product-headline-wrapper .desktop-product-description { font-size: 14px; line-height: 20px; color: #4F4F4F; } .top-tabs-wrapper-outer .top-tab--active:after { background: #915FFF; } .top-tabs__info-bg, .top-tabs__bg { display: none; } .top-tabs-wrapper { margin-left: auto; margin-right: auto; max-width: 1170px; height: 96px !important; margin-bottom: 0; padding: 0; } .top-tabs__shadow { height: 96px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16); left: 0; } .top-tab { min-width: 184px; display: flex; align-items: center; justify-content: center; position: relative; } .top-tab:after { content: ""; width: 100%; height: 3px; background: transparent; bottom: 0; position: absolute; transition: 0.5s; max-width: 152px; } .top-tab__name { color: #4f4f4f; font-weight: 600; font-size: 16px; height: inherit; margin: 8px 0; } .top-tab__name :after { content: none; } .top-tab__info { color: #4f4f4f !important; font-size: 14px; line-height: 150%; height: inherit; position: relative !important; top: 0 !important; min-width: 184px; align-items: center; } .top-tab__info:after { top: -24px; height: 72px; right: 0; opacity: 0.2; background: #3A405B; } .top-tab .href-in-tab .top-tab__name { color: #6E36EA; } .top-tab .href-in-tab .top-tab__active-loan-text { font-size: 14px; line-height: 20px; color: #6E36EA !important; } .top-tab--active .top-tab__name, .top-tab--active .top-tab__info { color: #333; } } @media (min-width: 1200px) { .l-home .h1 { padding: 0; } } .calculation-of-use-popup { padding: 13px; } .calculation-of-use-popup--sliders-wrapper { margin-bottom: 36px; } .calculation-of-use-popup--sliders-wrapper .new-slider-block { margin-bottom: 36px; } .calculation-of-use-popup--title { color: #333; font-size: 18px; line-height: 22px; font-weight: bold; margin-bottom: 18px; } .calculation-of-use-popup__mandatory-payment-wrapper { margin-bottom: 12px; } .calculation-of-use-popup__mandatory-payment-wrapper--text { font-size: 13px; line-height: 16px; color: #333; } .calculation-of-use-popup__mandatory-payment-wrapper--value { font-weight: 600; font-size: 14px; line-height: 17px; color: #333; } .calculation-of-use-popup--annotation { font-size: 12px; line-height: 15px; color: #828282; margin-bottom: 16px; } .polls-answers-list label, .polls-list__item { display: flex; align-items: flex-start; justify-content: flex-start; padding: 10px 10px 10px 8px; background-color: #fff; box-shadow: 0 0 4px rgba(221, 221, 221, 0.52); cursor: pointer; border-radius: 4px; transition: background-color 0.5s 0s; } .polls-answers-list__counter, .polls-list__counter { display: flex; align-items: center; justify-content: center; flex: none; width: 18px; height: 18px; font-weight: normal; font-size: 13px; line-height: 16px; color: #333; border: 1px solid #915fff; border-radius: 50%; margin-right: 10px; transition: all 0.5s 0s; } .polls-answers-list__text, .polls-list__title { font-weight: normal; font-size: 16px; line-height: 20px; color: #333; padding-right: 10px; transition: all 0.5s 0s; } .polls-answers-list--refuse .dot { background-color: transparent; border-radius: 100%; display: block; width: 8px; height: 8px; left: 3px; top: 3px; transition: all 0.5s 0s; } .polls__title { font-weight: bold; font-size: 24px; line-height: 28px; color: #333; margin-bottom: 20px; } .polls__title-message { display: inline-block; font-style: normal; font-weight: normal; font-size: 16px; color: #eb5757; margin-left: 30px; } @media all and (max-width: 767px) { .polls__title-message { width: 100%; margin: 0; } } .polls__question { font-weight: normal; font-size: 18px; line-height: 22px; color: #333; margin-bottom: 25px; } .polls__question-image { display: inline-block; max-width: 100%; margin-bottom: 20px; } .polls__nav-container { display: flex; margin: 25px 0; flex-direction: column; } @media (min-width: 768px) { .polls__nav-container { max-width: 288px; } } .polls__btn-continue { margin: 0 0 28px; } .polls__btn-skip { margin: 0 0 0 auto; } @media all and (max-width: 767px) { .polls__btn-skip { margin: 0; } } .polls__step-container { display: none; } .polls__step-container.active { display: block; } .polls .checkbox-group { margin: 40px 0; } @media all and (max-width: 767px) { .polls .checkbox-group .styled-checkbox label { min-width: 60px; } } .polls-list { margin-bottom: 30px; } .polls-list__item { margin-bottom: 10px; } .polls-list__item:last-child { margin-bottom: 0; } .polls-list__item--textarea { padding-left: 39px; } .polls-list__item:after { display: block; margin: 5px 0 5px auto; content: ""; width: 0; height: 0; border-left: 7px solid #915fff; border-right: 7px solid transparent; border-bottom: 5px solid transparent; border-top: 5px solid transparent; transition: all 0.5s 0s; } .polls-list__item.disabled { cursor: not-allowed; background: #000; box-shadow: 0 0 4px rgba(221, 221, 221, 0.52); } .polls-list__item:not(.disabled):hover { background-color: #915fff; } .polls-list__item:not(.disabled):hover .polls-list__counter { color: #fff; border-color: #fff; } .polls-list__item:not(.disabled):hover .polls-list__title { color: #fff; } .polls-list__item:not(.disabled):hover:after { border-left: 7px solid #fff; border-right: 7px solid transparent; border-bottom: 5px solid transparent; border-top: 5px solid transparent; } .polls-list__item .field-validation-error { color: #F2576A; display: block !important; } .polls-list__item .field-validation-error span { color: #F2576A; } .polls-answers-steps { display: flex; align-items: center; margin-bottom: 15px; padding-bottom: 10px; overflow-x: auto; overflow-y: hidden; } .polls-answers-steps__item { display: flex; position: relative; flex: none; padding: 0 10px; cursor: pointer; } .polls-answers-steps__item:after { display: block; width: 5px; height: 5px; position: absolute; top: 50%; right: 0; content: ""; background-color: #333; border-radius: 50%; margin-bottom: 5px; transform: translate(50%, -3px); } .polls-answers-steps__item:first-child { padding-left: 0; } .polls-answers-steps__item:last-child { padding-right: 0; } .polls-answers-steps__item:last-child:after { display: none; } .polls-answers-steps__item span { display: flex; align-items: center; justify-content: center; position: relative; min-width: 35px; font-weight: bold; font-size: 18px; line-height: 260.16%; color: #333; transition: color 0.5s 0s; } .polls-answers-steps__item span:before, .polls-answers-steps__item span:after { position: absolute; display: block; content: ""; bottom: 0; left: 50%; transition: all 0.5s 0s; } .polls-answers-steps__item span:before { width: 0; height: 3px; background-color: #3dae2b; transform: translate(-50%, 0); } .polls-answers-steps__item span:after { width: 0; height: 0; transform: translate(-50%, 100%); opacity: 0; visibility: hidden; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 6px solid transparent; border-top: 6px solid #3dae2b; } .polls-answers-steps__item.active span { color: #3dae2b; } .polls-answers-steps__item.active span:before { width: 100%; } .polls-answers-steps__item.active span:after { opacity: 1; visibility: visible; } .polls-answers-list input { display: none; } .polls-answers-list input:checked + label { background-color: #915fff; } .polls-answers-list input:checked + label .polls-answers-list__counter { color: #fff; border-color: #fff; } .polls-answers-list input:checked + label .polls-answers-list__text { color: #fff; } .polls-answers-list label:hover { background-color: #915fff; } .polls-answers-list label:hover .polls-answers-list__counter { color: #fff; border-color: #fff; } .polls-answers-list label:hover .polls-answers-list__text { color: #fff; } .polls-answers-list__item:not(last-child) { margin-bottom: 10px; } .polls-answers-list--refuse .polls-answers-list__counter { color: transparent; border: 2px solid #915fff; } .polls-answers-list--refuse label { box-shadow: none; } .polls-answers-list--refuse input:checked + label { background-color: transparent; } .polls-answers-list--refuse input:checked + label .polls-answers-list__counter { border-color: #915fff; } .polls-answers-list--refuse input:checked + label .polls-answers-list__counter .dot { background-color: #915fff; transition: all 0.5s 0s; } .polls-answers-list--refuse input:checked + label .polls-answers-list__text { color: #333; font-weight: 500; } .polls-answers-list--refuse textarea { max-width: 288px; max-height: 44px; } .polls-answers-list--refuse textarea:disabled { background: #F9F9F9; border: 1px solid #828282; } .polls-answers-list--refuse textarea.empty { border-color: #eb5757; } .polls__step-container .buttons-container { display: flex; align-items: center; justify-content: space-between; margin: 30px 0 0; flex-direction: column; } @media all and (min-width: 768px) { .polls__step-container .buttons-container { flex-direction: row; } } .polls__step-container .buttons-container button, .polls__step-container .buttons-container a { min-width: 288px; } .polls__step-container .buttons-container .btn-new { margin-bottom: 30px; } @media all and (min-width: 768px) { .polls__step-container .buttons-container .btn-new { margin-bottom: 0; } } @media all and (max-width: 767px) { .barrel-group { width: 300px; height: 240px; margin: 0 auto; background-color: #fff; overflow-x: hidden; overflow-y: auto; position: relative; } } .barrel-group:before, .barrel-group:after { position: sticky; content: ""; display: none; width: 100%; height: 80px; left: 0; z-index: 2; } @media all and (max-width: 767px) { .barrel-group:before, .barrel-group:after { display: block; } } .barrel-group:before { top: 0; background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.87) 30%, rgba(255, 255, 255, 0.85) 35%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.87) 30%, rgba(255, 255, 255, 0.85) 35%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.87) 30%, rgba(255, 255, 255, 0.85) 35%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 ); } .barrel-group:after { bottom: 0; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 65%, rgba(255, 255, 255, 0.87) 70%, white 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 65%, rgba(255, 255, 255, 0.87) 70%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 65%, rgba(255, 255, 255, 0.87) 70%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 ); } .barrel-group__wrapper { display: flex; width: 100%; } @media all and (max-width: 767px) { .barrel-group__wrapper { padding: 0; flex-direction: column; } } .barrel-group__label { font-weight: 500; font-size: 18px; line-height: 22px; color: #333; } @media all and (max-width: 767px) { .barrel-group__label:first-child { margin-bottom: 20px; } .barrel-group__label:last-child { margin-top: 20px; } } .barrel-checkbox { width: 100%; } .barrel-checkbox input { display: none; } @media all and (max-width: 767px) { .barrel-checkbox input:checked + label { border: 1px solid #915FFF; box-sizing: border-box; } } .barrel-checkbox input:checked + label .barrel-checkbox__checkbox { border-color: #915fff; } .barrel-checkbox input:checked + label .barrel-checkbox__checkbox:before { opacity: 1; transform: translate(-50%, -50%) scale(1); } @media all and (max-width: 767px) { .barrel-checkbox input:checked + label .barrel-checkbox__label { opacity: 1; } } .barrel-checkbox label { display: flex; flex-direction: column; align-items: center; cursor: pointer; } @media all and (max-width: 767px) { .barrel-checkbox label { width: 100%; height: 80px; flex-direction: row; justify-content: center; } } .barrel-checkbox__checkbox { display: flex; position: relative; flex: none; width: 16px; height: 16px; border: 1px solid #333; border-radius: 50%; order: 2; transition: all 0.5s 0s; } @media all and (max-width: 767px) { .barrel-checkbox__checkbox { display: none; } } .barrel-checkbox__checkbox:before { position: absolute; display: block; content: ""; width: 10px; height: 10px; top: 50%; left: 50%; background-color: #915fff; border-radius: 50%; opacity: 0; transform: translate(-50%, -50%) scale(0.6); transition: all 0.5s 0s; } .barrel-checkbox__label { display: inline-block; font-size: 14px; line-height: 260.16%; color: #333; order: 1; } @media all and (max-width: 767px) { .barrel-checkbox__label { text-align: center; font-weight: 500; font-size: 48px; line-height: 59px; opacity: 0.5; order: 2; } } .portmone__title { font-weight: bold; font-size: 24px; line-height: 65px; color: #000; display: none; } @media all and (max-width: 767px) { .portmone__title { display: inline-block; } } .portmone-list { display: flex; flex-wrap: wrap; justify-content: stretch; } .portmone-list__icon { display: flex; align-items: center; justify-content: center; flex: none; width: 100%; height: 80px; margin: 15px 0 15px; } @media all and (max-width: 575px) { .portmone-list__icon { margin: 5px 0 10px; height: 60px; } } .portmone-list__text { display: inline-block; width: 100%; text-align: center; font-weight: 500; font-size: 14px; line-height: 17px; color: #000; margin-bottom: 10px; padding: 0 16px; transition: color 0.5s 0s; } @media all and (max-width: 575px) { .portmone-list__text { padding: 0; margin-bottom: 0; } } .portmone-list__item { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: calc(100% / 4 - 60px / 4); margin-right: 20px; margin-bottom: 20px; padding: 10px; background-color: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25); transition: background-color 0.5s 0s; } @media all and (min-width: 1200px) { .portmone-list__item:nth-child(4n) { margin-right: 0; } } .portmone-list__item.item--col-3 { width: calc(100% / 3 - 40px / 3); margin-right: 20px; height: 200px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); } @media all and (max-width: 767px) { .portmone-list__item.item--col-3 { width: calc(100% / 2 - 20px / 2); margin-right: 0; height: 140px; } } .portmone-list__item.item--col-3:nth-child(3n) { margin-right: 0; } .portmone-list__item.item--col-3 .item--col-3--img { width: 100%; height: 100%; max-width: 95px; max-height: 95px; transform: scale(1); transition: 0.333s; object-fit: cover; } @media all and (max-width: 767px) { .portmone-list__item.item--col-3 .item--col-3--img { max-width: 60px; max-height: 60px; } } .portmone-list__item.item--col-3 .item--col-3--text { margin-top: 10px; font-size: 14px; text-align: center; } @media all and (max-width: 767px) { .portmone-list__item.item--col-3:nth-child(odd) { margin-right: 20px; } } .portmone-list__item.item--col-3:hover { background-color: unset; } .portmone-list__item.item--col-3:hover .portmone-list__text { color: unset; } .portmone-list__item.item--col-3:hover .item--col-3--img { transform: scale(1.1); } @media all and (min-width: 768px) and (max-width: 1199px) { .portmone-list__item { width: calc(100% / 3 - 40px / 3); } .portmone-list__item:nth-child(3n) { margin-right: 0; } } @media all and (max-width: 767px) { .portmone-list__item { width: calc(100% / 2 - 20px / 2); } .portmone-list__item:nth-child(2n) { margin-right: 0; } } @media all and (max-width: 575px) { .portmone-list__item svg { max-width: 70px; max-height: 100%; } } .portmone-list__item svg path, .portmone-list__item svg circle, .portmone-list__item svg rect, .portmone-list__item svg mask { transition: all 0.5s 0s; } .portmone-list__item:hover { background-color: #915fff; } .portmone-list__item:hover svg path[fill], .portmone-list__item:hover svg circle[fill], .portmone-list__item:hover svg mask[fill], .portmone-list__item:hover svg rect[fill] { fill: #fff; } .portmone-list__item:hover svg rect { stroke: #fff; } .portmone-list__item:hover .portmone-list__text { color: #fff; } .receive-type { margin-bottom: 28px; } .receive-type__title { font-weight: 300; font-size: 14px; line-height: 17px; color: #4f4f4f; margin-bottom: 10px; } .receive-type__control { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 13px; } .receive-type__control .styled-radio:not(:last-child) { margin-right: 20px; } .receive-type__content-item { display: none; margin-bottom: 15px; } .receive-type__content-item.visible { display: block; } .receive-type__content-item .input-group { margin-bottom: 0 !important; } .receive-type__content-item .input-group:not(:last-child) { margin-bottom: 6px !important; } .styled-radio { display: flex; } .styled-radio__input { display: none; width: auto !important; } .styled-radio__input:checked + .styled-radio__label .styled-radio__checkbox { border-color: #915fff; } .styled-radio__input:checked + .styled-radio__label .styled-radio__checkbox:before { opacity: 1; } .styled-radio__label { position: relative; display: flex; align-items: center; cursor: pointer; float: none !important; width: auto !important; height: auto !important; line-height: 1 !important; } @media all and (max-width: 767px) { .styled-radio__label { padding: 0 !important; } } .styled-radio__label-icon { display: inline-block; margin-right: 6px; } .styled-radio__label-text { font-size: 18px; line-height: 22px; color: #333; } .styled-radio__checkbox { position: relative; display: block; width: 15px; height: 15px; margin-right: 10px; border-radius: 50%; padding: 2px; border: 1px solid #333; transition: all 0.5s 0s; } .styled-radio__checkbox:before { display: block; content: ""; width: 100%; height: 100%; background-color: #915fff; border-radius: 50%; opacity: 0; transition: all 0.5s 0s; } .comission-warning { font-size: 14px; line-height: 20px; } .comission-warning-title { font-weight: 600; color: #915fff; } .comission-warning-body { color: #828282; } .profile-menu > ul > li:after { position: absolute; display: block; content: ""; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 40px); height: 1px; background-color: #3dae2b; margin-left: 10px; z-index: 1; opacity: 1; transition: all 0.5s 0s; } .profile-menu > ul > li > a { font-weight: 600; } .profile-menu > ul > li > span { font-weight: 600; } .profile-menu > ul > li.active:after { z-index: 5; } .profile-menu > ul > li.active:hover:after { opacity: 0; } .profile-menu > ul > li.product-menu__sub-menu { box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); border-radius: 4px; } .profile-menu > ul > li.product-menu__sub-menu li:not(:first-child) { padding-left: 32px; } .profile-menu > ul > li.product-menu__sub-menu li a:hover { box-shadow: none; color: #73bc18; } .profile-menu > ul > li.product-menu__sub-menu:after { content: none; } .profile-menu li { position: relative; border-bottom: none; line-height: normal; } .profile-menu li a { display: inline-block; position: relative; width: 100%; font-family: "Montserrat", sans-serif; font-size: 16px !important; line-height: 20px; padding: 10px 15px; color: #000; box-shadow: 0 0 8px rgba(0, 0, 0, 0); cursor: pointer; z-index: 2; transition: all 0.5s 0s; } .profile-menu li a:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); border-radius: 4px; z-index: 3; color: #000; background: #fff; } .profile-menu li span { display: inline-block; position: relative; width: 100%; font-family: "Montserrat", sans-serif; font-size: 16px !important; line-height: 20px; padding: 10px 15px; color: #000; box-shadow: 0 0 8px rgba(0, 0, 0, 0); cursor: pointer; z-index: 2; transition: all 0.5s 0s; } .profile-menu li:not(.open) span:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); border-radius: 4px; z-index: 3; color: #000; background: #fff; } .profile-menu li:before { display: block; width: 4px; height: 0; content: ""; background-color: #71b023; position: absolute; top: 50%; left: 0; transform: translateY(-50%); transition: all 0.5s 0s; z-index: 4; } .profile-menu .profile-menu__with-submenu > span { padding-right: 26px; } .profile-menu .profile-menu__with-submenu > span:before { display: block; width: 12px; height: 12px; content: ""; background: url("/assets/img/icons/dd-arrow.svg") center center no-repeat; position: absolute; right: 12px; top: 14px; transition: 0.25s; } .profile-menu .profile-menu__with-submenu ul { display: none; } .profile-menu .profile-menu__with-submenu.open > span:before { transform: rotateZ(180deg); } .profile-menu .profile-menu__with-submenu.open ul { display: block; } .profile-menu .profile-menu__sub-menu li a { padding-left: 38px; } .profile-menu li.active { border: none; } .profile-menu li.active a { font-weight: 600; color: #000; background: #fff; } .profile-menu li.active:before { height: 100%; } @media all and (max-width: 991px) { .profile-menu li a { font-size: 14px !important; } .profile-menu li span { font-size: 14px !important; } } @media all and (max-width: 767px) { .profile-menu li a { font-size: 16px !important; } .profile-menu li span { font-size: 16px !important; } } .new-status .bankid-promo-block { margin-bottom: 40px; } .new-status .bankid-promo-block .description { margin-bottom: 12px; max-width: none; } @media (min-width: 992px) { .new-status .bankid-promo-block { padding-top: 30px; border-top: 1px solid #BDBDBD; } .new-status .bankid-promo-block .description { margin-bottom: 24px; max-width: none; } .new-status .bankid-promo-block .description p { margin-bottom: 0; } } .l-bonuses h2 { font-size: 18px; font-weight: 600; } .l-bonuses p { font-size: 14px; line-height: 1.6; margin: 10px 0; } .l-bonuses .styled-list__item { margin-bottom: 4px; } .l-bonuses .styled-list__item:before { top: 8px; } .l-bonuses a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new) { color: #3dae2b !important; text-decoration-line: underline !important; text-decoration-color: #3dae2b !important; border-bottom: none !important; transition: 0.3s; } .l-bonuses a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):before, .l-bonuses a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):after { content: none !important; } .l-bonuses a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):hover { text-decoration-line: none !important; border-bottom: none !important; } .l-bonuses a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):active { color: #138900 !important; } .l-bonuses .captchamvc-wrapper { flex-wrap: nowrap; } .l-bonuses .l-form-invite { padding-top: 10px; padding-bottom: 20px; border-bottom: 1px solid #ddd; } .l-bonuses .l-form-invite .input-group { margin: 0 0 35px 0; } .l-bonuses .l-form-registration label { padding: 0; } .l-bonuses .captcha-group .input-group label span { font-weight: normal !important; } .l-bonuses-title { font-weight: 500; font-size: 22px; margin-bottom: 24px; } .l-bonuses-balance { padding: 30px; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1), 0px -3px 20px rgba(0, 0, 0, 0.1); margin: 20px 0; position: relative; } .l-bonuses-balance > .balance { position: absolute; top: 30px; right: 30px; } .l-bonuses-balance--item { margin-bottom: 10px; } .l-bonuses-balance--item .title { font-weight: 600; font-size: 18px; } .l-bonuses-balance--item .amount { font-weight: 500; font-size: 20px; } .l-bonuses-balance--item .amount span { font-size: 48px; font-weight: bold; line-height: 1.2; color: #915fff; } .l-bonuses-balance--panel { display: flex; justify-content: space-between; margin: 10px 0; padding-bottom: 12px; border-bottom: 1px solid #ddd; } .l-bonuses-steps { padding: 30px; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1), 0px -3px 20px rgba(0, 0, 0, 0.1); margin: 20px 0; } .l-bonuses-steps .row { margin: 0 -30px; width: auto; } .l-bonuses-steps .col-4, .l-bonuses-steps .col-12 { padding: 0 30px; } .l-bonuses-steps .name { font-weight: bold; font-size: 18px; color: #333; } .l-bonuses-steps .step { font-size: 22px; color: #3dae2b; margin-top: 5px; margin-bottom: 15px; } .l-bonuses-history { padding-left: 30px; padding-top: 20px; display: none; } .l-bonuses-history table { margin: 20px; } .l-bonuses-history td { vertical-align: middle; padding-left: 40px; padding-bottom: 8px; padding-top: 8px; border-bottom: 1px solid #e0e0e0; } .l-bonuses-history td:first-child { padding-left: 0; width: 100%; } .l-bonuses-history .l-bonuses-title { display: none; } .l-bonuses-history .status { display: inline-block; width: 28px; height: 20px; padding: 0; background-repeat: no-repeat; background-size: contain; } .l-bonuses-history .status svg { display: inline-block; height: 100%; } .l-bonuses-history .status.overdue path { fill: #ffee2e; } .l-bonuses-history .status.open path { fill: #3dae2b; } .l-bonuses-history .status.close path { fill: #eb5757; } .l-bonuses-invite { display: none; } .l-bonuses-invite .title { font-weight: bold; font-size: 18px; } .l-bonuses-invite .by-content { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); margin: 30px 0; padding: 20px; } .l-bonuses-invite .row { margin: 0 -20px; width: auto; } .l-bonuses-invite .col-6 { padding: 0 20px; } .l-bonuses-invite .col-right { float: right; } .l-bonuses-referral input { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #333333; font-weight: 500; } .l-bonuses-referral .tooltip { padding: 10px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15); position: absolute; top: 10px; background: #fff; display: none; } .l-bonuses[data-history=false] .l-bonuses-invite { display: block; animation-duration: 0.5s; animation-name: isFadeIn; } .l-bonuses[data-history=true] .l-bonuses-history { display: block; animation-duration: 0.5s; animation-name: isFadeIn; } .mv-warning { padding-left: 55px; position: relative; font-size: 12px; display: block; } .mv-warning:before { content: ""; width: 18px; height: 16px; display: inline-block; position: absolute; left: 18px; top: 0; background-size: contain; background-image: url("/assets/img/icons/ic-warning.svg"); } .mv-warning p { font-size: 12px; } .ic-clipboard { display: inline-block; width: 14px; height: 15px; background-image: url("/assets/img/icons/ic-clipboard.svg"); } .referralType { display: inline-block; width: 28px; height: 20px; padding: 0; background-repeat: no-repeat; background-size: contain; background-image: url("/assets/img/icons/ic-referralLink.svg"); } .referralType.PhoneInviter { background-image: url("/assets/img/icons/ic-referralPhone.svg"); } .referralType.EmailInviter { background-image: url("/assets/img/icons/ic-referralEmail.svg"); } .btn-plus { font-weight: 500; font-size: 16px; color: #915fff; text-decoration: none; } .btn-plus:before { content: "+"; margin-right: 8px; } .btn-historyBack { font-size: 16px; color: #333; cursor: pointer; display: inline-block; } .btn-historyBack:before { content: ""; display: inline-block; margin-right: 12px; width: 8px; height: 10px; background-image: url("/assets/img/icons/ic-arrow-back.svg"); } @keyframes isFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @media all and (max-width: 767px) { .l-bonuses .captchamvc-wrapper { flex-wrap: wrap; } .l-bonuses-balance { padding: 0 10px 10px; } .l-bonuses-balance > .balance { position: relative; top: 0; right: 0; } .l-bonuses-balance > .balance input { width: 100%; } .l-bonuses-balance--item { display: flex; justify-content: space-between; align-items: center; margin: 10px -10px; padding: 20px 10px; background: #3dae2b; } .l-bonuses-balance--item .title { font-size: 20px; color: #fff; } .l-bonuses-balance--item .amount { font-size: 16px; color: #fff; } .l-bonuses-balance--item .amount span { font-size: 24px; color: #fff; } .l-bonuses-balance--item .by-content { display: block; } .l-bonuses-balance--panel { display: block; } .l-bonuses-history { padding-left: 0; } .l-bonuses-history table { margin: 0; margin-top: 30px; } .l-bonuses-history table tr { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; border-top: 1px solid #e0e0e0; } .l-bonuses-history table tr:last-child { border-bottom: 1px solid #e0e0e0; } .l-bonuses-history table td { border: none; padding-left: 0; } .l-bonuses-history .l-bonuses-title { display: block; margin-top: 20px; } .l-bonuses-steps { padding: 10px; } .l-bonuses[data-history=true] .l-bonuses-balance { display: none; } } .account-wallet h4 { font-size: 20px; } @media only screen and (min-width: 1200px) { .account-wallet h4 { text-align: center; font-size: 24px; } } .account-wallet .cards-message { font-weight: normal; font-size: 16px; line-height: 1.5; color: #4f4f4f; margin: 20px 0; } @media only screen and (min-width: 1200px) { .account-wallet .cards-message { margin: 40px 0; } } .account-wallet:nth-child(n+2) { border-top: 1px dashed #828282; padding-top: 40px; } .account-wallet__list { margin: 40px 0; background-color: #FCFCFC; border-top: 1px solid #F3F3F3; border-bottom: 1px solid #E2E2E2; } .account-wallet__list--item { padding-left: 8px; padding-right: 8px; font-size: 16px; color: #333; } .account-wallet__list--item.is-type { background: #F3F3F3; border-bottom: 1px solid #E2E2E2; padding: 8px; } .account-wallet__list--item.is-type .account-wallet__list--item-wrap { border: none; padding: 0; } .account-wallet__list--item.is-actions { padding: 30px 8px 16px; } .account-wallet__list--item.is-actions .account-wallet__list--item-wrap { border: none; padding: 0; } .account-wallet__list--item-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #E2E2E2; padding-top: 20px; padding-bottom: 4px; } .account-wallet__list--item-title { font-weight: 400; line-height: 1.6; } .account-wallet__list--item-value { font-weight: 500; line-height: 1.6; } @media only screen and (max-width: 768px) { .account-wallet__list--item-value { width: 100%; } } .account-wallet__list--item-value .action { display: inline-block; margin-left: 40px; } @media only screen and (max-width: 768px) { .account-wallet__list--item-value .action { width: 100%; margin-left: 0; margin-top: 20px; } } .account-wallet__list--item a { color: #915FFF; font-weight: 500; font-size: 16px; text-decoration: none; } .account-wallet__list.not-verified .is-type .account-wallet__list--item-value { color: #F2576A; } .account-wallet__actions { margin-bottom: 40px; text-align: center; } @media only screen and (min-width: 1200px) { .account-wallet__actions { text-align: right; } } .account-wallet__actions .btn-new--add-card { display: inline-flex; justify-content: center; max-width: 288px; width: 100%; padding: 7px; } .account-wallet__actions .btn-new--add-card:before { content: "+"; font-size: 30px; color: #fff; margin-right: 15px; } .account-wallet__actions .btn-new--add-card:hover:before { color: inherit; } .l-credit-cards h2 { margin-bottom: 42px; font-weight: 600; font-size: 24px; line-height: 36px; text-align: center; } @media only screen and (max-width: 768px) { .l-credit-cards h2 { margin-bottom: 16px; font-size: 16px; line-height: 24px; text-align: left; } } .l-credit-cards__list .credit-card { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px dashed #828282; } @media only screen and (max-width: 768px) { .l-credit-cards__list .credit-card { margin-bottom: 24px; } } .l-credit-cards__list .credit-card__type { background-repeat: no-repeat; background-position: left center; } .l-credit-cards__list .credit-card__type--master { padding-left: 40px; background-image: url("/assets/img/icons/ic-icon-mastercard.svg"); background-size: 25px; } .l-credit-cards__list .credit-card__type--visa { padding-left: 50px; background-image: url("/images/visa-card.svg"); background-size: 35px; } .l-credit-cards__list .credit-card:last-child { padding-bottom: 0; border-bottom: none; } @media only screen and (max-width: 768px) { .l-credit-cards__list .credit-card:last-child { margin-bottom: 32px; } } .l-credit-cards__list .credit-card__item { display: flex; justify-content: space-between; border-bottom: 1px solid #E2E2E2; color: #828282; font-size: 16px; line-height: 23px; padding: 12px 0; } @media only screen and (max-width: 768px) { .l-credit-cards__list .credit-card__item { display: block; } } .l-credit-cards__list .credit-card__item:first-child { padding-top: 0; } .l-credit-cards__list .credit-card__item span { display: block; } @media only screen and (max-width: 768px) { .l-credit-cards__list .credit-card__item span:first-child { margin-bottom: 12px; font-size: 14px; line-height: 20px; } } .l-credit-cards__list .credit-card__item span:last-child { font-weight: 500; color: #333; text-align: right; } @media only screen and (max-width: 768px) { .l-credit-cards__list .credit-card__item span:last-child { font-weight: 600; font-size: 14px; line-height: 20px; text-align: left; } } .l-credit-cards__list .credit-card__item a { margin-right: 15px; color: #915FFF; display: inline; font-weight: 500; font-size: 16px; line-height: 1; text-decoration: none; } @media only screen and (max-width: 768px) { .l-credit-cards__list .credit-card__item a { display: block; margin-right: 0; margin-bottom: 12px; font-size: 14px; line-height: 20px; } } .l-credit-cards__list .credit-card__item a:last-child { margin-right: 0; } @media only screen and (max-width: 768px) { .l-credit-cards__list .credit-card__item a:last-child { margin-bottom: 0; } } .l-credit-cards__list .credit-card__item a:hover { border-color: transparent; } .l-credit-cards__list .credit-card__item .delimiter { color: #8EADC2; display: inline; font-weight: 600; font-size: 16px; line-height: 1; margin: 0 5px; } .l-credit-cards__actions { margin-bottom: 40px; text-align: right; } @media only screen and (max-width: 768px) { .l-credit-cards__actions { margin-bottom: 16px; text-align: center; } } .l-credit-cards__actions .btn-new--add-card { position: relative; display: inline-block; padding-right: 32.5px; padding-left: 64.5px; } .l-credit-cards__actions .btn-new--add-card:before { content: "+"; position: absolute; top: 50%; left: 35px; transform: translateY(-50%); font-size: 30px; color: #fff; } .l-credit-cards__actions .btn-new--add-card:hover:before { color: inherit; } .l-credit-cards__actions .btn-new--add-card:active { padding: 10px 32.5px 10px 64.5px; } .l-credit-cards .cards-list table { margin-bottom: 49px; width: 100%; } .l-credit-cards .cards-list table tbody tr.top-line { background-color: #f1f7fb; border-top: 1px dashed #DEE1E4; } .l-credit-cards .cards-list table tbody tr.top-line .card-type { color: #73bc18; } .l-credit-cards .cards-list table tbody tr td { border-bottom: 1px dashed #DEE1E4; color: #828282; font-size: 16px; line-height: 22px; padding: 9px; width: 50%; } .l-credit-cards .cards-list table tbody tr td:last-child { font-weight: 600; color: #333; text-align: right; } .l-credit-cards .cards-list table tbody tr td a { border-bottom: 2px dashed #8EADC2; color: #8EADC2; display: inline; font-weight: 600; font-size: 16px; line-height: 1; } .l-credit-cards .cards-list table tbody tr td a:hover { border-color: transparent; } .l-credit-cards .cards-list table tbody tr td .delimiter { color: #8EADC2; display: inline; font-weight: 600; font-size: 16px; line-height: 1; margin: 0 5px; } .l-credit-cards .button-block { margin-bottom: 36px; margin-top: -8px; *zoom: 1; } .l-credit-cards .button-block:before, .l-credit-cards .button-block:after { content: ""; display: table; } .l-credit-cards .button-block:after { clear: both; } .l-credit-cards .button-block button { float: right; } .l-credit-cards .text-block p { font-size: 14px; line-height: 1.42857; margin-bottom: 8px; } .l-credit-cards .text-block p span { color: #333; } .l-credit-cards .content { margin-bottom: 40px; } @media only screen and (max-width: 768px) { .l-credit-cards .content { margin-bottom: 28px; } .l-credit-cards .content p { font-size: 14px; line-height: 20px; } } .l-popup { display: none; text-align: left; overflow: auto; position: fixed; z-index: 20; left: 0; right: 0; top: 0; bottom: 0; } .l-popup-wrapper { max-width: 612px; width: 100%; padding: 36px 88px 36px 50px; margin: 100px auto; background: #FFFFFF; position: relative; z-index: 1; box-shadow: 4px 2px 30px rgba(0, 0, 0, 0.1); } .l-popup-overlay { background: rgba(0, 0, 0, 0.5); position: fixed; z-index: 0; left: 0; right: 0; top: 0; bottom: 0; } .l-popup-title { font-style: normal; font-weight: 600; font-size: 20px; color: #333333; } .l-popup-description p { margin: 16px 0; font-size: 16px !important; line-height: 1.5 !important; color: #333333; } .l-popup-close { display: inline-block; width: 20px; height: 20px; background-size: 100% 100%; background-image: url("/assets/img/icons/close-red-ic.svg"); position: absolute; top: 18px; right: 18px; z-index: 1; cursor: pointer; } .l-popup .btn-group { display: flex; justify-content: space-between; margin-top: 16px; } .l-popup .l_btn { width: 228px; } .l-checkbox { display: inline-flex; overflow: hidden; margin: 10px 0; cursor: pointer; } .l-checkbox label { padding-left: 14px; width: 100% !important; font-weight: normal; font-size: 16px; color: #333333; height: auto; text-align: left; line-height: 1.5; } .l-checkbox .jq-checkbox { width: 22px; height: 22px; border: 1px solid #915FFF; margin-top: 2px; border-radius: 0; } .l-checkbox .jq-checkbox.checked:before { left: 3px; top: 0; font-size: 11px; } .body-under-popup { overflow: hidden; height: 100%; } .body-unset-popup { overflow: hidden; height: 100%; position: relative; } .body-unset-popup .l-footer { z-index: -1; } @media all and (max-width: 767px) { .l-popup-wrapper { padding: 36px 18px; margin: 50px auto; } .l-popup .btn-group { display: block; text-align: center; } .l-popup .l_btn { width: 256px; margin: 6px 0; } } .profile-mailing { margin-top: 40px; } .profile-mailing .unsubscribeEmail-block { display: none; } .profile-mailing .subscription-block { display: flex; flex-direction: column-reverse; } .profile-mailing .subscription-block__text { margin: 0 0 20px 0; } @media (min-width: 768px) { .profile-mailing .subscription-block { flex-direction: row; align-items: center; margin-bottom: 20px; } .profile-mailing .subscription-block__text { padding-left: 20px; margin: 0; } } .small-title { font-weight: 600; font-size: 18px; line-height: 24px; } .new-stepper { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-pack: justify; justify-content: space-between; position: relative; margin: 0 0 24px; } .new-stepper::before { content: ""; display: block; width: 99%; position: absolute; height: 5px; background-color: #3DAE2B; top: calc(50% - 3px); left: 0; z-index: 0; } .new-stepper .step { display: block; width: 32px; height: 32px; text-align: center; z-index: 1; background-color: #fff; border: 1px solid #3DAE2B; color: #333333; position: relative; border-radius: 50%; font-size: 14px; line-height: 20px; } .new-stepper .step__inner { display: flex; align-items: center; justify-content: center; height: 100%; color: #4F4F4F; } .new-stepper .step__inner svg { max-width: 16px; max-height: 16px; } .new-stepper .step__title { display: none; } .new-stepper .step--current { background: #3DAE2B; color: #fff; font-weight: 600; } .new-stepper .step--current .step__inner { color: #fff; } .new-stepper .step--done .step__inner { color: #3DAE2B; } @media (min-width: 992px) { .new-stepper { max-width: 1170px; margin: 0 60px 84px; } .new-stepper .step__title { display: block; color: #333; margin: 8px 0 0 -65px; width: 160px; } .new-stepper--in-wrapper { margin: 0 0 32px; } .new-stepper--in-wrapper .step__title { display: none; } } .verification-pages-wrapper { padding: 24px 16px 28px; } .verification-pages-wrapper h1 { text-align: center; margin-bottom: 24px; font-weight: 600; font-size: 20px; line-height: 32px; } .verification-pages-wrapper h2 { font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; text-align: center; margin-bottom: 16px; } .verification-pages-wrapper h3 { font-weight: 500; font-size: 16px; line-height: 24px; text-align: center; color: #4F4F4F; margin-bottom: 20px; } .verification-pages-wrapper .subhead { font-size: 14px; line-height: 20px; margin-bottom: 24px; } .verification-pages-wrapper .status-info { font-size: 14px; line-height: 20px; margin-bottom: 24px; } .verification-pages-wrapper hr { border: 1px solid #E2E2E2; margin: 32px 0 24px; } .verification-pages-wrapper .verification-methods-wrapper { display: flex; } .verification-pages-wrapper .verification-method { border-radius: 4px; box-shadow: 4px 2px 30px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: center; height: 136px; margin-bottom: 24px; width: calc(50% - 8px); } .verification-pages-wrapper .verification-method:nth-child(odd) { margin-right: 16px; } .verification-pages-wrapper .verification-method--text { padding: 20px; font-weight: 600; font-size: 16px; line-height: 24px; color: #333333; } .verification-pages-wrapper .verification-method--text .verification-method__description { width: 100%; } .verification-pages-wrapper .another-ways { font-size: 14px; line-height: 20px; color: #828282; margin-bottom: 16px; } .verification-pages-wrapper .step-description { font-size: 14px; line-height: 20px; margin-bottom: 20px; } .verification-pages-wrapper .step-description-bold { font-weight: 600; font-size: 14px; line-height: 20px; text-align: center; margin-bottom: 16px; } .verification-pages-wrapper .new-label { margin-bottom: 12px; } .verification-pages-wrapper .qr-code-img { max-width: 160px; margin-bottom: 16px; } .verification-pages-wrapper .download-from-stores-wrapper { display: flex; justify-content: space-around; } .verification-pages-wrapper .phone-list-wrapper { max-height: 180px; overflow-x: hidden; } .verification-pages-wrapper .phone-list-wrapper .phone-number { text-transform: uppercase; margin-bottom: 12px; } .verification-pages-wrapper .take-photo__user-img { position: relative; min-height: 212px; margin-bottom: 24px; } .verification-pages-wrapper .take-photo__user-img .user-photo { display: block; margin: 0 auto; max-width: 300px; min-height: 212px; border: none; background: transparent; position: relative; z-index: 10; } .verification-pages-wrapper .take-photo__user-img .take-photo__plug { width: 212px; height: 212px; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; } .verification-pages-wrapper .take-photo__user-img .take-photo__plug img { width: 212px; } .verification-pages-wrapper .nav-buttons { padding-bottom: 10px; display: flex; } @media all and (min-width: 575px) { .verification-pages-wrapper .btn-new { margin-bottom: 12px; } } @media (min-width: 768px) { .verification-pages-wrapper { padding: 40px 16px 80px; } .verification-pages-wrapper .desktop-content-wrapper { background: #fff; box-shadow: 0px -3px 20px rgba(0, 0, 0, 0.1), 0px 15px 30px rgba(0, 0, 0, 0.1); padding: 34px; } .verification-pages-wrapper .desktop-content-wrapper.all-initial { all: initial; } .verification-pages-wrapper h1 { font-size: 24px; line-height: 36px; margin-bottom: 16px; } .verification-pages-wrapper .subhead { font-size: 16px; line-height: 24px; margin-bottom: 40px; } .verification-pages-wrapper .desktop-wrapper { width: 356px; margin: 0 auto 24px; } .verification-pages-wrapper .verification-method { width: 108px; height: 108px; } .verification-pages-wrapper .verification-method img { max-width: 80px; } .verification-pages-wrapper .verification-method--text { padding: 12px; font-size: 14px; line-height: 20px; } .verification-pages-wrapper .qr-code-img { max-width: 220px; } .verification-pages-wrapper .data-block { position: relative; margin-bottom: 64px; } .verification-pages-wrapper .data-block:after { content: ""; position: absolute; width: 100%; background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #828282 0%, #828282 100%); background-size: 8px 3px, 100% 3px; height: 1px; margin: 16px auto 16px; font-weight: 400; } .verification-pages-wrapper .data-block:last-child { margin-bottom: 28px; } .verification-pages-wrapper .data-block:last-child:after { content: none; } .verification-pages-wrapper .step-description, .verification-pages-wrapper .step-description-bold { font-size: 16px; line-height: 24px; } } .message-with-icon { display: flex; margin-bottom: 20px; flex-flow: row wrap; } .message-with-icon__icon { flex-basis: 40px; } .message-with-icon__icon img { max-width: 25px; } .message-with-icon__icon img.max-16 { max-width: 16px; } .message-with-icon__message { flex-basis: calc(100% - 40px); font-size: 14px; line-height: 20px; } .message-with-icon__submessage { margin: 8px 0 0 0; flex: 100%; font-size: 14px; line-height: 20px; } .new-send-sms { font-size: 12px !important; line-height: 16px !important; display: flex; justify-content: space-between; margin-bottom: 20px; } .new-send-sms img { margin-top: -10px; } .waiting-page img { max-width: 220px; } .waiting-page .step-description { margin-bottom: 36px; } @media (min-width: 768px) { .waiting-page { margin-bottom: 64px; } } .locking-personal-account .title { margin: 30px 5px 20px; } .locking-personal-account p { padding-bottom: 15px; } .locking-personal-account .btn-link { display: block; text-align: center; text-decoration: underline; font-size: 18px; font-weight: bold; } .dialog-window-lock textarea { width: 100%; height: 70px !important; } .dialog-window-lock .fancybox-inner { height: auto !important; } @media (min-width: 768px) { .dialog-window-lock .fancybox-skin { padding: 35px !important; } .dialog-window-lock .fancy-close { right: 20px !important; top: 20px !important; } } .dialog-window-lock .dialog-header { height: auto; margin: 0; } .dialog-window-lock .dialog-header .notification { text-align: left; font-weight: 600; font-size: 20px; line-height: 32px; margin-bottom: unset; } .dialog-window-lock form .subtitle { margin: 16px 0; } .dialog-window-lock form ul { padding: 0; } .dialog-window-lock form ul li { margin-bottom: 10px; } .dialog-window-lock form ul li label { cursor: pointer; color: #828282; } .dialog-window-lock form ul li.checked label { font-weight: 500; color: #333; } .dialog-window-lock form ul li.width-textarea .for-textarea { position: relative; top: 4px; left: 7px; } .dialog-window-lock form ul li.width-textarea .input-group { margin-top: 20px; } .dialog-window-lock form ul li.width-textarea .input-group label { padding-right: 0; } .dialog-window-lock form ul li.width-textarea .toggle-input { display: none; } .dialog-window-lock .btn-block { display: flex; flex-direction: column; max-width: 325px; margin: 0 auto; } .dialog-window-lock .btn-block .btn-new-stroke { margin-top: 10px; } .locking-personal-account-form { padding-top: 20px; } .locking-personal-account-form .profile-h2 { padding-bottom: 16px; } .locking-personal-account-form .subtitle { text-align: center; margin-bottom: 30px; } .locking-personal-account-form.base-form { padding: 0 15px; } .locking-personal-account-form h1 { font-weight: 600; font-size: 24px; line-height: 150%; text-align: center; margin: 15px 0; } .locking-personal-account-form .input-group { margin: 0 0 25px 0; } .locking-personal-account-form .input-group label { height: auto !important; color: #333 !important; } .locking-personal-account-form .input-group label span { color: #4f4f4f !important; } .locking-personal-account-form .styled-link { font-weight: 500; } .locking-personal-account-form .sign_sms p { font-size: 14px; line-height: 20px; margin-bottom: 5px; } .locking-personal-account-form .sign_sms .sms_agree-text span { font-weight: 600; } .locking-personal-account-form.sms-recover .input-group { margin: 0 0 15px 0; } .locking-personal-account-form .btn { width: 100%; } .products-list { margin: 0 -15px; padding: 15px; overflow-x: hidden; } @media all and (min-width: 768px) { .products-list { overflow-x: visible; } } .products-list--multiproduct-page { background: linear-gradient(90deg, #915FFF 0%, #6E36EA 100%); box-shadow: 0px -3px 20px rgba(0, 0, 0, 0.1), 0px 15px 30px rgba(0, 0, 0, 0.1); } .products-list--multiproduct-page.products-list h3 { color: #fff; } @media all and (min-width: 768px) { .products-list--multiproduct-page.products-list h3 { color: #333; } } @media all and (min-width: 768px) { .products-list__row { display: flex; flex-wrap: wrap; margin: 0 -8px; } } @media all and (min-width: 768px) { .products-list { margin: 0; padding: 0; background: transparent; box-shadow: none; } } .products-list h3 { font-weight: 600; font-size: 16px; line-height: 24px; color: #333; padding: 12px 0; } @media all and (min-width: 768px) { .products-list h3 { font-size: 20px; line-height: 32px; } } .products-list h3.top-h3 { padding: 16px 0; } @media all and (min-width: 768px) { .products-list h3.top-h3 { padding: 12px 0; } } .products-list .product-wrapper-overflow { margin-bottom: 16px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25); display: flex; } .products-list .product-wrapper-overflow--open-right .product-actions { flex-direction: row-reverse; } .products-list .product-wrapper-overflow--open-right .product-actions .swipe-block__open { display: flex !important; } .products-list .product-wrapper-overflow--open-right .product-actions .swipe-block:not(.swipe-block__open) { display: none; } .products-list .product-wrapper-overflow--open-left .product-actions .swipe-block__open { display: none; } .products-list .product-wrapper { position: relative; display: inline-flex; } .products-list .product-wrapper > div { display: inline-block; } .products-list .product-wrapper .product-actions { position: absolute; top: 0; width: 100%; bottom: 0; -webkit-transform: translateZ(0); transform: translateZ(0); display: flex; } .products-list .product-wrapper .product { display: flex; flex-direction: column; padding: 8px; width: calc(100vw - 30px); color: #333; background: #fff; position: relative; min-height: 64px; } .products-list .product-wrapper .product--veo-card { margin-left: 0; } .products-list .product-wrapper .product.flex-row { flex-direction: row; } .products-list .product-wrapper .product--pdl-vietnam { flex-wrap: wrap; } .products-list .product-wrapper .product--pdl-vietnam .product__description { justify-content: initial; } @media all and (min-width: 768px) { .products-list .product-wrapper .product--pdl-vietnam { flex-wrap: nowrap; } .products-list .product-wrapper .product--pdl-vietnam .product__description { justify-content: start; } .products-list .product-wrapper .product--pdl-vietnam .product__image img { margin: 0 0 auto 0; } } .products-list .product-wrapper .product__title-available { font-size: 18px; line-height: 1.25; margin-bottom: 16px; padding-right: 30px; } @media all and (min-width: 768px) { .products-list .product-wrapper .product__title-available { font-size: 22px; padding-right: 50px; } } .products-list.with-available { margin: 0; width: 100%; } .products-list.with-available .product-wrapper { width: 100%; } .products-list.with-available .product-wrapper .product { width: 100%; } .products-list .product-wrapper .product__available { display: block; padding: 10px 0; } .products-list .product-wrapper .product__available--title { font-size: 18px; color: #6E36EA; display: block; } .products-list .product-wrapper .product__available--overdue { font-size: 14px; font-weight: 600; color: #f2576a; display: block; } .products-list .product-wrapper .product__available--description { font-size: 14px; font-weight: 500; line-height: 1.6; display: block; } .products-list .product-wrapper .product__available--loanup { display: flex; justify-content: space-between; align-items: stretch; background-color: #dedede; border-radius: 3px; overflow: hidden; margin-top: 20px; } .products-list .product-wrapper .product__available--loanup-amount { display: flex; align-items: center; flex: none; background-color: #d4ebd1; padding: 15px 20px; font-size: 16px; font-weight: 500; } .products-list .product-wrapper .product__available--loanup-maxamount { text-align: right; padding: 15px; font-size: 16px; font-weight: 500; } .products-list .product-wrapper .is-liveloan .product__available--loanup-amount { color: #fff; background-color: #3DAE2B; } .products-list .product-wrapper .is-graceperiod .product__available--loanup-amount { color: #fff; background-color: #f2576a; } .products-list .product-wrapper .product__name { font-weight: 600; font-size: 16px; line-height: 24px; color: #333; align-items: center; display: flex; margin-bottom: 8px; } @media all and (min-width: 768px) { .products-list .product-wrapper .product__name { width: 100%; margin-bottom: 12px; font-size: 24px; line-height: 40px; } } .products-list .product-wrapper .product__name.show-md { display: none; } @media all and (min-width: 768px) { .products-list .product-wrapper .product__name.show-md { display: flex; line-height: 40px; } } @media all and (min-width: 768px) { .products-list .product-wrapper .product__name .mb-25 { margin: 0 0 20px 0; } } .products-list .product-wrapper .product__name img { margin-left: 10px; max-height: 18px; max-width: 18px; } .products-list .product-wrapper .product__name img.animation-rotate { -webkit-animation: rotating 1.5s linear infinite; -moz-animation: rotating 1.5s linear infinite; -ms-animation: rotating 1.5s linear infinite; -o-animation: rotating 1.5s linear infinite; animation: rotating 1.5s linear infinite; } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @media all and (min-width: 768px) { .products-list .product-wrapper .product__name img { margin-left: 12px; max-width: 20.5px; } } .products-list .product-wrapper .product.alert { border: 1px solid #F2576A; } .products-list .product-wrapper .product__image { max-width: 42px; margin: 0 16px 0 4px; display: flex; flex: none; } .products-list .product-wrapper .product__image img { width: 100%; margin: auto; } .products-list .product-wrapper .product__image--circle { max-width: 47px; max-height: 50px; position: relative; transform: translate(-33%, -33%) scale(0.43635); margin: 0 13px 0 0; } @media all and (max-width: 767px) { .products-list .product-wrapper .product__image--circle { max-width: 93px; max-height: 96px; transform: translate(-10%, -16%) scale(0.9); margin: 0 8px 0 0; } } @media all and (max-width: 767px) { .products-list .product-wrapper .product__image--circle.small .credit-state-progress-circle-info .circle-info { font-size: 10px; } } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle { margin-top: 6px; position: relative; width: 110px; height: 110px; border-radius: 50%; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle.small circle { stroke-width: 7px; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle.is-restructuring { background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center; box-sizing: border-box; transform: scale(2); } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info.col { flex-direction: column; transform: scale(1); } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info.is-loans { transform: none; padding: 15px; line-height: 1.2; font-size: 14px; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info.is-loans.info-column { display: flex; flex-direction: column; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info.is-loans.is-middle-size .increased-size { font-size: 20px; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info.is-loans--live-loan span { width: auto; margin-left: 4px; } @media all and (max-width: 767px) { .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info.is-loans { transform: scale(1.2); padding: 20px; } } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .reduced-size { font-size: 10px; line-height: 1.2; color: #828282; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .reduced-size--md { font-weight: 600; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .reduced-size--up { position: relative; bottom: -2px; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .increased-size { font-weight: 600; font-size: 20px; } @media all and (min-width: 768px) { .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .increased-size { font-size: 24px; } } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .increased-size .bold-l { font-size: 24px; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .increased-size > span { font-size: 14px; line-height: 20px; display: inline-block; margin-left: 4px; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .increased-size.margin-none { margin: 0; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info > span { width: 100%; text-align: center; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info > span.inline { width: auto; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .circle-info { font-size: 12px; line-height: 16px; color: #333; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .circle-info.overdraft { font-size: 14px; line-height: 20px; font-weight: 600; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .circle-info.danger { color: #eb5757; } @media all and (min-width: 768px) { .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .circle-info.danger { font-size: 14px; } } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .circle-info__small { font-size: 14px; line-height: 20px; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .circle-info .subtitle { font-size: 10px; line-height: 16px; margin: 0 0 8px; color: #828282; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .circle-info--veocard { max-width: none !important; font-size: 10px !important; line-height: 16px !important; font-weight: 400; color: #828282; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .circle-info--veocard span { color: #333; display: block; font-size: 14px; line-height: 20px; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .bottom-text { font-size: 10px; line-height: 16px; color: #828282; } @media all and (max-width: 767px) { .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info { transform: scale(1.2); } } .products-list .product-wrapper .product__image--circle .payment-chart { transform: rotate(-85deg); } .products-list .product-wrapper .product__image--circle .payment-chart#chartCardRepayment { transform: scale(1, 1) rotate(-85deg); } .products-list .product-wrapper .product__image--circle + .products-list .product__description { width: calc(100% - 150px); } .products-list .product-wrapper .product__description { display: flex; flex-direction: column; } .products-list .product-wrapper .product__description span br { display: none; } @media all and (min-width: 768px) { .products-list .product-wrapper .product__description span br { display: unset; } } @media all and (min-width: 768px) { .products-list .product-wrapper .product__description.top { justify-content: flex-start; } } .products-list .product-wrapper .product__description-name { color: #333; font-weight: 600; font-size: 18px; line-height: 22px; margin: 0 0 8px 0; display: flex; } .products-list .product-wrapper .product__description-name img { margin-left: 12px; max-width: 18px; max-height: 18px; } .products-list .product-wrapper .product__description-name--wrapper { display: flex; flex-direction: column; } @media all and (max-width: 767px) { .products-list .product-wrapper .product__description-name--wrapper { flex-direction: row; } .products-list .product-wrapper .product__description-name--wrapper span:nth-child(2) { margin-left: 5px; } .products-list .product-wrapper .product__description-name--wrapper span:nth-child(2):first-letter { text-transform: lowercase; } } @media all and (max-width: 767px) { .products-list .product-wrapper .product__description-name { font-size: 16px; } } .products-list .product-wrapper .product__description .status-name { font-weight: 600; font-size: 14px; line-height: 20px; margin-bottom: 8px; } @media all and (min-width: 768px) { .products-list .product-wrapper .product__description .status-name { margin-bottom: 12px; } } .products-list .product-wrapper .product__description .status-name--success { color: #3dae2b; } .products-list .product-wrapper .product__description .status-name--warning { color: #eb9200; } .products-list .product-wrapper .product__description .status-name--danger { color: #eb5757; } .products-list .product-wrapper .product__description .status-short-description { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 14px; line-height: 20px; } @media all and (min-width: 768px) { .products-list .product-wrapper .product__description .status-short-description { -webkit-line-clamp: 6; } } .products-list .product-wrapper .product__description .status-short-description.h-auto { min-height: auto; } .products-list .product-wrapper .product__description .status-short-description b { text-transform: lowercase; } @media all and (max-width: 767px) { .products-list .product-wrapper .product__description.card { width: calc(100% - 50px); } } @media all and (max-width: 767px) { .products-list .product-wrapper .product__description.card .products-list .product__description-description { margin-top: 8px; font-size: 12px; line-height: 16px; } } @media all and (max-width: 767px) { .products-list .product-wrapper .product__description.card .products-list .product__description-description span { display: inline-block; font-weight: 500; color: #828282; margin: 0 2px; } } .products-list .product-wrapper .product__description.card .products-list .product__description-description.danger span { color: #eb5757; } .products-list .product-wrapper .product__description-description { font-weight: normal; color: #828282; font-size: 12px; line-height: 16px; margin-right: 40px; } @media all and (min-width: 768px) { .products-list .product-wrapper .product__description-description { font-size: 14px; line-height: 20px; } } .products-list .product-wrapper .product__description-description::first-letter { text-transform: uppercase; } @media (max-width: 767px) { .products-list .product-wrapper .product__description-description--installment { display: flex; } } .products-list .product-wrapper .product__description-description--installment:first-child { width: 40%; } .products-list .product-wrapper .product__description-description--installment:last-child { width: 60%; } .products-list .product-wrapper .product__description-description .name { font-weight: 600; font-size: 16px; line-height: 24px; color: #333; display: block; margin-bottom: 8px; } @media all and (min-width: 768px) { .products-list .product-wrapper .product__description-description .name { font-size: 24px; } } .products-list .product-wrapper .product__description-description b { font-weight: 600; font-size: 12px; line-height: 15px; } @media all and (min-width: 768px) { .products-list .product-wrapper .product__description-description b { font-size: 14px; line-height: 16px; } } .products-list .product-wrapper .product__description--wrapper { display: flex; flex-direction: column; } .products-list .product-wrapper .product__description__section { margin-bottom: 4px; } .products-list .product-wrapper .product__description__section--description, .products-list .product-wrapper .product__description__section--value { line-height: 16px; color: #828282; margin-bottom: 4px; } .products-list .product-wrapper .product__description__section--description.danger, .products-list .product-wrapper .product__description__section--value.danger { color: #f2576a; line-height: 16px; font-size: 12px; } .products-list .product-wrapper .product__description__section--description.danger b, .products-list .product-wrapper .product__description__section--value.danger b { text-transform: capitalize; } @media all and (min-width: 768px) { .products-list .product-wrapper .product__description__section--description.danger, .products-list .product-wrapper .product__description__section--value.danger { font-size: 14px; margin-bottom: 0; } } @media all and (min-width: 768px) { .products-list .product-wrapper .product__description__section--description, .products-list .product-wrapper .product__description__section--value { display: inline-block; width: 100%; } } .products-list .product-wrapper .product__description__section--description { font-size: 12px; line-height: 17px; } .products-list .product-wrapper .product__description__section--value { font-weight: 600; font-size: 12px; color: #333; text-transform: lowercase; padding: 0 0 0 4px; } .products-list .product-wrapper .product__description__section--value .increased-size { font-size: 16px; line-height: 18px; } @media all and (min-width: 768px) { .products-list .product-wrapper .product__description__section--value .increased-size { font-size: 20px; line-height: 20px; } } @media all and (max-width: 767px) { .products-list .product-wrapper .product__description__section--value .currency.small { font-size: 12px; } } @media all and (min-width: 768px) { .products-list .product-wrapper .product__description__section--value { padding: 0 0 4px 0; font-size: 14px; } } .products-list .product-wrapper .product__description .dashed-description { display: flex; margin: 8px 0 0; padding: 8px 0 0; border-top: 1px dashed #828282; justify-content: space-between; } .products-list .product-wrapper .product__description .dashed-description span { font-weight: 600; font-size: 14px; line-height: 20px; } @media all and (min-width: 768px) { .products-list .product-wrapper .product__description .dashed-description { margin: 12px 0 0; padding: 12px 0 0; } } @media all and (min-width: 768px) { .products-list .product-wrapper .product__description--white-space span { white-space: pre-line; } } @media all and (min-width: 768px) { .products-list .product-wrapper .product__description--full-width { width: 100%; justify-content: normal; } } @media all and (min-width: 768px) { .products-list .product-wrapper .product__description .card-width { max-width: 50px; display: block; } } .products-list .product-wrapper .product__description-divider { margin: 8px 0; border-bottom: 1px dashed #828282; } .products-list .product-wrapper .product__description-row { display: flex; } .products-list .product-wrapper .product__description-row-title, .products-list .product-wrapper .product__description-row-value { font-size: 14px; line-height: 20px; color: #333; } .products-list .product-wrapper .product__description-row-value { margin-left: auto; font-weight: 600; } .products-list .product-wrapper .product__veobottom { position: absolute; left: 110px; right: 8px; bottom: 14px; } @media all and (min-width: 768px) { .products-list .product-wrapper .product__veobottom{ left: 152px; } } .products-list .product-wrapper .product__arrow { position: absolute; right: 8px; top: 8px; cursor: pointer; padding: 0 0 15px 0; } .products-list .product-wrapper .product__arrow::after { border-right: 2px solid #fff; border-top: 2px solid #fff; width: 10px; height: 10px; margin: 0 9px -2px 0; content: ""; display: inline-block; position: relative; transform: rotate(45deg); } .products-list .product-wrapper .product__arrow::before { right: 0; content: ""; width: 24px; height: 24px; background: linear-gradient(90deg, #915FFF 0%, #6E36EA 100%); display: block; position: absolute; } .products-list .product-wrapper .product__info-bottom-line { display: flex; justify-content: space-between; } .products-list .product-wrapper .product__info-bottom-line span { font-weight: 600; } .products-list .product-wrapper .product--default { min-height: 104px; } .products-list .product-wrapper .product--default img { max-width: 20px; } @media all and (max-width: 767px) { .products-list .product-wrapper .product--default img { width: 15px; height: 14px; margin-left: 10px; } } @media all and (min-width: 768px) { .products-list .product-wrapper .product { display: inline-block; padding: 12px; width: 452px; min-height: 228px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25); margin: 0; transform: translate3d(0, 0px, 0px) !important; } } .products-list .product-wrapper .swipe-block { width: 96px; font-size: 12px; font-weight: 500; line-height: 15px; text-align: center; color: #FFFFFF; display: flex; align-items: center; justify-content: center; padding: 8px; word-break: break-word; box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.25); } .products-list .product-wrapper .swipe-block + .product { margin-left: 0; } .products-list .product-wrapper .swipe-block__pay { background: #3dae2b; } .products-list .product-wrapper .swipe-block__prolongation { background: #F2994A; } .products-list .product-wrapper .swipe-block__topup { background: #915fff; } .products-list .product-wrapper .swipe-block__open { background: #3dae2b; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25); justify-content: normal; position: relative; z-index: 1; display: none; } .products-list .product-wrapper .swipe-block__open__inner-wrapper { margin: auto; } .products-list .product-wrapper .swipe-block__open .moving-text { margin: auto; } .products-list .product-wrapper .swipe-block:nth-last-of-type(2) + .product { margin-left: 0; } .products-list .product-wrapper--blocked { pointer-events: none !important; } .products-list .product-wrapper--blocked .product__description-name, .products-list .product-wrapper--blocked .product__name { color: #828282 !important; } .products-list .product-wrapper--blocked img { filter: grayscale(1); } .products-list .product-wrapper--blocked img.loan-til { filter: grayscale(0); } .products-list .product-wrapper--blocked .product__arrow { display: none; } .products-list .another-products .product { margin: 0; flex-direction: row; } .products-list .another-products .product.column { flex-direction: column; } @media all and (max-width: 330px) { .products-list__row { max-width: 288px; } .products-list__row .product-wrapper-overflow { max-width: 288px; min-height: 72px; } .products-list__row .product-wrapper-overflow .product-wrapper { max-width: 288px; } .products-list__row .product-wrapper-overflow .product-wrapper .product { max-width: 288px; padding: 12px; } .products-list .product { max-width: 288px; } } @media (min-width: 768px) { .products-list .products-currently-active { background: #fff; } .products-list .product-wrapper-overflow { overflow: auto; margin: 0 8px 16px 8px; } .products-list .product-wrapper .product__image { max-height: none; float: left; max-width: 140px; margin: 0 20px 0 4px; min-height: 120px; } .products-list .product-wrapper .product__image img { max-width: 70px; height: auto; } .products-list .product-wrapper .product__image img.loan-til.comfort { height: 65px; } .products-list .product-wrapper .product__image img.loan-til.veocard { height: 47px; } .products-list .product-wrapper .product__image img.is_accessible { width: 70px; } .products-list .product-wrapper .product__image--circle { transform: scale(1); width: 50%; margin: -10px 0 0; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info { transform: none; color: #333; font-weight: 500; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info > b, .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info span { max-width: inherit; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .circle-info { font-weight: 500; font-size: 16px; line-height: 150%; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .circle-info.danger { font-size: 14px; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .circle-info .return-until-text { font-size: 15px; line-height: 23px; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info .circle-info .subtitle { font-size: 10px; line-height: 16px; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info.small { transform: none !important; width: auto; margin: 0 20px 0 0; } .products-list .product-wrapper .product__image--circle .credit-state-progress-circle-info.small + .products-list .product__description { width: calc(100% - 145px); } .products-list .product-wrapper .product__description { float: left; min-height: 120px; justify-content: center; width: 60%; } .products-list .product-wrapper .product__description-name { display: none; } .products-list .product-wrapper .product__description .status-short-description { font-size: 14px; line-height: 20px; } .products-list .product-wrapper .product__description-description { color: #828282; font-size: 14px; line-height: 20px; } .products-list .product-wrapper .product__description--white-space span { white-space: pre-line; } .products-list .product-wrapper .product__description--full-width { width: 100% !important; justify-content: normal; } .products-list .product-wrapper .product__description .card-width { max-width: 50px; display: block; } .products-list .product-wrapper .swipe-block { display: none; } .products-list .product-wrapper .desktop-links { display: none; position: absolute; bottom: 2px; right: 25px; max-width: 150px; flex-direction: column; justify-content: flex-end; text-align: right; } .products-list .product-wrapper .desktop-links .desktop-links__link { color: #915fff; font-weight: 500; font-size: 14px; line-height: 17px; padding: 4px 0; margin: 6px 0; } .products-list .product-wrapper .desktop-links .desktop-links__link:hover { color: #6E36EA; } /* .products-list .product-wrapper:hover .product { background: #F3F3F3; transition: 0.3s; } .products-list .product-wrapper:hover .product__veobottom .credit-state-info, .products-list .product-wrapper:hover .product .credit-state-info, .products-list .product-wrapper:hover .product .product-description { display: none; } .products-list .product-wrapper:hover .desktop-links { display: flex; } */ .products-list .products-currently-active .product-wrapper .product__arrow, .products-list .another-products .product-wrapper .product__arrow { color: transparent; right: 16px; top: 12px; } .products-list .products-currently-active .product-wrapper .product__arrow::before, .products-list .another-products .product-wrapper .product__arrow::before { content: ""; height: 40px; width: 40px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25); background: linear-gradient(90deg, #915FFF 0%, #6E36EA 100%); display: block; position: absolute; right: -4px; } .products-list .products-currently-active .product-wrapper .product__arrow::after, .products-list .another-products .product-wrapper .product__arrow::after { width: 16px; height: 16px; margin: 11px 13px 0 0; border-color: #fff; } .products-list .another-products { display: inline-flex; flex-wrap: wrap; } .products-list .another-products .product-wrapper .product__description { width: calc(100% - 120px); } .products-list .another-products .product-wrapper .product__description--veocard { width: calc(100% - 112px); } .products-list .credit-state-info { display: block; } .products-list .credit-state-info-section { display: block; margin-bottom: 4px; line-height: 17px; } .products-list .credit-state-info-section:last-child { border: none; } .products-list .credit-state-info-section__description { font-size: 12px; line-height: 17px; padding: 0 0 4px 0; display: block; } .products-list .credit-state-info-section__value { position: relative; font-weight: 600; font-size: 14px; line-height: 17px; padding: 0 0 5px 0; display: inline-block; text-transform: lowercase; } .products-list .credit-state-info-section__value .increased-size { font-size: 20px; line-height: 20px; } .products-list .credit-state-info-section__value .old-value span { font-weight: 500; font-size: 12px; line-height: 15px; color: #828282; text-decoration: line-through; } } .products-banner { display: block; text-align: center; } .products-banner img { max-width: 100%; max-height: 512px; } @media (min-width: 768px) { .products-banner img { width: 100%; height: auto; } } .credit-state--another-products .product { margin: 0 !important; } .products-can-be-used, .products-cant-be-used { display: inline-flex; } .products-list .credit-state-info-section, .products-list .credit-state-info-vt { display: flex; flex-direction: column; } @media all and (max-width: 767px) { .products-list .credit-state-info-vt { margin-bottom: 5px; } } .products-list-wrapper-to-products hr { margin: 24px 0; } .products-list-wrapper-to-products h3 { padding: 0; margin-bottom: 16px; } @media (min-width: 768px) { .products-list-wrapper-to-products hr { margin: 48px 0; } .products-list-wrapper-to-products h3 { margin-bottom: 24px; } .products-list-wrapper-to-products .products-list .another-products .product-wrapper .product__description { width: 47%; } } .multiloan-mobile-headline { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .multiloan-mobile-headline__headline { font-weight: 600; font-size: 20px; line-height: 32px; } .multiloan-mobile-headline__icon svg { width: 24px; height: 24px; } .multiloan-limit-wrapper hr { display: none; } .multiloan-limit__value { display: flex; justify-content: space-between; font-weight: 500; font-size: 16px; line-height: 24px; } .multiloan-limit__value__value--blocked { color: #828282; } .multiloan-limit__values { font-size: 14px; line-height: 20px; } .multiloan-limit__bar { height: 8px; margin-bottom: 16px; background-color: #C5E7BF; } .multiloan-limit__bar--grey { background-color: #F3F3F3; } .multiloan-limit__bar__inner { background-color: #3DAE2B; position: relative; display: block; height: 100%; max-width: 100%; } .multiloan-limit__bar-values { display: none; } .multiloan-limit .limit-dot-icon { position: relative; padding-left: 22px; } .multiloan-limit .limit-dot-icon:before { content: ""; width: 10px; height: 10px; border-radius: 50%; position: absolute; left: 0; top: 5px; } .multiloan-limit .limit-dot-icon--available:before { background: #C5E7BF; } .multiloan-limit .limit-dot-icon--used:before { background: #3DAE2B; } .multiloan-limit .what-is-limit { display: none; } .multiloan-limit__mobile-limit { display: flex; justify-content: space-between; margin-bottom: 28px; } .desktop-limits { display: none; } .status .application-new-content { min-height: 440px; background-size: 440px; background-position: right; } @media all and (max-width: 767px) { .status { padding-bottom: 0; } .status .application-new-content { min-height: auto; background-size: 375px; background-position: center 50px; } .status .application-new-content .status-item { margin-top: 300px; } } @media all and (max-width: 425px) { .status .application-new-content { background-size: 325px; background-position: center 90px; } } .another-products-prewrapper hr { display: inherit; border: 1px #E2E2E2 solid; margin: 0; } .another-products-prewrapper h3 { padding: 16px 0; } @media (min-width: 768px) { .multiloan-mobile-headline { display: none; } .multiloan-limit { display: flex; } .multiloan-limit__bar { margin-bottom: 4px; } .multiloan-limit__bar-values { display: flex; justify-content: space-between; margin-bottom: 10px; } .multiloan-limit .limit-dot-icon { font-size: 16px; } .multiloan-limit .desktop-limits { display: flex; margin-bottom: 12px; font-weight: 500; line-height: 25px; } .multiloan-limit .what-is-limit { display: flex; margin-top: 24px; } .multiloan-limit .what-is-limit__icon { padding-left: 12px; } .multiloan-limit .what-is-limit__text { padding-left: 16px; font-weight: 500; font-size: 16px; } .multiloan-limit__value { font-weight: 600; font-size: 20px; line-height: 32px; justify-content: inherit; } .multiloan-limit__value__value { margin-left: 16px; } .multiloan-limit__value__value--blocked { color: #828282; } .multiloan-limit__desktop-message { margin-bottom: 28px; } .multiloan-limit__mobile-limit { display: none; } .multiloan-limit-wrapper hr { display: inherit; border: 1px #E2E2E2 solid; } .multiloan-limit--left { width: 68%; padding-right: 28px; } .multiloan-limit--right { width: 32%; } .another-products-prewrapper hr { margin: 0 0 24px 0; } .another-products-prewrapper h3 { padding: 24px 0; } } .profile-back-link-container { background: #F3F3F3; margin: 0 -15px 24px; } .profile-back-link-container .profile-back-link { display: flex; align-items: center; height: 32px; padding: 0 15px; position: relative; justify-content: center; } .profile-back-link-container .profile-back-link--arrow-left { position: absolute; left: 16px; display: flex; } .profile-back-link-container .profile-back-link---title { font-weight: 600; font-size: 16px; line-height: 24px; } @media (max-width: 767px) { .profile-back-link-container--mobile-back-link-fix { z-index: 100; width: 100%; position: fixed; top: 44px; } } @media (min-width: 768px) { .profile-back-link-container { margin: 0 0 28px; } .profile-back-link-container .profile-back-link { height: 40px; } } .loan-types { display: flex; flex-direction: column; padding: 0 15px; } @media all and (min-width: 768px) { .loan-types { flex-direction: row; padding: 0 15px 28px; } } .loan-types h1 { font-weight: 600; font-size: 24px; line-height: 36px; margin: 0 0 28px; } .loan-types h5 { font-size: 16px; margin-bottom: 18px; } .loan-types__content { width: 100%; } @media all and (max-width: 767px) { .loan-types__content { margin-top: 28px; } } .loan-types__content .flex-wrapper { display: flex; justify-content: space-between; flex-direction: column; } @media all and (min-width: 768px) { .loan-types__content .flex-wrapper { flex-direction: row-reverse; } } .loan-types__content__block { display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; } .loan-types__content__block .product--item { max-width: 288px; width: 100%; } .loan-types__content__block .product--item .loan-types__docs { margin-bottom: 10px; } @media all and (max-width: 767px) { .loan-types__content__block .product--item { margin: 0 auto; } } @media all and (min-width: 768px) { .loan-types__content__block { width: 60%; justify-content: space-between; flex-direction: row; } } .loan-types__content .racoon img { width: 100%; max-width: 218px; height: auto; margin: 0 auto 36px; } @media all and (min-width: 768px) { .loan-types__content .racoon img { margin: 0; max-width: 300px; } } @media all and (max-width: 767px) { .loan-types__content .racoon { margin: 0 auto; } } .loan-types__content--item { display: none !important; } .loan-types .loan-popup-content { display: none !important; } .loan-types__docs { display: flex; flex-direction: column; } .loan-types__docs .download-link { font-weight: 600; padding: 0 0 4px 30px; position: relative; margin-bottom: 24px; width: fit-content; } .loan-types__docs .download-link img { position: absolute; left: 0; } .popup { display: none; align-items: center; justify-content: center; padding: 0 16px; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.72); z-index: 100003; } .popup__content { padding: 20px 16px 24px; background: #fff; border: 4px solid #3dae2b; max-width: 920px; position: relative; } .popup__content--close { position: absolute; top: 28px; right: 16px; cursor: pointer; } .popup__content--title { font-weight: 600; font-size: 20px; line-height: 32px; color: #333; padding: 0 0 8px; margin: 0 0 24px; border-bottom: 1px solid #e2e2e2; } @media all and (min-width: 768px) { .popup__content--title { text-align: center; } } .popup__content__text { min-height: 170px; max-height: 276px; overflow-y: auto; margin-bottom: 24px; } .popup__content button.btn { display: block; width: 100%; max-width: 256px; margin: 0 auto; } .promocodes-wrapper { display: inline-block; width: 100%; } .promocodes-wrapper h1 { font-weight: 600; font-size: 20px; line-height: 32px; margin-bottom: 24px; } .new-promotioncodes__item { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; word-break: break-word; } .new-promotioncodes__item:before { content: ""; width: 24px; height: 24px; margin-right: 8px; filter: grayscale(1); background-image: url("/assets/img/redesign-icons/icon-promocode.svg"); } .new-promotioncodes__item--name { font-size: 12px; font-weight: 500; color: #5E5E5E; } .new-promotioncodes__item--value { font-size: 12px; font-weight: 500; color: #915FFF; margin: 0 8px; word-break: normal; white-space: nowrap; flex: none; } .new-promotioncodes__item--action { font-size: 12px; font-weight: 500; word-break: normal; white-space: nowrap; flex: none; } .promoadds__item { position: relative; margin: 10px 0; } .promoadds__item:before { content: ""; display: inline-block; width: 30px; height: 20px; background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyBkYXRhLW5hbWU9J9Ch0LvQvtC5IDEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgdmlld0JveD0nMCAwIDMyMCAxODAnPjxnIGZpbGw9JyNGQ0QyMjQnPjxwYXRoIGQ9J00yNy44OSAxNjguOTR2LTUxYzEuOTMtNC4wOSA1LjEtNS42NCA5LjY1LTUuODkgMTIuMTQtLjY4IDIxLjU2LTExLjE4IDIxLjUxLTIzLjM5cy05LjQ5LTIyLjUtMjEuNTEtMjMuMTVjLTQuNTUtLjI0LTcuNzEtMS44LTkuNjUtNS44OHYtNTFjMi00LjM3IDUuNDMtNS44NSAxMC4yMS01Ljc5IDE2LjYyLjE2IDMzLjI0LjA1IDQ5LjkuMDVoMi44N3YyMi43NWMwIDUgMy40MSA4LjU0IDcuOTIgOC40OHM3LjU5LTMuNDkgNy42NC04LjQzVjIuODloMTc4LjQyYzYgMCA5IDMgOSA5LjE1djE1My41NWMwIDYuMDctMyA5LjA4LTkuMTEgOS4wOEgxMDUuODJ2LTMuNWMwLTYuNjguMDYtMTMuMzYgMC0yMGE3Ljc1IDcuNzUgMCAwIDAtMTUuMzItMS41OSAxNSAxNSAwIDAgMC0uMjIgMy4zNnYyMS43N2gtM2MtMTYuMjggMC0zMi41Ni0uMTItNDguODMuMDctNC45Mi4wMi04LjQ1LTEuMzQtMTAuNTYtNS44NHpNMjQ3LjQ1IDQyYTguNTUgOC41NSAwIDAgMC01LjktNy40NmMtMy40Ny0xLjA2LTYuNzEuMTQtOSAzLjVxLTMwLjg5IDQ2LjM1LTYxLjcyIDkyLjc1Yy0yLjc1IDQuMTQtMiA4LjY5IDEuNjggMTEuMjVzOC40NiAxLjYgMTEuMjQtMi41N3EzMC45LTQ2LjM2IDYxLjctOTIuNzdhMjYuMSAyNi4xIDAgMCAwIDItNC43em0tNDcuMDkgMTUuNjVBMjMuMzcgMjMuMzcgMCAxIDAgMTc2Ljc1IDgxYTIzLjQ2IDIzLjQ2IDAgMCAwIDIzLjYxLTIzLjM1em0zOS4xIDM4Ljk0YTIzLjQyIDIzLjQyIDAgMSAwIDIzLjI0IDIzLjY3IDIzLjQ2IDIzLjQ2IDAgMCAwLTIzLjI0LTIzLjY3ek0xMDUuODEgNjUuNDZ2LTcuNzlhNy43OCA3Ljc4IDAgMSAwLTE1LjU1LS4wOHEtLjEyIDcuNzggMCAxNS41N2E3Ljc3IDcuNzcgMCAwIDAgMTUuNTMuMDhjLjA5LTIuNTkuMDItNS4xOS4wMi03Ljc4em0tMTUuNTggNDYuNzZ2Ny41MmMuMDkgNC42MiAzLjM5IDggNy43MyA4LjA3YTcuNzkgNy43OSAwIDAgMCA3LjgzLThxLjExLTcuNjUgMC0xNS4zMWE3LjggNy44IDAgMCAwLTcuODYtNy45NGMtNC4zNCAwLTcuNjIgMy40Ny03LjcgOC4xLS4wMyAyLjU0IDAgNS4wNSAwIDcuNTZ6Jy8+PHBhdGggZD0nTTE4NC43NyA1Ny42M2E3Ljc4IDcuNzggMCAxIDEtNy42My03Ljg5IDcuODcgNy44NyAwIDAgMSA3LjYzIDcuODl6TTI0Ny4xMiAxMjBhNy43OSA3Ljc5IDAgMSAxLTcuNzItNy44IDcuODkgNy44OSAwIDAgMSA3LjcyIDcuOHonLz48L2c+PC9zdmc+); background-repeat: no-repeat; position: absolute; left: 5px; top: 18px; } .promoadds__item--wrapper { display: inline-block; padding: 12px; padding-left: 40px; background-color: #f1f1f1; border: 1px dashed #b5b5b5; } .promoadds__item--text { display: inline-block; font-size: 14px; font-weight: 600; } .promoadds__item--text [data-clipboard] { display: inline-flex; padding: 5px 12px; margin-left: 5px; border-radius: 40px; background-color: #fadb65; cursor: pointer; position: relative; } .promoadds__item--text [data-clipboard]:after { content: ""; display: inline-block; width: 20px; height: 20px; margin-left: 10px; background-image: url("/assets/img/icons/icon-clipboard.svg"); background-repeat: no-repeat; } @media (min-width: 768px) { .promoadds__item:before { top: 20px; } } .promocode-card { box-shadow: 0 0 14px rgba(0, 0, 0, 0.15); margin: 0 0 24px 0; padding: 16px 16px 24px 16px; min-height: 236px; width: 100%; } .promocode-card__headline { font-weight: 600; font-size: 20px; line-height: 32px; position: relative; margin: 0 0 32px 0; } .promocode-card__headline__discount { color: #3DAE2B; } .promocode-card__headline__product-name { color: #333333; } .promocode-card__headline .new-tooltip--grey-circle { float: right; } .promocode-card__status { font-size: 16px; line-height: 24px; color: #4F4F4F; margin-bottom: 12px; } .promocode-card__status span { font-weight: 600; } .promocode-card__status--success { float: right; margin: 12px 0; } .promocode-card__code-value { font-size: 16px; line-height: 24px; color: #828282; margin-bottom: 32px; } .promocode-card--activate .promocode-card__headline { margin: 0 0 28px 0; line-height: 28px; } .promocode-card--activate .promocode-card__status { margin: 0; } .no-promocodes .one { margin-bottom: 12px; } .no-promocodes .two { text-align: center; font-weight: 500; font-size: 16px; line-height: 24px; color: #4F4F4F; } @media (min-width: 768px) { .promocodes-wrapper h1 { font-size: 24px; line-height: 36px; color: #333; } .promocodes-wrapper .promocode-card { width: 260px; margin: 0 20px 20px 0; float: left; } .promocodes-wrapper .no-promocodes { display: flex; justify-content: space-between; } .promocodes-wrapper .no-promocodes .one { order: 2; margin-top: -52px; } .promocodes-wrapper .no-promocodes .two { order: 1; max-width: 356px; text-align: left; } } .card-verification { padding: 32px 0 120px; } .card-verification .container { max-width: 836px; } .card-verification > .container { padding: 0 16px; } .card-verification__form { margin-bottom: 38px; padding: 15px 0 20px; } .card-verification__form h2 { padding: 0 0 24px 0; font-size: 20px; line-height: 32px; text-align: left; } .card-verification__form p { padding-bottom: 40px; font-size: 16px; line-height: 24px; } .card-verification__form .credit-card { max-width: 288px; margin: auto; } .card-verification__form .credit-card__form { position: relative; padding: 28px 28px 26px; background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25); border-radius: 6px; } .card-verification__form .credit-card__form:after { content: ""; position: absolute; top: 12px; right: 16px; width: 45px; height: 20px; background: url("/Images/visa-card.svg") no-repeat; background-size: contain; } .card-verification__form .credit-card__field-group { display: flex; flex-wrap: wrap; justify-content: space-between; } .card-verification__form .credit-card__field-group .credit-card__field { margin-right: 37px; margin-bottom: 0; } .card-verification__form .credit-card__field-group .credit-card__field:last-child { margin-right: 0; } .card-verification__form .credit-card__field { position: relative; margin-bottom: 20px; } .card-verification__form .credit-card__field label { display: block; font-size: 12px; line-height: 16px; color: #828282; } .card-verification__form .credit-card__field input { display: block; width: 100%; height: 37px; padding: 0 12px; border: none; border-bottom: 1px solid rgba(34, 66, 91, 0.2); border-radius: 0; font-weight: 400; font-size: 16px; color: #333333; } .card-verification__form .credit-card__field input:hover, .card-verification__form .credit-card__field input:focus { border: none; border-bottom: 1px solid rgba(34, 66, 91, 0.2); } .card-verification__form .credit-card__field input.bold { font-weight: 600; } .card-verification__form .credit-card__field--number .input-box .icon-x { display: none; } .card-verification__form .credit-card__field--expiry { flex-basis: 103px; max-width: 103px; } .card-verification__form .credit-card__field--expiry .input-box { display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid rgba(34, 66, 91, 0.2); } .card-verification__form .credit-card__field--expiry .input-box.error { border-color: #ff5757; } .card-verification__form .credit-card__field--expiry .input-box .select { position: relative; flex-basis: 50%; max-width: 50%; height: 37px; } .card-verification__form .credit-card__field--expiry .input-box .select input { height: 37px; padding: 0; border: none; } .card-verification__form .credit-card__field--expiry .input-box .select .clsTab { outline: none; box-shadow: none; } .card-verification__form .credit-card__field--expiry .input-box .select.month { text-align: center; } .card-verification__form .credit-card__field--expiry .input-box .select.month:after { content: "/"; position: absolute; display: block; top: 11px; right: 5px; font-size: 15px; } .card-verification__form .credit-card__field--expiry .input-box .select.month input { text-align: center; } .card-verification__form .credit-card__field--expiry .input-box .select.year { text-align: left; } .card-verification__form .credit-card__field--expiry .input-box .select.year input { text-align: left; } .card-verification__form .credit-card__field--cvv { flex-basis: 92px; max-width: 92px; } .card-verification__form .credit-card__field .jq-selectbox { border: none !important; border-radius: 0; background: none; font-weight: 600; font-size: 16px; color: #333; } .card-verification__form .credit-card__field .jq-selectbox__trigger { display: none; } .card-verification__form .credit-card__field .jq-selectbox .jq-selectbox__select-text { padding: 0 !important; font-size: 16px !important; font-weight: 400 !important; line-height: 41px !important; } .card-verification__form .credit-card__field .jq-selectbox__dropdown { border: none; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25); } .card-verification__form .credit-card__field .jq-selectbox__dropdown li { padding: 0; text-align: center; } .card-verification__form .credit-card .input-box { position: relative; } .card-verification__form .credit-card .input-box span { position: absolute; display: block; top: 4px; right: -18px; width: 20px; height: 20px; } .card-verification__form .credit-card .input-box span .icons { position: relative; display: block; height: 20px; width: 20px; background: transparent; border: 2px solid #915FFF; border-radius: 50%; } .card-verification__form .credit-card .input-box span .icons:before { content: "i"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 12px; line-height: 18px; font-style: normal; font-weight: bold; text-align: center; color: #915FFF; } .card-verification__form .credit-card .input-box span .icons:hover { background: #915FFF; } .card-verification__form .credit-card .input-box span .icons:hover:before { color: #ffffff; } .card-verification__form .credit-card .input-box span.tooltip-error .icons { border-color: #F2576A; } .card-verification__form .credit-card .input-box span.tooltip-error .icons:before { color: #F2576A; } .card-verification__form .credit-card .input-box span.tooltip-error .icons:hover { background: #F2576A; } .card-verification__form .credit-card .input-box span.tooltip-error .icons:hover:before { color: #ffffff; } .card-verification__form .credit-card .input-box.error input:not([type=submit]):not([type=button]) { border-color: #ff5757; } .card-verification__form .credit-card .input-box.error span .icons { background-position: -87px 0; } .card-verification__form .credit-card .input-box.error .icon-x { position: absolute; right: 9px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); font-size: 10px; color: #ff5757; } .card-verification__form .credit-card .input-box.correct .icon-check { position: absolute; right: 9px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px; color: #73bc18; } .card-verification__form .credit-card .input-box .panel { -webkit-transform: translateX(100%); background: #fff; border-radius: 4px; padding: 5px; position: absolute; right: 0; top: 0; transform: translateX(100%); width: 155px; z-index: 999; } .card-verification__form .credit-card .input-box .panel:after { clear: both; content: " "; display: block; } .card-verification__form .credit-card .input-box .panel .num-btn { background: #ebf6f9; color: #333; cursor: pointer; float: left; font-weight: bold; font-size: 16px; height: 40px; line-height: 40px; margin: 0 1px 1px 0; text-align: center; width: calc(33.333% - 1px); } .card-verification__form .credit-card .input-box .panel .num-btn:hover { background: #cee5eb; } .card-verification__form .credit-card .input-box .panel .clear-btn { background: #cee5eb; color: #333; cursor: pointer; float: left; font-weight: bold; font-size: 16px; height: 40px; line-height: 40px; margin: 0 1px 1px 0; text-align: center; width: calc(66.666% - 1px); } .card-verification__form .credit-card .input-box #loadKeyBoard { top: 3px; left: 110px; } .card-verification__form .credit-card__name { padding-top: 40px; } .card-verification__form .credit-card__name label { display: block; margin-bottom: 4px; font-size: 14px; line-height: 20px; } .card-verification__form .credit-card__name input { display: block; width: 100%; height: 44px; border: 1px solid #828282; font-size: 16px; } .card-verification__form .credit-card__name .input-box span { top: -28px; right: 0px; } .card-verification__loading { display: flex; justify-content: center; align-items: center; margin-bottom: 40px; } .card-verification__loading-icon { margin-right: 8px; } .card-verification__loading-icon .new-loader-wrapper--indicator .new-loading { width: 24px; height: 24px; } .card-verification__loading-title { font-weight: 600; font-size: 20px; line-height: 32px; color: #915FFF; } .card-verification__actions { max-width: 288px; margin: auto; padding-top: 32px; text-align: center; } .card-verification__actions-item { margin-bottom: 13px; } .card-verification__actions-item:last-child { margin-bottom: 0; } .card-verification__method h2 { margin-bottom: 25px; font-weight: 600; font-size: 20px; line-height: 32px; } .card-verification__method ul { margin-bottom: 40px; } .card-verification__method ul li { position: relative; margin-bottom: 16px; padding-left: 32px; font-size: 16px; line-height: 24px; } .card-verification__method ul li:last-child { margin-bottom: 0; } .card-verification__method ul li:before { content: ""; position: absolute; top: 7px; left: 10px; width: 8px; height: 8px; background: #915FFF; border-radius: 50%; } .card-verification__method .input-group .input-box { margin: auto; position: relative; width: 120px !important; } .card-verification__method .input-group .input-box span { position: absolute; display: block; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: -30px; width: 20px; height: 20px; } .card-verification__method .input-group .input-box span .icons { position: relative; display: block; height: 20px; width: 20px; background: transparent; border: 2px solid #915FFF; border-radius: 50%; } .card-verification__method .input-group .input-box span .icons:before { content: "i"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 12px; line-height: 18px; font-style: normal; font-weight: bold; text-align: center; color: #915FFF; } .card-verification__method .input-group .input-box span .icons:hover { background: #915FFF; } .card-verification__method .input-group .input-box span .icons:hover:before { color: #ffffff; } .card-verification__method .input-group .input-box span.tooltip-error .icons { border-color: #F2576A; } .card-verification__method .input-group .input-box span.tooltip-error .icons:before { color: #F2576A; } .card-verification__method .input-group .input-box span.tooltip-error .icons:hover { background: #F2576A; } .card-verification__method .input-group .input-box span.tooltip-error .icons:hover:before { color: #ffffff; } .card-verification__method .input-group .input-box .icon-x, .card-verification__method .input-group .input-box .icon-check { display: none; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px; color: #73bc18; } .card-verification__method .input-group .input-box-currency { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); font-weight: 600; font-size: 16px; line-height: 24px; } .card-verification__method .input-group label { display: block; margin-bottom: 40px; font-weight: 600; font-size: 16px; line-height: 24px; text-align: center; } .card-verification__method .input-group input { width: 80px; padding: 0 5px; border: 1px solid #4F4F4F; border-radius: 2px; font-weight: 600; font-size: 20px; text-align: center; } @media only screen and (max-width: 767px) { .card-verification { padding: 0 0 40px; } .card-verification .input-box #cvv2_keyboard { top: 45px; right: 135px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25); } .card-verification__form h2 { font-size: 16px; line-height: 24px; padding: 0 0 16px 0; } .card-verification__form p { padding-bottom: 16px; font-size: 14px; line-height: 20px; } .card-verification__loading { align-items: flex-start; margin-bottom: 16px; } .card-verification__loading-title { font-size: 16px; line-height: 24px; } .card-verification__actions { padding-top: 24px; } .card-verification__method h2 { margin-bottom: 16px; font-size: 16px; line-height: 24px; } .card-verification__method ul { margin-bottom: 28px; } .card-verification__method ul li { padding-left: 28px; font-size: 14px; line-height: 20px; } .card-verification__method ul li:after { top: 5px; left: 7px; } .card-verification__method .input-group label { margin-bottom: 28px; font-size: 16px; line-height: 24px; } } .get-promocode ol, .get-promocode ul { padding-top: 0; text-align: left; } .get-promocode ol li b, .get-promocode ol li strong, .get-promocode ul li b, .get-promocode ul li strong { font-weight: 500; } .get-promocode h4, .get-promocode label, .get-promocode p, .get-promocode ul li, .get-promocode ol li { margin-bottom: 16px; font-size: 14px; line-height: 20px; } .get-promocode p:last-of-type, .get-promocode ul li:last-of-type, .get-promocode ol li:last-of-type { margin-bottom: 0; } .get-promocode h4, .get-promocode label { font-weight: 600; } .get-promocode__title { margin-bottom: 16px; font-weight: 600; font-size: 20px; line-height: 32px; } .get-promocode__subtitle { margin-bottom: 16px; font-weight: 600; font-size: 16px; line-height: 24px; } .get-promocode__info { margin-bottom: 32px; max-width: 800px; } .get-promocode__info ul { margin-bottom: 16px; } .get-promocode__info ul li { position: relative; padding-left: 31px; } .get-promocode__info ul li:before { content: ""; position: absolute; top: 10px; left: 10px; width: 8px; height: 8px; background: #915fff; border-radius: 50%; } .get-promocode__stock { position: relative; max-width: 288px; margin-bottom: 32px; z-index: 1; } .get-promocode__stock-title { display: block; } .get-promocode__stock .jq-selectbox { border: 1px solid #828282; border-radius: 0; } .get-promocode__stock .jq-selectbox:hover, .get-promocode__stock .jq-selectbox:focus { border: 1px solid #828282; } .get-promocode__stock .jq-selectbox .jq-selectbox__dropdown { left: -1px; right: -1px; width: unset; border: 1px solid #828282; } .get-promocode__stock .jq-selectbox .jq-selectbox__dropdown li { margin-bottom: 0; padding: 0 12px; font-size: 16px; font-weight: normal; } .get-promocode__stock .jq-selectbox__select .jq-selectbox__select-text { padding: 0 12px; font-size: 16px; font-weight: normal; } .get-promocode__stock .jq-selectbox__select .jq-selectbox__trigger { top: 18px; } .get-promocode__stock .jq-selectbox__select .jq-selectbox__trigger .jq-selectbox__trigger-arrow:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 5.5px 0 5.5px; border-color: #915fff transparent transparent transparent; } .get-promocode__rules-list { margin-bottom: 32px; } .get-promocode__rules ol { margin-bottom: 12px; } .get-promocode__rules ol li { position: relative; padding-left: 32px; } .get-promocode__rules ol li span { position: absolute; top: -3px; left: 0; display: block; width: 24px; height: 24px; background: #333; border: 1px solid #915fff; border-radius: 50%; font-size: 14px; line-height: 24px; text-align: center; } .get-promocode__rules ol li a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new) { color: #3dae2b !important; text-decoration-line: underline !important; text-decoration-color: #3dae2b !important; border-bottom: none !important; transition: 0.3s; } .get-promocode__rules ol li a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):before, .get-promocode__rules ol li a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):after { content: none !important; } .get-promocode__rules ol li a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):hover { text-decoration-line: none !important; border-bottom: none !important; } .get-promocode__rules ol li a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):active { color: #138900 !important; } .get-promocode__rules p a { color: #915fff; } .get-promocode__upload-files { max-width: 288px; } .get-promocode__upload-files:not(:empty) { margin-bottom: 32px; } .get-promocode__upload-files#list-files ul { margin: 0; padding: 0; } .get-promocode__upload-files#list-files ul li { padding-right: 35px; font-size: 16px; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .get-promocode__upload-files#list-files ul li:after { content: "✕"; right: 10px; font-size: 20px; color: #915fff; cursor: pointer; } .get-promocode__upload-validation:not(:empty) { margin-bottom: 32px; } .get-promocode__upload-btn .jq-file { display: none !important; border: none; visibility: hidden; } .get-promocode__upload-btn .jq-file__name, .get-promocode__upload-btn .jq-file__browse { display: none; } .get-promocode__upload-btn .btn-new { position: relative; display: inline-block; padding-left: 70px; font-weight: 500; font-size: 16px; line-height: 19px; } .get-promocode__upload-btn .btn-new:before { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); left: 62px; width: 17px; height: 20px; background-image: url("/assets/img/redesign-icons/upload-photo.svg"); background-repeat: no-repeat; } .get-promocode__upload-btn .btn-new:hover { background: linear-gradient(45deg, #915fff 7.32%, #6e36ea 94.1%) !important; color: #333 !important; } @media all and (min-width: 768px) { .get-promocode h4, .get-promocode label, .get-promocode p, .get-promocode ul li, .get-promocode ol li { font-size: 16px; line-height: 24px; } .get-promocode__title { font-size: 24px; line-height: 36px; margin-bottom: 24px; } .get-promocode__subtitle { font-size: 20px; line-height: 32px; } .get-promocode__info { margin-bottom: 36px; } .get-promocode__stock { margin-bottom: 36px; } .get-promocode__upload-files:not(:empty) { margin-bottom: 24px; } } /*# sourceMappingURL=personal-cabinet.css.map */ .status-wrap.new-status-wrap .new-status-appeal .appeal-text { color: #333; font-size: 18px; line-height: 24px; } .status-wrap.new-status-wrap .new-block-up .block-description_title, .status-wrap.new-status-wrap .new-block-up .block-description_text { color: #333; } .status-wrap.new-status-wrap .new-remind-table th, .status-wrap.new-status-wrap .new-remind-table tbody tr td { font-weight: 700; color: #333; font-size: 14px; line-height: 17px; } .status-wrap.new-status-wrap .new-remind-table tbody textarea { color: #333; } .status-wrap.new-status-wrap .new-remind-table tbody tr td .addPhoto { background: linear-gradient(90deg, #915FFF 0%, #6E36EA 100%); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); padding-top: 14px; } @media (max-width: 768px) { .status-wrap.new-status-wrap form table.new-remind-table tbody tr td { border-radius: 0; } .status-wrap.new-status-wrap form table.new-remind-table tbody tr td .btn-new, .status-wrap.new-status-wrap .block .block-btn button.btn-send { display: block; background: linear-gradient(45deg, #915FFF 7.32%, #6E36EA 94.1%); padding: 10px 25px!important; line-height: normal; } .status-wrap.new-status-wrap form table.new-remind-table tbody tr td .btn-new:hover, .status-wrap.new-status-wrap .block .block-btn button.btn-send:hover { background: #fff; } } /*That seems can be totaly removed)*/ .new-profile-h2 { color: #333; font-weight: 700; } .new-profile-edit .edit-profile .input-group label span { font-size: 14px; line-height: 16px; color: #333333; } .new-profile-edit .edit-profile .input-group .input-box input { background: #fff; border: 1px solid #979797; border-radius: 0; } .new-profile-edit .edit-profile .input-group .input-box.error input { border: 2px solid #ff5757!important; } .edit-profile .l-form-registration h3 { font-weight: 700; } .edit-profile #two-factor-authentication-panel { margin-top: 80px; } .edit-profile #two-factor-authentication-panel .btn-new-transparent:hover { background: transparent; } .mv-tabs__head { display: flex; width: 85%; position: relative; bottom: -0.07em; } .mv-tabs__head-item { padding: 20px 30px; background: #DFDFDF; width: 50%; position: relative; font-style: normal; font-weight: 600; font-size: 18px; line-height: 1.4; color: #000000; cursor: pointer; } .mv-tabs__head-item div { position: relative; z-index: 1; } .mv-tabs__head-item.active { background: #fff; } .mv-tabs__head-item:after { content: ""; position: absolute; top: 0; right: -19px; bottom: 0; width: 40px; z-index: 0; background: linear-gradient(to right bottom, transparent 49.5%, #DFDFDF 50%) left / 50.025% 100% no-repeat, linear-gradient(to left bottom, transparent 46.5%, #DFDFDF 50%) right / 50.025% 100% no-repeat; } .mv-tabs__head-item.active:after { z-index: 1; background: linear-gradient(to right bottom, transparent 49.5%, #FFF 50%) left / 50.025% 100% no-repeat, linear-gradient(to left bottom, transparent 46.5%, #fff 50%) right / 50.025% 100% no-repeat; } .mv-tabs__head-item.active:before { content: ""; position: absolute; left: 1px; top: 0; bottom: 0; width: 40px; background-color: #fff; z-index: 0; } .mv-tabs__head-content { display: flex; justify-content: space-between; } .mv-tabs__body { background: #fff; padding: 30px; box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.25); } .mv-tabs__body-item { display: none; } .mv-tabs__body-item .popup-title { display: none; } .mv-tabs__body-item.active { display: block; } /* tabs with shadow */ .mv-tabs__head .item { display: inline-block; position: relative; padding-right: 30px; } .mv-tabs__head .item:nth-child(n+2) { margin-left: -30px; } .mv-tabs__head .item:nth-child(n+2) .item-title { padding-left: 40px; } .mv-tabs__head .item .item-title { padding: 20px 20px 20px 30px; background: #DFDFDF; position: relative; z-index: 2; font-size: 18px; cursor: pointer; text-align: center; height: 60px; } .mv-tabs__head .item:nth-child(1) { z-index: 9; } .mv-tabs__head .item:nth-child(2) { z-index: 8; } .mv-tabs__head .item:nth-child(3) { z-index: 7; } .mv-tabs__head .item:after { content: ''; height: 5px; width: calc(100% - 20px); position: absolute; top: 0; left: 0; z-index: 1; box-shadow: 2px -1px 12px rgba(0, 0, 0, 0.1) } .mv-tabs__head .item.active { z-index: 10; } .mv-tabs__head .item.active .item-title { background: #fff; padding-left: 20px; } .mv-tabs__head .item .item-shadow { content: ''; position: absolute; top: 0; left: 0; width: calc(100% + 5px); height: 100%; overflow: hidden; } .mv-tabs__head .item .item-shadow:after { transform: rotate(65deg); content: ''; position: absolute; right: -5px; top: 20px; z-index: 1; width: 80px; height: 30px; background: #DFDFDF; box-shadow: -4px -4px 10px rgba(0, 0, 0, 0.1); } .mv-tabs__head .item.active .item-shadow:after { background-color: #fff; } .mv-tabs__body .item { display: none; } .mv-tabs__body .item.active { display: block; } @media only screen and (max-width: 768px) { .mv-tabs__head { width: 70%; } .mv-tabs__head-item { padding: 12px 0; font-size: 12px; text-align: center; } .mv-tabs__head-item .mv-icon { display: block; margin-bottom: 5px; } .mv-tabs__head-item:nth-child(n+2):not(.active) { padding-left: 12px; } .mv-tabs__body { padding: 12px 20px; } .mv-tabs__body-item .popup-title { display: block; font-size: 18px; } .mv-tabs__head-content { display: block; } } .tf-authorization.new-tfa { padding-top: 30px; } .tf-authorization.new-tfa .new-tfa_banner { background: rgba(223, 223, 223, 0.78); padding: 0 15px; } .tf-authorization.new-tfa .new-tfa_banner .banner{ max-width: 870px; } .tf-authorization.new-tfa .new-tfa_banner .new-tfa_title, .tf-authorization.new-tfa .new-tfa_banner .new-tfa_text { color: #333333; } .tf-authorization.new-tfa .new-tfa_banner .new-tfa_title { font-weight: 700; } .tf-authorization.new-tfa .new-tfa_banner .new-tfa_link { color: #915FFF; } .tf-authorization.new-tfa .new-tfa_banner .btn-new, .tf-authorization.new-tfa .new-tfa_banner .btn-new-transparent { border-radius: 0; } .tf-authorization.new-tfa .new-tfa_banner .btn-new-transparent { border: 1px solid #915FFF; } .tf-authorization.new-tfa .new-tfa_banner .btn-new-transparent { color: #915FFF; } .tf-authorization.new-tfa .new-tfa_banner .btn-new:hover { color: #915FFF; box-shadow: none; background: transparent; } .tf-authorization.new-tfa .new-tfa_banner .btn-new-transparent:hover { color: #915FFF; box-shadow: none; background: transparent; } .new-status { position: relative; padding: 0 16px; } .new-status .status-wrapper { position: relative; min-height: 450px; } .new-status.extended { max-width: 1124px; } .new-status .invite-friend-block { padding-top: 20px; border-top: 1px solid #E2E2E2; } @media (min-width: 1200px) { .new-status .invite-friend-block { max-width: 645px; } } .new-status .application-new-content { display: inline-block; width: 100%; padding-top: 12px; } @media all and (max-width: 1199px) { .new-status .application-new-content .card { min-height: 465px; } } @media all and (max-width: 767px) { .new-status .application-new-content .card { min-height: auto; } } .new-status h3:not(.ces-questions__title) { font-weight: bold; font-size: 20px; line-height: 32px; margin-bottom: 10px; } @media all and (max-width: 767px) { .new-status h3:not(.ces-questions__title) { text-align: center; } } .new-status .headline { font-weight: 600; font-size: 16px; line-height: 20px; margin-bottom: 10px; } .new-status .description { margin-bottom: 28px; font-size: 16px; line-height: 24px; } @media (min-width: 1200px) { .new-status .description { max-width: 645px; } } .new-status .description p { margin-bottom: 10px; font-size: 16px; line-height: 24px; } .new-status .description .styled-list__item { font-size: 16px; line-height: 24px; } .new-status .description a:not(.btn-new):not(.btn-new-transparent) { color: #3dae2b; cursor: pointer; font-weight: 500; text-decoration: underline; } .new-status .description .timerWrap { display: flex; align-items: center; } .new-status .description .timerWrap img { margin-right: 5px; } .new-status .description .btn-new { margin-top: 20px; } .new-status .description .total-payment-info { font-weight: 600; font-size: 14px; line-height: 17px; } .new-status .description .inner-table-description__column { display: flex; border-bottom: 1px #DDDDDD solid; padding-bottom: 12px; margin-bottom: 10px; font-size: 16px; line-height: 1.8; } .new-status .description .inner-table-description__column:last-child { border: none; } .new-status .description .inner-table-description p { border-bottom: 1px #DDDDDD solid; padding-bottom: 12px; display: flex; justify-content: space-between; } .new-status .description .inner-table-description p:last-child { border: none; } .new-status .description .inner-table-description p:empty { display: none !important; } .new-status .description .inner-table-description p span { font-weight: 600; text-transform: lowercase; } .new-status .description .inner-table-description p:last-child { border-bottom: none; } .new-status .status-bg-desktop { position: absolute; top: 30px; left: 0; right: 0; bottom: 0; display: none; z-index: -1; } .new-status .status-bg-mobile { width: 300px; height: 250px; margin-bottom: 15px; background-size: contain; } @media screen and (min-width: 767px) { .new-status.new-user-refused { min-height: 325px; margin-bottom: 56px; } .new-status.new-user-refused .status-bg-desktop { top: 0; } .new-status.new-user-refused .in-profile { font-size: 24px; line-height: 36px; } .new-status.new-user-refused .description { max-width: 450px; } } .new-status .status-item { width: 100%; } .new-status .ces-questions { margin-top: 28px; } .new-status .status__links-wrapper .status__links-list { margin-top: 30px; } .new-status .status__links-wrapper .status__links-list a { display: block; color: #915FFF; font-weight: 500; font-size: 16px; line-height: 20px; margin-bottom: 20px; text-decoration-line: underline; } @media (max-width: 767px) { .new-status .status__links-wrapper { text-align: center; } } @media (min-width: 1200px) { .new-status .status-bg-mobile { display: none; } .new-status .status-bg-desktop { display: block; } } @media (min-width: 1200px) { .new-status .application-new-content { padding-top: 20px; } .new-status h3:not(.ces-questions__title) { max-width: 645px; margin-bottom: 24px; font-size: 34px; line-height: 52px; } .new-status .description { font-size: 16px; line-height: 20px; margin-bottom: 40px; } .new-status .description .headline, .new-status .description p.headline { font-size: 18px; line-height: 22px; margin-bottom: 15px; } .new-status .description .headline.alert-text, .new-status .description p.headline.alert-text { margin-bottom: 30px; } .new-status .description .btn-new { margin-top: 30px; } .new-status .description .total-payment-info { padding-left: 8px; } .new-status .status__links-wrapper { min-height: 120px; text-align: left; } .new-status .status__links-wrapper.with-enotcoins { min-height: 180px; } .new-status .status__links-wrapper .status__links-list { margin-top: 40px; width: 100%; } .new-status .status__links-wrapper .status__links-list a { display: inline-block; font-size: 16px; line-height: 20px; margin-right: 80px; } } .new-status .btn-new:not(.btn-pco), .new-status .btn-new:not(.ces-questions__actions-btn), .new-status .btn-new-transparent:not(.ces-questions__actions-btn) { display: block; width: 100%; } @media (min-width: 768px) { .new-status .btn-new:not(.btn-pco), .new-status .btn-new:not(.ces-questions__actions-btn), .new-status .btn-new-transparent:not(.ces-questions__actions-btn) { width: 288px; } } .new-status .btn-new + .btn-new-transparent { margin-top: 20px; max-width: 100%; } .new-status .btn { margin: 20px 0; } .new-status .two-buttons .btn-new, .new-status .two-buttons .btn-new-transparent { display: inline-block; } @media (min-width: 1200px) { .new-status .restructuring .two-buttons .btn-new + .btn-new-transparent { margin-left: 0; } } .new-status .payment-schedule { font-weight: 500; font-size: 16px; line-height: 20px; color: #915FFF; margin-bottom: 15px; } .new-status .alert-text { color: #EB5757 !important; } .new-status .styled-table { width: 100%; margin-bottom: 20px; } .new-status .styled-table tr { border-bottom: 1px #e3e3e3 solid; } .new-status .styled-table tbody tr:last-child { border: none; } .new-status .styled-table th, .new-status .styled-table td { padding: 5px 6px; text-align: left; position: relative; vertical-align: middle; height: inherit; color: #333; } @media (min-width: 768px) { .new-status .styled-table th, .new-status .styled-table td { padding: 8px 12px; } } .new-status .styled-table th:after, .new-status .styled-table td:after { position: absolute; display: block; height: 17px; width: 1px; content: ""; top: 50%; right: 0; background-color: #e3e3e3; transform: translateY(-50%); } .new-status .styled-table th:first-child, .new-status .styled-table td:first-child { max-width: 20px; text-align: center; padding: 0 3px 0 0px; } @media (min-width: 768px) { .new-status .styled-table th:first-child, .new-status .styled-table td:first-child { max-width: 100px; width: 100px; text-align: left; padding-left: 7px; } } .new-status .styled-table th:last-child:after, .new-status .styled-table td:last-child:after { display: none; } .new-status .styled-table th { font-weight: 500; font-size: 12px; line-height: 15px; background: none !important; } .new-status .styled-table td { font-weight: normal; font-size: 14px; line-height: 17px; background: none !important; } .new-status .styled-table td.strong { font-weight: 500; } .new-status .styled-table .table-total { border-bottom: none; } .new-status .styled-table .table-total td:after { content: none; } .new-status .styled-table.no-max-width-first th:first-child, .new-status .styled-table.no-max-width-first td:first-child { max-width: none; } .new-status.more-padding { padding: 20px 16px; } @media (min-width: 1200px) { .new-status.more-padding { padding: 40px; } } .new-status .document-buttons-container { text-align: left; } .new-status #documents-view .draft-head, .new-status #documents-view .d-draft td:nth-child(even), .new-status #documents-view .draft-data, .new-status #documents-view .d-draft { background: none !important; } @media (max-width: 560px) { .new-status #documents-view table { display: none; } } .new-status #documents-view table thead tr th { font-size: 16px; height: 50px; line-height: 1; padding: 0 15px; vertical-align: middle; background: none !important; } .new-status #documents-view table tbody tr td { height: 40px; padding: 0 15px; vertical-align: middle; } .new-status #sendByEmail { max-width: inherit !important; } .new-status #sendByEmail .input-box { width: 20px; } .new-status #sendByEmail.input-group label { width: calc(100% - 20px) !important; padding-left: 15px; } .new-status #btnDecline { width: inherit; } @media (max-width: 767px) { .new-status .desktop-bg { background: none; } } @media (max-width: 768px) { .profile-col .new-status { padding: 24px 0; } } @media all and (min-width: 768px) and (max-width: 1199px) { .profile-col.col-9 .new-status h3 { margin-bottom: 40px; } } @media all and (min-width: 768px) and (max-width: 1199px) { .profile-col.col-9 .new-status .description .button { margin-top: 40px; } } @media all and (min-width: 768px) and (max-width: 1199px) { .profile-col.col-9 .new-status .desktop-bg { background-size: auto 100%; } } @media all and (min-width: 1200px) { .profile-col.col-9 .new-status .desktop-bg.new-declined { background-size: auto calc(100% - 100px); background-position: right center; } } .new-status-card { max-width: none; } .new-status-card .status-bg { display: none; } .new-status-card h3 { font-weight: 600; font-size: 20px; line-height: 32px; margin-left: 0; min-height: inherit; margin-bottom: 16px; } .new-status-card .new-created, .new-status-card .new-loan-card-accepted { background: url("/assets/img/redesign/statuses/card-accepted-coon.png") no-repeat right top; } .new-status-card .new-card-after-timer { background: url("/assets/img/redesign/statuses/loan-approved-coon.png") no-repeat right top; } .new-status-card .new-created { background: url("/assets/img/redesign/statuses/loan-accepted-coon.png") no-repeat right top; } .new-status-card .new-canceled-by-user { background: url("/assets/img/redesign/statuses/loan-declined-coon.png") no-repeat right top; } .new-status-card .new-declined { background: url("/assets/img/redesign/statuses/loan-declined-coon.png") no-repeat right top; } @media all and (max-width: 767px) { .new-status-card .new-created, .new-status-card .new-card-after-timer, .new-status-card .new-canceled-by-user, .new-status-card .new-loan-card-accepted { background-image: none; } } .new-status-card .application-new-content .flex-status-wrapper .description p { line-height: 24px; } @media all and (min-width: 992px) { .new-status-card .application-new-content.new-loan-card-accepted { padding-bottom: 175px; } .new-status-card .application-new-content.new-created { padding-bottom: 100px; } } @media (min-width: 992px) { .new-status-card { padding: 0; margin: 20px 0 0 16px; } .new-status-card h3 { max-width: 356px; } .new-status-card .application-new-content { padding: 0; } .new-status-card .application-new-content .flex-status-wrapper { max-width: 356px; } .new-status-card .application-new-content .flex-status-wrapper .description { max-width: 100%; } } @media all and (min-width: 767px) { .new-status-card .application-new-content { min-height: 420px; } .new-status-card .application-new-content .status-item { max-width: 410px; } } @media all and (max-width: 800px) { .new-status-card .application-new-content { background-size: 400px; } } @media all and (max-width: 766px) { .new-status-card .application-new-content { background-image: none; } } .new-status-card .application-new-content h3 { min-height: initial; } .new-status-card .application-new-content.request-accepted .flex-status-wrapper { max-width: 644px; } .new-status-card .application-new-content.request-accepted .description { border-bottom: none; } .new-status-card .application-new-content.request-accepted .status-item { max-width: none; } .new-status-card .application-new-content.request-accepted .status-bg-mobile { display: block; } @media all and (min-width: 1200px) { .new-status-card .application-new-content.request-accepted .status-bg-mobile { display: none; } } .new-status-card .application-new-content.request-accepted .status-bg-desktop { top: 0; } @media all and (min-width: 1200px) { .new-status-card .application-new-content.request-accepted .status-bg-desktop { display: block; } } .new-status-card .application-new-content.request-accepted .requisites-list { border-bottom: 1px solid #e2e2e2; padding-bottom: 15px; margin-bottom: 28px; } .new-status-card .application-new-content.request-accepted .requisites-list h4 { margin: 0 0 16px; font-weight: 500; font-size: 16px; line-height: 150%; color: #333; } .new-condition { position: relative; display: inline-block; width: 100%; padding-left: 20px; padding-right: 20px; margin-top: 15px; } @media (min-width: 1200px) { .new-condition { padding-left: 0; padding-right: 0; margin-top: 50px; } } .new-condition--content { max-width: 480px; } @media (min-width: 768px) { .new-condition--content { margin: 24px 0; } } @media (min-width: 1200px) { .new-condition--content { max-width: 544px; } } .new-condition .application-new-content.is-restructuring .new-condition--bg { position: relative; top: 0; right: 0; height: 260px; width: 100%; max-width: 280px; background: url("/assets/img/redesign/coon-in-circle/loan-closed.png") no-repeat right top; background-size: contain; } @media (max-width: 767px) { .new-condition .application-new-content.is-restructuring .new-condition--bg { margin: auto; } } @media (min-width: 768px) { .new-condition .application-new-content.is-restructuring .new-condition--bg { position: absolute; } } @media (min-width: 1200px) { .new-condition .application-new-content.is-restructuring .new-condition--bg { height: 440px; max-width: 440px; } } .new-condition .application-new-content.is-restructuring .new-condition--content { margin: 10px 0; } @media (min-width: 768px) { .new-condition .application-new-content.is-restructuring .new-condition--content { margin: 24px 0; } } .new-condition h3 { font-style: normal; font-weight: 600; font-size: 20px; line-height: 1.4; margin-bottom: 24px; } @media (min-width: 1200px) { .new-condition h3 { font-size: 34px; } } .new-condition p { margin: 10px 0; line-height: 1.5; } .new-condition .btn { height: 40px; display: inline-block; width: 288px; margin-top: 20px; } .new-status .nco-title { width: 100%; max-width: none; } @media (min-width: 1200px) { .new-status .nco-head { margin-bottom: 40px; margin-left: -50px; } .new-status .nco-head h3 { max-width: 100%; margin: 0; min-height: auto; } } .block-main-nco .payments-schedule--installment-promo .payments-schedule-list__total:first-child:after { top: 24px; } .block-main-nco .block-main_right img { margin: 0 auto; } @media all and (min-width: 768px) { .block-main-nco-wrapper { padding-left: 35px; } .block-main-nco-wrapper h3 { margin-left: 60px; } } .contract-awaiting .status-bg-mobile { background: url("/assets/img/redesign/statuses/loan-live-coon.png") center/contain no-repeat; } .contract-awaiting .status-bg-desktop { background: url("/assets/img/redesign/statuses/loan-live-coon.png") no-repeat right top; } .invite-friend-block .headline { margin: 20px 0 20px; font-weight: 600; font-size: 16px; line-height: 24px; } .invite-friend-block .description { margin: 18px 0 28px; max-width: 645px; } .invite-friend-block .description p { font-size: 16px; line-height: 23px; margin-bottom: 15px; } @media (min-width: 1200px) { .invite-friend-block .headline { margin: 18px 0 28px; font-size: 24px; line-height: 24px; } .invite-friend-block .description { max-width: 645px; } } .new-status-card.invite-friend-block p { line-height: 24px; font-size: 16px; } .new-status-card.invite-friend-block .btn-new { width: 100%; max-width: none; } .l-form-registration.new-style-group { padding-bottom: 0; } .new-credit-in-arrears .status-bg-mobile { background: url("/assets/img/redesign/coon-in-circle/manny-error.png") center/contain no-repeat; } .new-credit-in-arrears .status-bg-desktop { background: url("/assets/img/redesign/coon-in-circle/manny-error.png") no-repeat right top; } .new-credit-in-arrears .inner-table-description { max-width: 375px; } .styled-checkbox { position: relative; } .styled-checkbox input { display: none; } .styled-checkbox input:checked + label .checkbox:after { opacity: 1; } .styled-checkbox .checkbox { position: absolute; display: block; width: 20px; height: 20px; border: 2px solid #915fff; border-radius: 50%; box-sizing: border-box; margin: 2px 0 0 3px; } .styled-checkbox .checkbox:after { position: absolute; display: block; width: 8px; height: 8px; top: 50%; left: 50%; content: ""; background-color: #915fff; border-radius: 50%; opacity: 0; transition: all 0.5s 0s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .styled-checkbox .label { font-size: 16px; line-height: 150%; color: #333; margin-left: 35px; display: inline-block; } .styled-checkbox.square input:checked + label .checkbox, .styled-checkbox.square input:checked + input + label .checkbox { background-color: #915fff; } .styled-checkbox.square .checkbox { border-radius: 0; background-color: #fff; display: flex; } .styled-checkbox.square .checkbox:after { width: 16px; height: 12px; background: url("/assets/img/icons/icon-check-white.svg") center center no-repeat; background-size: contain; } .styled-checkbox.disabled { pointer-events: none; } .live-loan .status-bg-mobile, .request-accepted .status-bg-mobile { background: url("/assets/img/redesign/coon-in-circle/loan-closed.png") center/contain no-repeat; } .live-loan .status-bg-desktop, .request-accepted .status-bg-desktop { background: url("/assets/img/redesign/coon-in-circle/loan-closed.png") no-repeat right top; } .live-loan .description .links-wrapper, .request-accepted .description .links-wrapper { display: flex; flex-direction: column; } @media (min-width: 768px) { .live-loan .description .links-wrapper, .request-accepted .description .links-wrapper { justify-content: space-between; flex-direction: row; } } .live-loan .description .links-wrapper a, .request-accepted .description .links-wrapper a { font-weight: 500; font-size: 16px; line-height: 20px; text-decoration-line: underline; } .live-loan.live-loan-installment h3, .request-accepted.live-loan-installment h3 { margin: 0; } @media (min-width: 768px) { .live-loan.live-loan-installment .description, .request-accepted.live-loan-installment .description { max-width: 500px; } } @media (min-width: 900px) { .live-loan.live-loan-installment .description, .request-accepted.live-loan-installment .description { max-width: 570px; } } @media (min-width: 768px) { .live-loan .description, .request-accepted .description { max-width: 350px; } } @media (min-width: 768px) { .live-loan .description, .request-accepted .description { max-width: 100%; } .live-loan .inner-table-description, .request-accepted .inner-table-description { max-width: 350px; } } @media (max-width: 1199px) { .live-loan h3, .request-accepted h3 { font-size: 20px; } .live-loan .description, .request-accepted .description { margin: 30px 0; padding-bottom: 30px; } .live-loan .enotcoin-description, .request-accepted .enotcoin-description { margin-top: 30px; } } .live-loan #enotcoinDescriptionMove, .request-accepted #enotcoinDescriptionMove { max-width: 90vw; } @media (min-width: 1200px) { .live-loan #enotcoinDescriptionMove, .request-accepted #enotcoinDescriptionMove { width: 700px; } } .live-loan #enotcoinDescriptionMove .enotcoin-before, .request-accepted #enotcoinDescriptionMove .enotcoin-before { display: block; font-size: 16px; line-height: 20px; text-align: left; } .live-loan #enotcoinDescriptionMove .enotcoin-before a, .request-accepted #enotcoinDescriptionMove .enotcoin-before a { margin: 0; display: initial; } .l-shedules { height: 100%; } .l-shedules .scrollbar-box { margin: 0; max-height: calc(100% - 95px); } .l-shedules .col-2 { width: 16.66667% !important; } .l-shedules .col-5 { width: 41.66667% !important; } .l-shedules .col-6 { width: 50% !important; } .l-shedules__col { padding: 12px !important; border-left: 1px solid #E0E0E0; } .l-shedules__col:first-child { border: none; } .l-shedules__thead { background: linear-gradient(40.5deg, #915FFF -0.21%, #6E36EA 95.24%); box-shadow: 2px 6px 10px rgba(0, 0, 0, 0.15); color: #fff; } .l-shedules__thead .l-shedules__col { border-left: 1px #fff solid; } .l-shedules__thead .l-shedules__col:first-child { border: none; } @media (min-width: 992px) { .restructuring { background: url("/assets/img/redesign/statuses/loan-restructuring-coon.png") no-repeat right top; } } .restructuring .status-bg { display: none; } .restructuring .icon-check.green { color: #3DAE2B; } .restructuring h3 { max-width: 100%; } .restructuring .description { max-width: 630px; } .in-arrears-desktop-view { display: none; } @media (min-width: 992px) { .in-arrears-mobile-view { display: none; } .in-arrears-desktop-view { display: inherit; } } .restructuring-select-table { background: #FFFFFF; margin-bottom: 30px; } .restructuring-select-table thead tr th { text-align: left; font-weight: 600; font-size: 14px; line-height: 17px; padding: 20px 8px 17px 13px; background-color: #F3F3F3; border-right: 1px solid rgba(151, 151, 151, 0.21); } .restructuring-select-table tbody tr td { font-weight: normal; font-size: 14px; padding: 20px 13px 17px; border-color: rgba(151, 151, 151, 0.21); } .restructuring-select-table tbody tr td .old-value { font-size: 12px; line-height: 15px; text-decoration-line: line-through; margin-right: 5px; color: #BDBDBD; } .restructuring-select-table tbody tr td .chart-payments { position: relative; min-width: 210px; } .restructuring-select-table tbody tr td .chart-payments .show-schedule-table { line-height: 17px; font-size: 14px; margin-bottom: 8px; color: #915fff; } .restructuring-select-table tbody tr td .chart-payments .show-schedule-table .arrow-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #915fff; position: absolute; right: 10px; top: 6px; transition: 0.3s; } .restructuring-select-table tbody tr td .chart-payments .show-schedule-table.active .arrow-down { transform: rotate(180deg); transition: 0.3s; } .restructuring-select-table tbody tr td .chart-payments .chart-payments-box { display: none; background: #f7f7f7; padding: 12px; } .restructuring-select-table tbody tr td .chart-payments .chart-payments-box .restructuring-plan-advance-payment { padding: 0 0 16px 0; margin-bottom: 16px; border-bottom: 1px solid #E0E0E0; } .restructuring-select-table tbody tr td .chart-payments .chart-payments-box table { width: 100%; } .restructuring-select-table tbody tr td .chart-payments .chart-payments-box table tbody tr { padding: 0 0 16px 0; display: flex; justify-content: space-between; border: none; } .restructuring-select-table tbody tr td .chart-payments .chart-payments-box table tbody tr:last-child { padding-bottom: 0; } .restructuring-select-table tbody tr td .chart-payments .chart-payments-box table tbody tr td { padding: 0; border: none; background-color: inherit; } .restructuring-select-table tbody tr td .chart-payments .chart-payments-box .btn-new-no-border { margin: 0 0 20px; text-align: center; display: inherit; } @media all and (max-width: 991px) { .restructuring-select-table tbody tr td .chart-payments .show-schedule-table { display: none; } .restructuring-select-table tbody tr td .chart-payments .chart-payments-box { display: block !important; padding: 35px 0 12px; margin-top: 14px; background-color: #ffffff; } .restructuring-select-table tbody tr td .chart-payments .chart-payments-box .restructuring-plan-advance-payment { display: flex; justify-content: space-between; box-shadow: none; margin: 0 0 8px; padding: 0 20px 5px !important; } .restructuring-select-table tbody tr td .chart-payments .chart-payments-box tbody tr { margin: 0; padding: 0 20px 13px !important; box-shadow: none; } .restructuring-select-table tbody tr td .chart-payments .chart-payments-box tbody tr.tr-on-lg { display: none; } } .restructuring-select-table tbody tr td .btn-new-transparent.transparent-purple { max-width: 138px; } @media all and (max-width: 991px) { .restructuring-select-table tbody tr td .btn-new-transparent.transparent-purple { max-width: none; width: 100%; margin: 0 auto; background: linear-gradient(90deg, #915FFF 0%, #6E36EA 100%); color: #FFFFFF !important; } } .restructuring-select-table .colspan-non-border { border-right: none; } @media all and (max-width: 991px) { .restructuring-select-table { display: block; box-shadow: none !important; } .restructuring-select-table__head { display: none; } .restructuring-select-table__body { display: flex; overflow: auto; } .restructuring-select-table__body .table__body { display: block; min-width: 256px; border: none; } .restructuring-select-table__body .table__body .table__item { display: flex; flex-direction: column; width: 100%; position: relative; background-color: #F3F3F3; padding: 0 10px 13px; border: none; } .restructuring-select-table__body .table__body .table__item p, .restructuring-select-table__body .table__body .table__item span { display: flex; margin-left: auto; } .restructuring-select-table__body .table__body .table__item p.old-value, .restructuring-select-table__body .table__body .table__item span.old-value { position: relative; top: 4px; } .restructuring-select-table__body .table__body .table__item.colspan-non-border { height: 240px; background-color: #ffffff; padding: 0; } .restructuring-select-table__body .table__body .table__item.colspan-non-border:before { width: 100%; text-align: center; top: 10px; font-weight: 600; } .restructuring-select-table__body .table__body .table__item:first-of-type { display: none; } .restructuring-select-table__body .table__body .table__item:last-of-type { background-color: #ffffff; padding: 0; } .restructuring-select-table__body .table__body .table__item:nth-child(2) { padding-top: 13px; } .restructuring-select-table__body .table__body .table__item:before { content: attr(data-label); position: absolute; z-index: 1; font-weight: 600; } .restructuring-select-table__body::-webkit-scrollbar { height: 6px; background: #F2F2F2; } .restructuring-select-table__body::-webkit-scrollbar-thumb { background: #915FFF; } } @media all and (max-width: 991px) { .restructuring-choice__plan { margin: 0 -16px 20px -16px; } .owl-wrapper { margin-bottom: 20px; } .owl-item { margin: 0 0 32px 16px; } .owl-item:last-child { margin: 0 16px 0 16px; } } .restructuring-plans-headline { font-weight: 600; font-size: 18px; line-height: 22px; color: #915FFF; margin: 40px 0 15px 0; } .restructuring-plans-message { margin-bottom: 15px; } .restructuring-select-table { width: 100%; box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.07), 0px -10px 50px rgba(0, 0, 0, 0.06); } .restructuring-select-table thead th { background: #F3F3F3; font-weight: 600; padding: 15px; } .restructuring-select-table td { padding: 15px 25px; vertical-align: top; border-right: 1px #e9e9e9 solid; background: #fff; } .restructuring-select-table td:last-child { border: none; } .restructuring-select-table .table__body { border-bottom: 1px #e9e9e9 solid; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07); } .restructuring-select-table .table__body:last-child { border: none; } .restructuring-select-table .tdForRestructuringPlan { min-width: 430px; } .restructuring-select-table .tdForRestructuringPlan .restructuring-plan-in-table-wrapper { padding: 0; width: 240px; } .restructuring-select-table .tdForRestructuringPlan .restructuring-plan-in-table-wrapper td { width: 125px; border: none; padding: 0; } .restructuring-select-table .tdForRestructuringPlan .restructuring-plan-in-table-wrapper td:last-child { text-align: right; } .restructuring-select-table .tdForRestructuringPlan .restructuring-plan-in-table-wrapper .restructuring-plan-advance-payment { border-bottom: 1px #DDDDDD solid; } .restructuring-select-table .tdForRestructuringPlan .restructuring-plan-in-table-wrapper .restructuring-plan-advance-payment:first-child { font-weight: 600; } .restructuring-select-table .tdForRestructuringPlan .btn-new-transparent { max-width: 140px; } .restructuring-choice .sub-title { font-weight: 600; font-size: 20px; line-height: 32px; margin-bottom: 20px; } .restructuring-choice .sub-description { font-weight: normal; margin-bottom: 24px; } @media (min-width: 992px) { .restructuring-choice .sub-title { font-weight: 600; font-size: 34px; line-height: 50px; margin-bottom: 32px; } .showRestructuringPopup { display: none !important; } } @media all and (max-width: 575px) and (max-height: 690px) { .dialog-window { margin-top: 10px; } } .mv-styled-popup__inner { padding: 15px 0; } @media all and (min-width: 576px) { .mv-styled-popup__inner { padding: 15px; } } .mv-styled-popup__heading { padding: 22px 0 8px; } .mv-styled-popup__title { font-weight: 600; font-size: 20px; line-height: 32px; color: #333; text-align: center; } .mv-styled-popup__body { padding: 8px 0 12px; } .mv-styled-popup__body p { font-weight: normal; font-size: 16px; line-height: 150%; color: #333; } .mv-styled-popup__body p:not(:last-child) { margin-bottom: 20px; } .mv-styled-popup__footer { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 12px 0 0; } .mv-styled-popup__footer .btn-new:not(:last-child) { margin-bottom: 20px; } .mv-styled-popup__footer form { width: 100%; } .mv-styled-popup__footer form:not(:last-child) { margin-bottom: 20px; } .dialog-window.block-card-info-popup-wrapper, .dialog-window.get-bonus-refuse-popup-wrapper { width: 288px !important; } @media all and (min-width: 576px) { .dialog-window.block-card-info-popup-wrapper, .dialog-window.get-bonus-refuse-popup-wrapper { width: 356px !important; } } .upload-documents { position: relative; margin-top: 12px; } @media screen and (min-width: 1200px) { .upload-documents { margin-top: 56px; } } .upload-documents .status-wrap { padding: 0; } .upload-documents .status-wrap .choose, .upload-documents .status-wrap .block { margin: unset; } @media screen and (min-width: 1200px) { .upload-documents .status-wrap .choose, .upload-documents .status-wrap .block { max-width: 645px; } } .upload-documents .status-wrap .block-up { margin-bottom: 30px; } .upload-documents .status-wrap .choose-icon { width: 16%; } .upload-documents .status-wrap .choose-icon img { display: block; max-width: 100%; margin: 0; } .upload-documents .status-wrap .choose-list { width: 80%; } @media screen and (max-width: 768px) { .upload-documents .status-wrap .choose-list { width: 100%; margin: unset; text-align: left; } } .upload-documents .status-wrap .choose-list_title { text-align: left; } .upload-documents .status-wrap .description { max-width: 645px; margin: unset; padding-top: 15px; text-align: left; } .upload-documents .status-wrap .block-description_btn { margin: unset; } .upload-documents .status-wrap .block-description_title { text-align: left; margin-bottom: 10px; } .upload-documents .status-wrap .block-link { margin: 10px 0; text-align: left; } .upload-documents .status-wrap .btn-group { margin: 30px auto 0; justify-content: flex-start; } .upload-documents .status-wrap .btn-group .btn-group_big { margin: 0 0 20px !important; } .upload-documents .status-bg-mobile { width: 260px; height: 231px; margin-bottom: 15px; background: url("/assets/img/redesign/coon-in-circle/manny-deferred.png") center/contain no-repeat; } @media screen and (min-width: 1200px) { .upload-documents .status-bg-mobile { display: none; } } .upload-documents .status-bg-desktop { display: none; } @media screen and (min-width: 1200px) { .upload-documents .status-bg-desktop { display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: -1; background: url("/assets/img/redesign/coon-in-circle/manny-deferred.png") no-repeat right top; } } .upload-documents .container { padding: 0 16px; } .upload-documents__head { margin-bottom: 24px; } .upload-documents__title { margin-bottom: 16px; font-style: normal; font-weight: 600; font-size: 20px; line-height: 32px; } @media screen and (min-width: 1200px) { .upload-documents__title { font-size: 34px; line-height: 52px; } } .upload-documents__description { max-width: 645px; margin-bottom: 24px; font-weight: 400; font-size: 16px; line-height: 24px; } .upload-documents__description p { margin-bottom: 12px; } .upload-documents__description p:last-child { margin-bottom: 0; } @media screen and (min-width: 1200px) { .upload-documents__form { max-width: 645px; } } .upload-documents__form-title { margin-bottom: 16px; font-weight: 600; font-size: 16px; line-height: 24px; } @media screen and (min-width: 1200px) { .upload-documents__form-title { font-size: 20px; line-height: 32px; } } .upload-documents__form-description { margin-bottom: 24px; } .upload-documents__form-item { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px dashed #828282; } .upload-documents__form-item-title { position: relative; margin-bottom: 16px; padding-left: 24px; font-weight: 500; font-size: 16px; line-height: 24px; } .upload-documents__form-item-title:before { content: ""; position: absolute; top: 0; left: 0; width: 16px; height: 20px; background: url("/assets/img/icons/upload-docs-icon.png") no-repeat; } .upload-documents__form-item-description { margin-bottom: 16px; } .upload-documents__form-item-description.hidden { display: none; } .upload-documents__form-item-comment { margin-bottom: 15px; } .upload-documents__form-item-comment label { display: block; margin-bottom: 5px; font-size: 14px; font-weight: 600; } .upload-documents__form-item-comment textarea { display: block; width: 100%; height: 75px; padding: 10px; border: 1px solid #828282; font-size: 14px; resize: none; } .upload-documents__form-item-btn .btn { display: block !important; margin-left: 0 !important; margin-top: 0 !important; } .upload-documents__form-item-btn .jq-file { display: none !important; } .upload-documents__form-item-btn input[type=file] { display: none; } .upload-documents__form-file { display: none; } .upload-documents__form-file.active { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } .upload-documents__form-file--name { display: inline-block; overflow: hidden; padding-right: 10px; font-weight: 600; font-size: 16px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; } .upload-documents__form-file--remove { width: 14px; font-size: 30px; line-height: 14px; text-align: center; text-indent: -2px; color: #F2576A; cursor: pointer; } .upload-documents__form-send { margin-bottom: 16px; } .upload-documents__form-send button { background: linear-gradient(45deg, #915fff 7.32%, #6E36EA 94.1%) !important; display: block !important; margin: 50px 0 0 !important; } .upload-documents__form-actions .btn { display: block !important; margin: 20px 0 !important; } .upload-documents__form-actions a { display: block; margin-bottom: 16px; } .upload-documents__form-actions a:last-of-type { margin-bottom: 0; } .deferred-additional-info .status-bg-mobile { background: url("/assets/img/redesign/coon-in-circle/prolongation-success.png") center/contain no-repeat; } .deferred-additional-info .status-bg-desktop { background: url("/assets/img/redesign/coon-in-circle/prolongation-success.png") no-repeat right top; } .new-user-referred .status-bg-mobile { background: url("/assets/img/redesign/coon-in-circle/prolongation-success.png") center/contain no-repeat; } .new-user-referred .status-bg-desktop { background: url("/assets/img/redesign/coon-in-circle/prolongation-success.png") no-repeat right top; } .new-loan-accepted .status-bg-mobile { background: url("/assets/img/redesign/coon-in-circle/raccoon_thumbs_up.png") center/contain no-repeat; } .new-loan-accepted .status-bg-desktop { background: url("/assets/img/redesign/coon-in-circle/raccoon_thumbs_up.png") no-repeat right top; } .payment-failed .status-bg-mobile { background: url("/assets/img/redesign/coon-in-circle/manny-error.png") center/contain no-repeat; } .payment-failed .status-bg-desktop { background: url("/assets/img/redesign/coon-in-circle/manny-error.png") no-repeat right top; } .payment-failed-declined .status-bg-mobile { background: url("/assets/img/redesign/coon-in-circle/manny-info.png") center/contain no-repeat; } .payment-failed-declined .status-bg-desktop { background: url("/assets/img/redesign/coon-in-circle/manny-info.png") no-repeat right top; } .new-debt-sale .status-bg-mobile { background: url("/assets/img/redesign/statuses/loan-arrears-coon.png") center/contain no-repeat; } .new-debt-sale .status-bg-desktop { background: url("/assets/img/redesign/statuses/loan-arrears-coon.png") no-repeat right top; } .new-canceled-by-user .status-bg-mobile { background: url("/assets/img/redesign/coon-in-circle/manny-refused-canceled.png") center/contain no-repeat; } .new-canceled-by-user .status-bg-desktop { background: url("/assets/img/redesign/coon-in-circle/manny-refused-canceled.png") no-repeat right top; } .new-user-refused .status-bg-mobile { background: url("/assets/img/redesign/coon-in-circle/raccoon_thumbs_up.png") center/contain no-repeat; } .new-user-refused .status-bg-desktop { background: url("/assets/img/redesign/coon-in-circle/raccoon_thumbs_up.png") no-repeat right top; background-size: 355px; } .new-declined .status-bg-mobile { background: url("/assets/img/redesign/coon-in-circle/manny-error.png") center/contain no-repeat; } .new-declined .status-bg-desktop { background: url("/assets/img/redesign/coon-in-circle/manny-error.png") no-repeat right top; } .new-created .status-bg-mobile { background: url("/assets/img/redesign/coon-in-circle/prolongation-success.png") center/contain no-repeat; } .new-created .status-bg-desktop { background: url("/assets/img/redesign/coon-in-circle/prolongation-success.png") no-repeat right top; } .new-loan-signed .status-bg-mobile { background: url("/assets/img/redesign/coon-in-circle/manny-signed.png") center/contain no-repeat; } .new-loan-signed .status-bg-desktop { background: url("/assets/img/redesign/coon-in-circle/manny-signed.png") no-repeat right top; } .new-loan-signed-cash .status-bg-mobile { background: url("/assets/img/redesign/coon-in-circle/loan-closed.png") center/contain no-repeat; } .new-loan-signed-cash .status-bg-desktop { background: url("/assets/img/redesign/coon-in-circle/loan-closed.png") no-repeat right top; } .new-loan-signed-canceled-user .status-bg-mobile { background: url("/assets/img/redesign/coon-in-circle/manny-signed.png") center/contain no-repeat; } .new-loan-signed-canceled-user .status-bg-desktop { background: url("/assets/img/redesign/coon-in-circle/manny-signed.png") no-repeat right top; } .new-in-payment-error .status-bg-mobile { background: url("/assets/img/redesign/coon-in-circle/manny-error.png") center/contain no-repeat; } .new-in-payment-error .status-bg-desktop { background: url("/assets/img/redesign/coon-in-circle/manny-error.png") no-repeat right top; } .new-in-payment-wait .status-bg-mobile { background: url("/assets/img/redesign/coon-in-circle/prolongation-success.png") center/contain no-repeat; } .new-in-payment-wait .status-bg-desktop { background: url("/assets/img/redesign/coon-in-circle/prolongation-success.png") no-repeat right top; } .new-in-payment-confirm .status-bg-mobile { background: url("/assets/img/redesign/coon-in-circle/manny-signed.png") center/contain no-repeat; } .new-in-payment-confirm .status-bg-desktop { background: url("/assets/img/redesign/coon-in-circle/manny-signed.png") no-repeat right top; } .new-in-payment-successful .status-bg-mobile { background: url("/assets/img/redesign/coon-in-circle/raccoon_thumbs_up.png") center/contain no-repeat; } .new-in-payment-successful .status-bg-desktop { background: url("/assets/img/redesign/coon-in-circle/raccoon_thumbs_up.png") no-repeat right top; } .new-in-payment-error .status-bg-mobile { background: url("/assets/img/redesign/coon-in-circle/manny-error.png") center/contain no-repeat; } .new-in-payment-error .status-bg-desktop { background: url("/assets/img/redesign/coon-in-circle/manny-error.png") no-repeat right top; } .close-a-debt .status-bg, .credit-sold .status-bg { top: 60px; min-height: 350px; background: url("/assets/img/redesign/statuses/loan-restructuring-coon.png") right/contain no-repeat; } .new-pco { background: url("/assets/img/rocket.svg") center right/contain no-repeat; background-size: 45%; margin: 20px 0 50px 0; } .new-pco .status-bg { background: none; display: none; } .new-pco h3 { margin-bottom: 0; text-align: center; } @media (min-width: 768px) { .new-pco h3 { margin-left: 57px; text-align: left; } } .new-pco #slider1 { top: inherit !important; } .new-pco .alert-text { margin: 10px 0; } @media (min-width: 1200px) { .new-pco .alert-text { margin-bottom: 30px; } } .new-pco .new-calculator-wrapper .creditstate .m-slider { padding: 0 !important; } .new-pco.new-pco-installment { background-size: 358px; } .new-pco.new-pco-installment .new-calculator-slider-box { margin-top: 0 !important; } .new-pco.new-calculator-content .slider-invest { width: 100%; } .new-pco.new-calculator-content .slider-invest .m-slider { padding: 15px 0 !important; } @media all and (min-width: 768px) { .new-pco.new-calculator-content .slider-invest .m-slider { padding: 0 !important; } } .new-pco.new-calculator-content .slider-invest .slider-box { margin-top: 15px; } @media all and (max-width: 767px) { .new-pco.new-calculator-content .status-item { max-width: none; } } .new-calculator .new-calculator-content.new-pco .new-calculator-wrapper .creditstate .m-slider { padding: 0 !important; } .new-calculator .new-calculator-content.new-pco .new-calculator-wrapper .m-slider .slider-wrapper .slider { margin-bottom: 10px; } .new-status .new-pco h3 { margin-bottom: 0; } @media (max-width: 480px) { .new-calculator .new-calculator-content .new-calculator-wrapper .creditstate .new-calculator-slider-box { margin: 10px 0 0 0; } } @media (min-width: 1200px) { .pco-after-text { margin: 0 0 75px -50px; } .new-pco__description-text { font-size: 16px; } } .decline-installment h3 { min-height: inherit; } .decline-installment .scale { display: flex; align-items: flex-end; margin-bottom: 40px; } .decline-installment .scale__percent { text-align: right; font-size: 36px; font-weight: bold; line-height: 40px; } .decline-installment .scale__img { position: relative; } .decline-installment .scale__img img { width: 100%; } .decline-installment .scale__img:after { position: absolute; content: ""; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 14px solid #333; top: 60px; right: 32px; } .decline-installment .decline-installment-cancel { font-weight: 500; display: block; text-align: center; text-decoration-line: underline; padding-bottom: 20px; } @media all and (min-width: 768px) { .decline-installment .decline-installment-cancel { float: right; padding-bottom: 50px; } } .decline-installment .new-calculators-top-wrapper { max-width: none; } @media all and (min-width: 768px) { .decline-installment .new-calculators-top-wrapper { margin-bottom: 40px; } } @media (min-width: 991px) { .decline-installment .new-calculators-top-wrapper { box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25); } } .decline-installment .new-calculator .new-calculator-content .new-calculator-wrapper { min-height: 320px; } .decline-installment .new-calculator .new-calculator-content .new-calculator-wrapper .new-calculator-payyoff { position: relative; } @media (min-width: 768px) and (max-width: 990px) { .decline-installment .new-calculator .new-calculator-content .new-calculator-wrapper .send { margin: 20px auto; } } @media all and (min-width: 768px) { .decline-installment .new-calculator .new-calculator-content .new-calculator-wrapper .calculator-buttons-container a { margin: 0 auto; } } .decline-installment .disclaimer-installment-declined { padding: 0 0 20px; font-size: 12px; line-height: 16px; } @media all and (min-width: 768px) { .decline-installment .disclaimer-installment-declined { position: absolute; bottom: 150px; padding: 0 20px; } } @media (min-width: 991px) { .decline-installment .disclaimer-installment-declined { padding: 0 40px; } } .decline-installment .disclaimer-installment-declined a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new) { color: #3dae2b !important; text-decoration-line: underline !important; text-decoration-color: #3dae2b !important; border-bottom: none !important; transition: 0.3s; } .decline-installment .disclaimer-installment-declined a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):before, .decline-installment .disclaimer-installment-declined a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):after { content: none !important; } .decline-installment .disclaimer-installment-declined a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):hover { text-decoration-line: none !important; border-bottom: none !important; } .decline-installment .disclaimer-installment-declined a:not(.article-link):not(.btn.green):not(.ui-slider-handle):not(.calc-btn_mobile__txt):not(.btn-new):active { color: #138900 !important; } @media (min-width: 1200px) { .decline-installment .description { max-width: 60%; } } .new-card-accepted { background: url("/assets/img/redesign/statuses/card-accepted-coon.png") no-repeat right top; } .new-card-accepted .progress-bar { margin: 0 0 24px; max-width: 100%; padding: 30px 0 0 0; } @media (min-width: 768px) { .new-card-accepted .progress-bar { max-width: 600px; } } .new-card-accepted .description h4 { font-weight: 600; font-size: 20px; line-height: 32px; color: #333; margin-bottom: 16px; } .new-card-accepted .description .text-sended { font-size: 16px; line-height: 150%; max-width: 225px; } @media (min-width: 768px) { .new-card-accepted .description { max-width: 360px; } } .new-card-accepted .description p { margin-bottom: 12px; } .new-card-accepted .description .btn-new { margin-top: 40px; } .new-card-accepted .status-bg { display: none; } /*# sourceMappingURL=main-status.css.map */ .error-2fa-headline { font-size: 36px; line-height: 42px; text-align: center; color: #0A0A0A; font-weight: bold; margin-bottom: 5px; } .error-2fa-subheadline { font-size: 20px; line-height: 32px; color: #333333; font-weight: 600; margin-bottom: 30px; margin-top: 28px; text-align: center; } .error-2fa-message,.error-2fa-phone { font-size: 16px; line-height: 150%; color: #0A0A0A; margin-bottom: 3px; font-weight: 500; text-align: center; margin-top: 20px; } .error-2fa-phone .phone-link { color: #915FFF; position: relative; padding-left: 24px; font-weight: 600; margin-left: 20px; } .error-2fa-phone .phone-link:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; background: url("/assets/img/redesign-icons/clock-black.svg"); background-size: 100%; } @media(min-width: 768px) { .error-2fa-message,.error-2fa-phone { font-size: 16px; line-height: 150%; color: #0A0A0A; font-weight: unset; text-align: left; margin-top: 0px; } .error-2fa-headline { font-size: 48px; line-height: 57px; } .error-2fa-subheadline { font-size: 32px; line-height: 40px; margin-top: 0px; text-align: left; } } @media(max-width: 360px) { .error-2fa-phone .phone-link { margin-left: 0; } } @media(min-width: 1600px) { } .error-2fa-image { position: relative; right: 0%; top: 0px; width: 200px; margin:0px auto } @media(min-width: 768px) { .error-2fa-image { position: absolute; right: 4%; top: 0px; width: 456px; height: 533px; } .error-2fa-subheadline { font-size: 34px; line-height: 52px; } } .error-page .container { margin: 50px auto 0; padding: 0 16px; position: relative; } @media all and (min-width: 768px) { .error-page .container { margin: 180px auto 0; } } @media all and (min-width: 1200px) { .error-page .container { padding: 0; } } .error-page .container .content-block h1 { font-size: 20px; line-height: 32px; position: absolute; top: 20px; left: 0; width: 100%; text-align: center; } @media all and (min-width: 768px) { .error-page .container .content-block h1 { font-size: 34px; line-height: 52px; margin-top: 28px; font-weight: 600; position: relative; top: 0; left: unset; text-align: left; width: unset; } } .error-page .container .content-block .btn { margin-top: 29px; width: 100%; max-width: 100%; } @media all and (min-width: 768px) { .error-page .container .content-block .btn { max-width: 288px; } } .error-page .container .content-block .new-status { margin: 28px 0; } @media all and (min-width: 768px) { .error-page .container .content-block .new-status { margin: 43px 0 205px; } } .error-page .animation_area { position: relative; right: 0; top: 0; margin: 0 auto; zoom: 0.6; height: 677px; width: 432px; } @media all and (min-width: 768px) { .error-page .animation_area { position: absolute; right: 68px; zoom: 0.7; } } @media all and (min-width: 1200px) { .error-page .animation_area { zoom: unset; } } .error-page .animation_area span { display: block; } .error-page .animation_area .nlo_element { width: 430px; height: 213px; background: url("/assets/img/pages/error-page/nlo_element.svg") no-repeat center; background-size: cover; position: absolute; left: -1px; top: -9px; animation-name: nlo_animation_2; animation-duration: 6.722s; animation-delay: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; transform: rotate(5deg); z-index: 2; } @keyframes nlo_animation_2 { 0% { transform: rotate(5deg); } 25% { transform: rotate(0deg); } 50% { transform: rotate(5deg); } 75% { transform: rotate(0deg); } 100% { transform: rotate(5deg); } } .error-page .animation_area .ray_element { width: 162px; height: 466px; background: url("/assets/img/pages/error-page/ray_element.svg") no-repeat center; background-size: cover; position: absolute; bottom: 20px; right: 63px; z-index: 1; opacity: 0; animation-name: ray_element; animation-duration: 6.722s; animation-delay: 1s; animation-timing-function: linear; animation-fill-mode: forwards; } @keyframes ray_element { 0% { opacity: 0; } 10% { opacity: 1; } 15% { opacity: 1; } 15.1% { opacity: 0; } 15.2% { opacity: 1; } 15.3% { opacity: 0; } 15.4% { opacity: 1; } 16% { opacity: 0; } 16.2% { opacity: 1; } 17% { opacity: 0; } 18% { opacity: 1; } 22% { opacity: 0; } 25% { opacity: 1; } 25% { opacity: 1; } 30% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 1; } } .error-page .animation_area .cow_element { width: 110px; height: 87px; background: url("/assets/img/pages/error-page/cow_element.svg") no-repeat center; background-size: cover; position: absolute; right: 95px; bottom: 29px; z-index: 1; animation-name: cow_element; animation-duration: 8.722s; animation-delay: 3s; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes cow_element { 0% { opacity: 1; } 30% { opacity: 1; } 50% { transform: scale(0.4) rotate(-12deg); opacity: 0; bottom: 50%; right: 130px; } 80% { opacity: 0; transform: scale(1) rotate(0deg); bottom: 29px; right: 95px; } 90% { opacity: 1; } 100% { opacity: 1; bottom: 29px; right: 95px; } } .error-page .animation_area .law_element { width: 244px; height: 62px; background: url("/assets/img/pages/error-page/lawn_element.svg") center no-repeat; background-size: cover; position: absolute; right: 23px; bottom: 0; } .error-page .animation_area .law_element:before { position: absolute; content: ""; width: 120px; height: 30px; background: url("/assets/img/pages/error-page/lawn_element_2.svg") center no-repeat; background-size: cover; opacity: 0.6; right: 70px; bottom: 22px; animation-name: law_element; animation-duration: 8.722s; animation-delay: 3s; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes law_element { 0% { transform: scale(1); opacity: 1; } 30% { transform: scale(0); opacity: 0; } 50% { transform: scale(0); opacity: 0; } 69% { transform: scale(0); opacity: 0; } 70% { transform: scale(1); opacity: 1; } 75% { transform: scale(1); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } .error-page .error_404img { margin: 80px auto 30px; display: block; width: 200px; } @media all and (min-width: 768px) { .error-page .error_404img { margin: 0; width: unset; } } /*# sourceMappingURL=not_found.css.map */ /*remove native style for safari*/ input[type="submit"] { -webkit-appearance: none; } .l-your-cabinet .input-box .display-value-label, .l-form-registration .input-box .display-value-label { text-align: left; width: 100%; } .l-your-cabinet .input-box.correct .icon-check { color: #73bc18; font-size: 12px; position: absolute; right: 12px; top: 14px; } .l-your-cabinet .input-box.error .icon-x, .card-details .card-form .f-content .right .input-box.error .icon-x { color: #F2576A; font-size: 12px; position: absolute; right: 25px; top: 14px; } .l-your-cabinet .input-box.error input, .l-your-cabinet .input-box.error textarea, .l-your-cabinet .input-box.error div.jq-selectbox, .card-details .card-form .f-content .input-box.error input, .card-details .card-form .f-content .left .select-row.error .jq-selectbox__select, .card-verification__method .input-group .input-box.error input, .bureau .right .check.error input, .l-form-registration .with-bank .input-box.error .select .jq-selectbox, div.expire-date-row div.select-row.error div.select-group div.select div.jq-selectbox.jqselect, section.payment-content .container form .input-group .input-box.error input, section.payment-content .container form .input-group .input-box.error div.jq-selectbox, .employment-details-email.error input, .input-box.error .jq-file, .typo-window .input-box.error input { border: 2px solid #F2576A; } .l-your-cabinet .check span { top: 0; } #documents-container .input-group label { float: left; height: 40px; position: relative; width: 35%; } #documents-container .input-group .input-box { float: left; height: 40px; width: 60%; *zoom: 1; } #documents-container .input-group .input-box:before, .l-your-cabinet .input-group .input-box:after, section.payment-content .container form .input-group:before, section.payment-content .container form .input-group:after, section.payment-content .container form .input-group .input-box:before, section.payment-content .container form .input-group .input-box:after, section.payment-content .container form .checkbox-box .checkbox-line:before, section.payment-content .container form .checkbox-box .checkbox-line:after, .l-footer .l-footer-middle .row:before, .l-footer .l-footer-middle .row:after { content: ""; display: table; } #documents-container .input-group .input-box:after, section.payment-content .container form .input-group:after, section.payment-content .container form .input-group .input-box:after, section.payment-content .container form .checkbox-box .checkbox-line:after, .card-details .card-form .f-content .left > div, .l-footer .l-footer-middle .row:after { clear: both; } #documents-container .input-group label span, .l-your-cabinet form:not(.veocard-statements__form) .input-group label span, /*+label for personal office*/ div.expire-date-row div.select-row div.label span, section.payment-content .container form .input-group .input-box label { color: #748ea4; display: block; font-weight: 300; font-size: 15px; line-height: 18px; position: absolute; right: 11px; text-align: right; top: 50%; transform: translateY(-50%); } .l-your-cabinet .input-box span.field-validation-valid, .l-your-cabinet .input-box span.field-validation-error, .l-page-help .faq-content, .additional-contactcs-container .mobile-visible-and-fullsize-hidden, .input-group.select-row i.icon-check, .input-group.select-row i.icon-x, #ConfirmBonusItem .body .green, .l-footer.footer-404 .l-footer-info, #documents-container table { display: none; } .l-your-cabinet .input-group .input-box .ui-datepicker-trigger, .l-form-registration .input-group .input-box .ui-datepicker-trigger { position: absolute; right: 14px; top: 14px; cursor: pointer; } .l-your-cabinet .input-group .input-box .left li, .l-your-cabinet .input-group .input-box .right li { height: 36px; } .ui-autocomplete { -moz-background-clip: padding; -moz-border-radius: 5px; -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); background-clip: padding-box; background-color: #ffffff; *border-bottom-width: 2px; border-color: #ccc; border-color: rgba(0, 0, 0, 0.2); border-radius: 5px; *border-right-width: 2px; border-style: solid; border-width: 1px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); display: none; float: left; left: 0; list-style: none; margin: 2px 0 0 0; min-width: 160px; padding: 4px 0; position: absolute; top: 100%; z-index: 1000; _width: 160px; } .ui-menu-item > a.ui-corner-all { clear: both; display: block; font-weight: bold; font-size: 18px; font-weight: normal; height: 36px; line-height: 18px; padding: 3px 15px; white-space: nowrap; } .ui-menu-item > a.ui-corner-all:hover { background: #ebf6f9; cursor: pointer; transition: all 0.35s ease; } .ui-state-hover, .ui-state-active { -moz-border-radius: 0; -webkit-border-radius: 0; background-color: #0088cc; background-image: none; border-radius: 0; color: #ffffff; text-decoration: none; } .l-bankid-details a { color: #8EADC2; display: inline; font-weight: bold; font-size: 16px; line-height: 1; text-decoration: underline; } /*added mbernachuk MV-4856*/ .card-details .card-form .f-content .left .input-box, .card-details .card-form .f-content .select-row, .employment-details-email, .amount-sum-validation-container /* by Tetyanich V. MV-5164 + Create logic to "Efectivo" in repayment pop-up window if try to pay less than min amount in "Efectivo"*/ { position: relative; } .card-details .card-form .f-content .left .input-box input { width: 90% !important; } .card-details .card-form .f-content .right { padding: 0; } /*end mbernachuk MV-4856*/ .card-details .card-form .f-content .right .input-group .input-box { position: relative; /*padding-top: 13px;*/ /*mbernachuk extra styles MV-4856*/ } .card-details .card-form .f-content .input-box.correct .icon-check { color: #73bc18; font-size: 12px; position: absolute; right: 53px; top: 14px; } .card-details .card-form .f-content .left .input-box.error .icon-x { color: #F2576A; font-size: 12px; position: absolute; right: 53px; top: 14px; } .card-details .card-form .f-content .left .input-box span { display: block; height: 29px; position: absolute; right: 0; top: 4px; width: 29px; } .card-details .card-form .f-content .right .input-box span { display: block; height: 29px; position: absolute; right: 50px; /*changed mbernachuk MV-4856*/ top: 5px; /*changed mbernachuk MV-4856*/ width: 29px; } .card-details .card-form .f-content .select-row span.tooltipstered { display: block; height: 29px; position: absolute; right: -25px; top: 16px; width: 29px; } .card-details .card-form .f-content .left .select-row span.tooltipstered { display: block; height: 29px; position: absolute; right: 110px; top: 32px; width: 29px; } .bank-account { margin-bottom: 20px; } .bank-account .input-group { margin-top: 20px; width: 100%; } .bank-account .input-group > label { box-sizing: border-box; color: #748ea4; float: left; font-size: 16px; height: 40px; line-height: 40px; text-align: right; width: 33.33333%; } .bank-account .input-group .input-box { box-sizing: border-box; overflow: hidden; padding: 0 15px; position: relative; width: 33.33333%; } .bank-account .input-group .input-box > input, .bank-account .input-group .input-box > .jq-selectbox, .card-details .card-form .f-content .left .select-row .select input, .l-form-registration textarea, /*add Oleg.Barannik for Contact page*/ .typo-submit-button /*add Vitaliy.Tetyanich for typos dialog*/ { width: 100%; } .bank-account .input-group > h3, .bank-account .input-group > h4, .l-form-registration .input-group > h3 { padding: 20px 0 20px 0; text-align: center; } .l-bankid-details .button-block a { float: right; /*add begin, make all btn width for mob view m.bernachuk*/ text-align: center; /*add end, make all btn width for mob view m.bernachuk*/ text-decoration: none; } .field-validation-error, .field-validation-valid { display: none !important; } ::-moz-selection { background: #8FCEF0 !important; } ::selection { background: #8FCEF0 !important; } .keyboard-loading { display: none; left: 125px; position: absolute; top: 17px; } .card-details .card-form .f-content input[type="text"]:disabled, .bank-account input[disabled="disabled"], .card-form input[disabled="disabled"] { background: #EBEBE4; } .card-verification__method .input-group .input-box.error .icon-x, .typo-window .input-box.error .icon-x { color: #F2576A; } .no-inner-html { margin-bottom: 0 !important; margin-top: 0 !important; padding-bottom: 0 !important; padding-top: 0 !important; } input[type="submit"].btn.green { width: 200px !important; } .l-form-registration .check { margin-top: 5px; position: relative !important; } .l-form-registration .check span.tooltip-error { top: 0; } .input-box.error .jq-selectbox { border: 1px solid #F2576A !important; } .l-form-registration .center, div.center, .l-your-cabinet .send, .centred-header-container, #typo-report, #documents-container .button .btn.green.small, .m-panel .m-panel-footer a { text-align: center; } .check.error label { text-indent: 30px } .card-form.with-bank { min-height: 650px; padding: 170px 0 30px 53px; width: 150%; } .card-form.with-bank .f-content { min-height: 800px; width: 170%; } .card-form.with-bank .f-content .input-group .input-box .jq-selectbox { width: 90%; } .payment-method { height: 60px; margin: 20px 30% 0 30%; width: 500px; } .payment-method label.left { display: block; float: left; margin-right: 20px; text-align: right; width: calc(100% / 3); } .payment-method label.right { display: block; float: left; margin-left: 20px; text-align: left; width: calc(100% / 3); } .payment-method .m-switch { background: #73bc18; border: 2px solid #73bc18; display: block; float: left; width: 75px; } .payment-method .m-switch .wrap:before { background: #fff; content: ""; height: 36px; transition: all 0.35s ease; width: 36px; z-index: 1; } .payment-method .m-switch .wrap.r:before { left: 36px; } .payment-method .m-switch label { display: block; height: 36px; line-height: 36px; padding: 0; text-align: center; } .l-form-registration .with-bank .checkbox-line > .jq-checkbox { left: 15px; top: 7px; } .l-form-registration .with-bank .select { display: block; float: left; margin-right: 10px; width: 25%; } .l-form-registration .with-bank .select span { right: 140px; top: 5px; } .payment-method label.label-bold { color: green; font-weight: bold; } #clabe label.error, #card label.error { white-space: nowrap; width: 100%; } .inline-controls { display: inline-block; width: 47.5%; } .rigth-floated, .with-return-url.button-container > .continue > div > #btnContinue /*add Vitaliy.Tetyanich for ukr card buttons*/ { float: right; } .faqBackToList { border-bottom: 1px solid #9eeb50; color: #8dce00; font-size: 15px; margin-left: 15px !important; } .jq-selectbox__dropdown > ul { max-height: 300px; } .input-with-validation + .input-with-validation, .jq-file + input, /*input [type="file"]*/ .card-details .card-form .f-content .select-row.margin-top-20 /*add begin, make all btn width for mob view m.bernachuk*/ { margin-top: 20px; } .l-form-registration .input-group .input-box > .left, .l-form-registration .input-group .input-box > .right { width: 50%; } .l-tell-a-friend .invite-friend form .by-email .input-block a:hover, .l-tell-a-friend .invite-friend form .by-sms .input-block a:hover { opacity: 0.5; } .l-tell-a-friend .invite-friend form .by-email .input-block a, .l-tell-a-friend .invite-friend form .by-sms .input-block a { background-color: transparent; background-image: url("/assets/img/icons/add-friend-button.png"); background-position: center center; background-repeat: no-repeat; border: none; cursor: pointer; display: block; height: 32px; margin-left: calc(100% - 32px); margin-top: 10px; padding: 0; transition: opacity 0.3s ease; width: 32px; } .l-form-registration .input-group .input-box > .left { float: left; padding-right: 15px; } .l-form-registration .input-group .input-box > .right { float: left; padding-left: 15px; } /*changed mbernachuk l-form-registration => l-your-cabinet end*/ .promo-window .fancybox-skin .fancybox-outer .fancybox-inner, .dialog-window .fancybox-skin .fancybox-outer .fancybox-inner { height: auto !important; } .promo-window .fancybox-skin, .vk-friends-list .fancybox-skin, .promo-window .fancybox-skin .fancybox-outer .fancybox-inner, .vk-friends-list .fancybox-skin .fancybox-outer .fancybox-inner, .payment-window .fancybox-skin .fancybox-outer .fancybox-inner, .status .status-item .description.wide, .email-phone .input-box input, .change-password .input-box input, .dialog-window .fancybox-skin, .dialog-window .fancybox-skin .fancybox-outer .fancybox-inner, .dialog-window-lock, .dialog-window-lock .fancybox-skin .fancybox-outer .fancybox-inner, #loadDocumentAjax #Note /*add by max.bernachuk*/ { width: 100% !important; } /*Add error color. Melnik. MV-4864 */ .promo-form .promo-form-error, .dialog-header h3.error { color: red; } /*End. MV-4864*/ /*Add. Melnik. MV-4862.*/ .captchamvc > .refresh-link { color: #71b023; /*border-bottom: 1px dashed #71b023;*/ cursor: pointer; display: inline-block; font-size: 14px; margin-bottom: 5px; text-decoration: underline; } /*End. MV-4862*/ .m-panel div .icon.delete { background-image: url("/images/delete.png"); background-repeat: no-repeat; background-size: 18px; float: none; padding-left: 27px; padding-bottom: 5px; padding-top: 2.5px; } .mtable .mheader .col:first-child, .mtable .mheader .col:last-child, .status table thead tr th:first-child, .status table thead tr th:last-child { border-radius: 4px 0 0 4px; } .mtable .mheader .col { background-color: #d4e5ee; font-weight: bold; font-size: 16px; height: 50px; line-height: 1; padding: 15px 15px; vertical-align: middle; } .mtable .mheader .col:nth-child(even) { background-color: #c9dfeb; } .m-panel .m-header { border-radius: 4px; background-color: #d4e5ee; font-weight: bold; font-size: 16px; height: 50px; line-height: 1; padding: 15px 15px; vertical-align: middle; color: #333; } .m-panel .m-data { padding: 0 10px 3px 10px; margin: 0 10px 4px 10px; background: #f0f6fa; } .m-panel .m-data a { border-bottom: 2px solid transparent; color: #73b523; font-weight: bold; font-size: 15px; line-height: 26px; } .m-panel .m-data a:hover, .m-panel .m-data a:focus { border-bottom: 2px solid; } .m-panel .m-data label { font-weight: bold; } .m-panel .m-data .val { font-weight: bold; color: #333; } .m-panel .m-data .status { border-radius: 4px; display: inline-block; padding: 0 3px; } .m-panel .m-data .status.close { background: #e5eff6; color: #333; } .m-panel .m-data .status.assigned { background: #ffece9; color: #333; } .m-panel .m-data .status.open { background: #81c133; color: #fff; } .m-preview { padding-top: 10px; } .d-preview { padding: 10px !important; } .draft-head { background-color: #fbf7df !important; } .invalid-data, .invalid-draft { background-color: #fdf0f0 !important; } .upload-error { text-align: right; } .mobile-upload-error { color: #F00; } .invalid-head, .invalid-draft td:nth-child(even) { background-color: #fbdfdf !important; } .submit-docs, .select-files { text-align: center; margin: 10px 0; width: 200px !important; display: inline-block; } .comment { word-break: break-all; } #inputs { display: inline-block; } .document-buttons-container { text-align: center; } @media only screen and (max-width: 767px) { #inputs, .submit-docs, .select-files { width: 100% !important; } } .preview-image { max-height: 100px; max-width: 200px; } .draft-note { margin: 10px 0; padding: 5px 12px; height: 100px; } #documents-container > .confirm { padding-bottom: 10px; } .send-via-email { padding-top: 30px; } label > .jq-file { display: none !important; } .promo-window .fancybox-skin .fancybox-outer .fancybox-inner #promoForm form .form-row { padding-top: 14px; width: 100%; } .promo-window .fancybox-skin .fancybox-outer .fancybox-inner #promoForm form .form-row span, .dialog-window .fancybox-skin .fancybox-outer .fancybox-inner #promoForm form .form-row span { color: #333; display: block; font-weight: bold; font-size: 18px; line-height: 1.33333; width: 100%; } .promo-window .fancybox-skin .fancybox-outer .fancybox-inner #promoForm form .form-row label, .dialog-window .fancybox-skin .fancybox-outer .fancybox-inner #promoForm form .form-row label { color: #748ea4; display: block; font-weight: 300; font-size: 14px; line-height: 1.14286; margin-bottom: 6px; width: 100%; } .promo-window .fancybox-skin .fancybox-outer .fancybox-inner #promoForm .form-row input, .dialog-window .fancybox-skin .fancybox-outer .fancybox-inner #promoForm .form-row input { display: block; width: 100%; } .promo-window .fancybox-skin .fancybox-outer .fancybox-inner #promoForm .btn-block, .dialog-window .fancybox-skin .fancybox-outer .fancybox-inner #promoForm .btn-block { margin-bottom: 5px; margin-top: 20px; text-align: center; width: 100%; } .promo-window .fancy-close, .addDocument-window .fancy-close, .vk-friends-list .fancy-close, .dialog-window .fancy-close, .popup-window .fancy-close, .dialog-window-lock .fancy-close { background-image: url("/assets/img/icons/fancy-close.svg"); background-position: center; background-repeat: no-repeat; cursor: pointer; height: 16px; position: absolute; right: 15px; top: 15px; width: 16px; } .fancy-close.close-gray { background-image: url("/assets/img/icons/close_gray.png"); background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer; } div.big { font-size: 18px; font-weight: bold; } /*Payment dialog style*/ .payment-window { background-color: #fff; border-radius: 10px; box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, 0.35); /*position: fixed !important; top: 15% !important;*/ box-sizing: content-box; z-index: 99999; } .payment-window .fancybox-inner { -moz-box-sizing: content-box; -safari-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .payment-window .fancybox-skin { border-radius: 10px; width: 100% !important; } .payment-window .title-container { background-color: rgb(113, 174, 35); border-radius: 10px 10px 0 0; box-shadow: inset 0 -2px 0 0 #5a8d1c; left: -15px; line-height: 40px; padding-left: 5px; padding-right: 5px; position: relative; top: -25px; width: calc(100% + 30px); } .payment-window .title-container .title-box { color: #fff; display: inline-block; font-weight: bold; font-size: 16px; line-height: 25px; overflow: hidden; padding-left: 35px; padding-right: 15px; position: relative; text-overflow: ellipsis; top: 5px; width: calc(100% - 35px); word-break: break-all; } .payment-window .title-container .close-button-box { display: inline-block; width: 20px; } .payment-window .fancy-close { background-image: url("/assets/img/icons/close.png"); background-position: center; background-repeat: no-repeat; background-size: 40px; cursor: pointer; height: 40px; position: relative; right: 20px; top: 7px; width: 40px; z-index: 999; } /*end Payment dialog style*/ /*banner redesign Usamov U.*/ .banner-container { width: 100%; max-width: 698px; columns: 2 270px; column-gap: 1rem; text-align: center; } .banner-item { background: #FFFFFF; box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); margin: 0 0 20px; padding: 13px; max-width: 339px; width: 100%; display: inline-block; position: relative; } .banner-item .banner-size { font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; text-align: left; } .banner-item .banner-text-wrapper { margin-top: 12px; border: 1px solid #000000; padding: 5px 3px 0 0; margin-bottom: 22px; } .banner-item .banner-text-wrapper textarea { height: auto; width: 100%; padding: 7px 13px 0; border: none; font-style: normal; font-weight: normal; font-size: 12px; line-height: 15px; color: #000000; cursor: default; } .banner-item .btn-new { padding-left: 10px; padding-right: 10px; } .banner-item .banner-text-wrapper textarea::-webkit-scrollbar { width: 4px; } .banner-item .banner-text-wrapper textarea::-webkit-scrollbar-track { background: #F2F2F2; } .banner-item .banner-text-wrapper textarea::-webkit-scrollbar-thumb { background: #915FFF; } .banner-item .banner-text-wrapper textarea::-webkit-scrollbar-thumb:hover { background: #915FFF; } .banner-item img { max-width: 100%; } /*faq begin*/ .faqh2 { text-align: left !important; padding-left: 35px !important; } .faq-details { margin: auto auto 3em; font-size: 18px; text-align: left; color: #748ea4; padding: 0 35px; } .faq-details p, .faq-details li { font-size: 18px; margin: auto; text-align: left; line-height: 150%; } .faq-details ul, .faq-details ol { padding-left: 20px } .l-page-help .container .content p { font-size: 18px; margin: auto; padding: 0 35px; text-align: left; } .l-page-help .container .content li { color: #748ea4; margin-left: 25px; text-align: left; } .l-page-help .container a { margin: auto; text-align: left; } .l-page-help h3 { font-size: 36px; padding-bottom: 30px; padding-left: 25px; text-align: center; } .l-page-help .active, .typo-window .input-group label { display: block; } .breadcrumbslastli:after { content: '' !important; } /*faq end*/ /*how it works begin*/ .l-wrapper-padding-top { padding-top: 22px; } /*how it works end*/ .l-form-registration .input-group .input-box .field-validation-valid, .l-form-registration .input-group .input-box .field-validation-error { left: 20px; position: absolute; } .tooltipster-error { background: #fff; border-radius: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); max-width: 300px; padding: 15px 20px; position: absolute; } .tooltipster-error .tooltipster-content { background: #fff; color: #F2576A; font-weight: 300; font-size: 14px; line-height: 20px; position: relative; } .tooltipster-info .tooltipster-arrow.tooltipster-arrow-top span, .tooltipster-error .tooltipster-arrow.tooltipster-arrow-top span { background: url("/assets/img/icons/arrow-tooltip1.png") no-repeat; bottom: -11px; } .tooltipster-info .tooltipster-arrow.tooltipster-arrow-bottom span, .tooltipster-error .tooltipster-arrow.tooltipster-arrow-bottom span { background: url("/assets/img/icons/arrow-tooltip2.png") no-repeat; top: -11px; } .tooltipster-info .tooltipster-arrow, .tooltipster-error .tooltipster-arrow, .slider-invest .total .total-wrapper .cat-container { background: #fff; } .tooltipster-info .tooltipster-arrow span, .tooltipster-error .tooltipster-arrow span { border: none !important; height: 11px; width: 15px; } .captcha { color: #748ea4; font-size: 16px; } .captcha a { color: #73bc18; font-size: 14px; line-height: 1.14286; text-decoration: underline; } /* for links like "Send SMS again" */ /*for remaind password*/ .remind-password { height: auto; } /*used for current container text style*/ .green-link-a { color: #73bc18; text-decoration: underline; } /*used for current container text style*/ /*for payment window iframe content*/ body.payment-body { min-width: 280px; } section.payment-content section.payment-option div { color: #cee5eb; margin-bottom: 14px; margin-left: 0; margin-right: 0; padding-left: 0; width: 100%; } section.payment-content section.payment-option div a.payment-option-link { background: #fff; border: 2px solid #cee5eb; border-radius: 4px; color: #8dce00; font-size: 14px !important; font-weight: 500; line-height: 55px; margin-left: auto; margin-right: auto; min-width: 260px; padding: 8px; transition: all 0.35s ease; white-space: nowrap; } section.payment-content section.payment-option div a.payment-option-link.current { border: 2px solid rgb(113, 174, 35); } section.payment-content div.heading span { color: #333; font-weight: bold; font-size: 18px; line-height: 1.33333; } section.payment-content .container form .row { padding-left: 25px; width: 95%; } section.payment-content .container form .row span { color: #333; font-weight: 300; font-size: 16px; line-height: 1.14286; } section.payment-content .container form .btn-block { padding-top: 21px; text-align: center; } section.payment-content .container form div.expire-date-row div.select-row div.select-group div.select { float: left; height: 40px; width: 23%; } section.payment-content .container form div.expire-date-row div.select-row div.select-group div.select.year { margin: 0 5px 0 0; } section.payment-content .container form .input-group { *zoom: 1; } section.payment-content .container form .input-group .label { float: left; height: 40px; position: relative; width: 28%; } section.payment-content .container form .input-group .input-box label { color: #000000; font-weight: bolder; position: relative; right: 0; text-align: left; } section.payment-content .container form .input-group .input-box { float: left; height: 40px; /* width: 67%; */ *zoom: 1; } section.payment-content .container form .input-group .input-box input[type='text'] { display: block; float: left; height: 40px; /* width: 85%; */ } section.payment-content .container form .input-group .input-box div.jq-selectbox { float: left; height: 40px; width: 85%; } section.payment-content .container form .input-group .input-box .jq-selectbox .jq-selectbox__dropdown > ul { max-height: 100px; } /*ToolTip and validation*/ section.payment-content .container form .input-group .input-box span.tooltipstered { display: block; float: left; height: 29px; margin-left: 5px; width: 29px; } section.payment-content .container form .input-group .input-box span.tooltipstered > .icons { background-position: -58px 0; display: block; height: 29px; position: relative; width: 29px; } /*CVV part*/ section.payment-content .container form .input-group .input-box input.cvv-input { float: left; position: relative; text-align: center; width: 100%; } section.payment-content .container form .input-group .input-box .left { float: left; padding-right: 12px; position: relative; width: 42.5%; } section.payment-content .container form .input-group .input-box .left .panel { -webkit-transform: translateX(100%); background: #fff; border-radius: 4px; padding: 5px; position: absolute; right: 100%; top: 100%; transform: translateX(100%); width: 155px; z-index: 999; } section.payment-content .container form .input-group .input-box .keyboard-loading { display: none; left: 0; position: relative; top: 50%; } section.payment-content .container form .input-group .input-box .left .panel .num-btn { background: #ebf6f9; color: #333; cursor: pointer; float: left; font-size: 16px; height: 40px; line-height: 40px; margin: 0 1px 1px 0; text-align: center; transition: all 0.35s ease; width: 33%; width: calc(33.333% - 1px); } section.payment-content .container form .input-group .input-box .left .panel .num-btn:hover { background: #cee5eb; } section.payment-content .container form .input-group .input-box .left .panel .clear-btn { background: #cee5eb; color: #333; cursor: pointer; float: left; font-size: 16px; height: 40px; line-height: 40px; margin: 0 1px 1px 0; text-align: center; width: calc(66.666% - 1px); } section.payment-content .container form .input-group .input-box .right { float: left; padding-left: 12px; width: 50%; } section.payment-content .container form .checkbox-box { padding-top: 20px; } section.payment-content .container form .checkbox-box .checkbox-line { height: 30px; padding-left: 33%; *zoom: 1; } section.payment-content .container form .checkbox-box .checkbox-line label { display: block; float: left; height: 30px; position: relative; width: auto; } section.payment-content .container form .checkbox-box .checkbox-line label span { color: #748ea4; display: block; font-weight: 300; font-size: 16px; left: 45px; line-height: 1.5; position: absolute; text-align: right; top: 50%; transform: translateY(-50%); white-space: nowrap; } section.payment-content .container form .checkbox-box .checkbox-line input[type='checkbox'] { float: left; margin-right: 15px; } /*end payment window iframe content*/ /*+profile view mode*/ .your-credit td.splitter { color: #333; font-size: 22px; font-weight: bold; line-height: 50px; text-align: left !important; } /*-profile view mode*/ /* +_profile employment details*/ .employment-details-email span.tooltip-error { display: block; height: 29px; left: -40px; position: absolute; top: 4px; width: 29px; } .employment-details-email.correct .icon-check { color: #73bc18; font-size: 12px; position: absolute; right: 10px; top: 14px; } .employment-details-email.error .icon-x { color: #F2576A; font-size: 12px; position: absolute; right: 10px; top: 14px; } /*-_profile employment details*/ /*Application status*/ .l-your-cabinet .field-reports.red { background: url("/assets/img/icons/reports.png") no-repeat 33px 30px; background-color: red; margin-bottom: 46px; padding: 0 97px; position: relative; } .l-your-cabinet .field-reports.red:before { background: url("/assets/img/icons/reports-arrow.png") no-repeat; bottom: -23px; content: ""; display: block; height: 23px; left: 0; position: absolute; width: 25px; } .l-your-cabinet .field-reports.red p { color: #fff; font-weight: bold; font-size: 18px; line-height: 1.22222; padding: 34px 0; } .status .quote.red { border-left: 3px solid red !important; } .application-content-row { width: 100%; } /*Temp, remove aftere total cleanup*/ .status table { border-spacing: 0; width: 100%; } .status table thead tr th { background: #d4e5ee; color: #333; font-weight: bold; font-size: 16px; height: 50px; line-height: 1; padding: 0 15px; vertical-align: middle; } .status table thead tr th:nth-child(even) { background: #c9dfeb; } .status table tbody tr td { border-bottom: 1px dashed #dee1e4; color: #22425b; font-weight: bold; height: 40px; padding: 0 15px; vertical-align: middle; } .status table tbody tr td.tdForRestructuringPlan { padding: 0; width: 50%; } .status table tbody tr td.nowrap, .l-your-cabinet .repay-loan .pay-off table tr.send td a, .l_my-bonus-credits .table-block table tbody tr td > .status /*add Vitaliy.Tetyanich for MyBonuses page*/ { white-space: nowrap; } .status table tfoot tr:first-child td { border-bottom: 1px dashed #dee1e4; border-top: 1px dashed #dee1e4; height: 40px; padding: 0 15px; vertical-align: middle; } .status table tbody tr td:nth-child(even) { background: #f0f6fa; } .status table tr td .icon.add { background-image: url("/images/add.png"); background-repeat: no-repeat; background-size: 20px; float: none; padding-bottom: 5px; padding-left: 27px; padding-top: 2.5px; } .status table tr td .icon.delete { background-image: url("/images/delete.png"); background-repeat: no-repeat; background-size: 18px; float: none; padding-bottom: 5px; padding-left: 27px; padding-top: 2.5px; cursor: pointer; } .status table tbody tr:last-child td { border: none; } .status .status-item .description:only-of-type { float: left; margin: 0; width: 100%; } .status .status-item .description p:first-child { font-weight: bold; font-size: 18px; margin: 0 0 10px 0; } /*Edit MV-4956 Change style and move spinner on the Application is on progress Dmitriy.Bernachuk*/ .status .status-item.time .icon { background-position: -20px -1035px; } .status .status-item.time .icon { height: 154px; } /*End Edit MV-4956 Change style and move spinner on the Application is on progress Dmitriy.Bernachuk*/ .status .status-item .loadingImg { float: none; text-align: center; } .status .status-item .loadingImg { float: none; } /*Temp, remove aftere total cleanup END*/ /*Contract*/ .contract-content .contractFrame { border: 1px solid gray; border-left: 0; border-right: 0; float: none; height: 450px; overflow: scroll; overflow-x: auto; text-align: center; } .wrapper .contractFrame { max-width: none; } .contract-content .apply_contract_wrapper h2 { font-size: 30px; margin-bottom: 10px; } .contract-content .apply_contract_wrapper a:not(.btn) { color: rgb(0, 0, 238); } .contract-content .apply_contract_wrapper h1 a { font-size: 26px; } .contract-content .apply_contract_wrapper .validation-message { color: #fc3232; } .contract-content .apply_contract_wrapper p { padding: 10px 0; } .contract-content .apply_contract_wrapper p.big { font-size: 20px; } .contract-content .apply_contract_wrapper p.small span { text-transform: uppercase; border-bottom: 1px solid blue; transition: all 0.2s linear; } .contract-content .apply_contract_wrapper p.small span a:hover { color: darkblue; } .contract-content .apply_contract_wrapper .btn-block .btn { width: 120px; margin: 0 10px; padding: 0 10px; } .contract-content .apply_contract_wrapper .btn-block .btn.green { background: #73b523; } .contract-content .apply_contract_wrapper .btn-block .btn.transparent { background: #f1f7fb; border: 2px solid #cfd8de; height: 40px; width: 80px; font-size: 14px; padding: 0 15px; } .dialog-window-lock .btn-block .btn.transparent { background: #f1f7fb; border: 2px solid #cfd8de; /*width: auto;*/ font-size: 14px; } .contract-content .apply_contract_wrapper .btn-block .btn:hover { opacity: 0.85; } /*end of contract*/ /*end Application status*/ /*add Vitaliy.Tetyanich to fix issue MV-4673*/ .slider-box { vertical-align: inherit !important; } #slider1, #slider2 { top: 16px !important; } .m-slider .slider-title > label.main-page { margin-top: -12px; } /*end fix issue MV-4673*/ .footer-padding { padding-left: 20px; padding-right: 20px; } .col-r-footer, .l-footer .l-footer-info .col-r-footer .footer-link ul li { text-align: right; } .change-password span { position: absolute !important; right: -25px !important; } .change-password .error .icon-x, .change-password .correct .icon-check, .email-phone .error .icon-x, .email-phone .correct .icon-check { right: 25px !important; } .email-phone .input-box, .change-password .input-box { width: 35% !important; } .email-phone span { position: absolute !important; right: -30px !important; } /*Edit end Dmitriy.Bernachuk MV-4920 + The text on main page is overlaps on Nokia Lumia 920 mobile*/ .jq-selectbox__dropdown ul li /* Add Dropdowns styles. MV-4790*/ { border-bottom: 1px dashed #dee1e4; } /* Add Dropdowns styles. MV-4790*/ .jq-selectbox__dropdown ul li:nth-child(odd) { background-color: #FEFEFE; } /* End. Add of Dropdowns styles. MV-4790*/ /*add Vitaliy.Tetyanich fix credit history documents links*/ .my-credits table tbody tr td > a { display: block; margin-bottom: 5px; } /*end add*/ /*Credit state total*/ .l-your-cabinet .repay-loan .pay-off table tr td.bold { font-weight: bold; } .l-your-cabinet .repay-loan .pay-off table tr td span.currency { margin-left: 5px; } .l-your-cabinet tr.send.none { text-align: inherit; } .l-your-cabinet tr.send.none > td { border-bottom: none } /*end Credit state total*/ /*add Vitaliy.Tetyanich for clabe/card switch*/ .payment-method { margin: 20px auto 0; width: auto; } .payment-method > div, .with-return-url.card-and-bank.button-container > .continue > div /* add Vasiliy.Arkhipov*/ { margin: auto; width: 440px; } /*end add*/ /* Add oleg.barannik for social Network Likers*/ .socialNetworksLiker { padding-right: 2px; } /* end Add oleg.barannik for social Network Likers*/ /*input [type="file"]*/ .jq-file { background: #fff; border: 2px solid #c3d1dc; border-radius: 3px; cursor: pointer; transition: all 0.5s ease; width: 100%; } .jq-file:hover, .jq-file:focus { border: 2px solid #99d21d; } /*end input [type="file"]*/ /*Add Vitalit.Tetyanich for tooltips*/ .tooltip-info-error { border-top: 1px dashed #ddddee; color: #71b023; font-size: 14px; margin-top: 5px; padding-top: 5px; } .tooltipster-info .tooltipster-content { color: #71b023; } /* Tooltip Minimal Sum & Promo-Grace */ .tooltip-skin { display: none; max-width: 920px; position: absolute; background: #FFFFFF; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.138112), 0 -6px 10px rgba(0, 0, 0, 0.0416029); padding: 12px 20px; bottom: 18px; z-index: 20; right: inherit; left: -40px; } .tooltip-skin .close { position: absolute; top: 8px; right: 8px; width: 18px; height: 18px; } .tooltip-skin .close:before, .tooltip-skin .close:after { content: ''; width: 18px; right: 0px; height: 2px; background-color: #EB5757; position: absolute; } .tooltip-skin .close:before { transform: rotate(45deg); top: 8px; } .tooltip-skin .close:after { transform: rotate(-45deg); top: 8px; } .l-header .tooltip-skin { position: fixed; min-height: 100px; bottom: auto; left: 0; right: 0; top: 0; margin: 0 auto; padding: 15px 26px 45px; } .l-header .tooltip-skin.min-sum, .l-header .tooltip-skin.max-sum { left: 0; right: 0; } .l-header.mmm-open .tooltip-skin, .modal-open .l-header .tooltip-skin { display: none !important; } .tooltip-min-sum { min-width: 280px; } .tooltip-min-sum.min-sum { right: inherit; left: -36px; transform: translate(0, 0); } .tooltip-min-sum.max-sum { left: inherit; right: 36px; transform: translate(100%, 0); } .tooltip-grace { min-width: 221px; padding: 5px 12px 11px; } .tooltip-grace:after, .tooltip-grace:before { left: 40px; margin: 0 auto; } .tooltip-grace:before { border-left-width: 12px; border-right-width: 12px; border-top-width: 12px; bottom: -12px; } .tooltip-grace b { font-weight: 500; font-size: 14px; line-height: 17px; margin-bottom: 4px; display: inline-block; } .tooltip-grace p { font-size: 12px; line-height: 15px; } .l-header .tooltip-grace { text-align: center; } @media (max-width: 767px ) { .tooltip-min-sum { padding: 25px 26px 40px; } .tooltip-skin .close { position: absolute; top: unset; right: 50%; bottom: 10px; width: 18px; height: 18px; transform: translateX(50%); } .l-header .tooltip-skin { transform: translateX(0); } } @media screen and (max-width: 600px) { .slider-box .tooltip-min-sum { opacity: 0; transition: 0.4s; } } /*end add*/ /*Add Vitaliy.Tetyanich for credit history documents*/ .my-credits table tbody tr td { font-size: 14px; } /*ens Add*/ div.center { text-align: center; vertical-align: middle; } /*end add*/ /* For News Details*/ .return-to-list div, .l-footer .l-footer-middle .text-links .text-links_content span { display: inline-block; } .return-to-list a { border-bottom: 2px solid transparent; color: #73b523; display: inline-block; font-weight: bold; font-size: 16px; line-height: 28px; margin: auto; text-align: left; } .return-to-list a:hover, .return-to-list a:focus { border-bottom: 2px solid; } .top-yellow-line { background: #fffdcd; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; margin: 17px 0 17px 0; padding: 17px 0 17px 0; width: 100%; } .top-yellow-line-content { margin: 25px auto 25px auto; } .fixed-news-title { color: #73b523; font-size: 28px; font-weight: bold } /*end add*/ /*add Vitaliy.Tetyanich for validation tooltips in mobile view*/ .l-form-registration-modified { padding-bottom: 20px; padding-top: 0; } /*end add*/ /*Add Dmitriy.Bernachuk для перекрытия значения по умолчанию заданного в tooltipster.css 9999999*/ /*Add Dmitriy.Bernachuk*/ /*add dmitriy-bernachuk*/ .dialog-window { background-color: #fff; border-radius: 0; box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, 0.35); left: 50%; position: fixed !important; top: 50%; /*Edit увеличено для перекрытия тултипа Dmitriy.Bernachuk*/ z-index: 100001; /*End Edit Dmitriy.Bernachuk*/ } .card-details p /* add Vitaliy.Tetyanich for card add ukr*/ { margin: 0 5px } .dialog-header { height: 30px; margin: 5px; text-align: center; width: auto; } .dialog-header h3 { margin-bottom: 12px; } .dialog-content { margin-top: 15px; margin-bottom: 20px; } .dialog-window .form-row, .dialog-window-lock .form-row { padding-bottom: 5px; padding-top: 5px; width: 100%; } .dialog-window .form-row p, .dialog-window-lock .form-row p { color: #748ea4; text-indent: 20px; } .dialog-window .btn-block, .dialog-window-lock .btn-block { margin-top: 14px; text-align: center; } /*end add*/ .l-main .pay-in-time { max-width: 600px; margin: auto; font-size: 16px; line-height: 20px; text-align: center; } /*rename style path max.bernachuk NewRegistration*/ .l-form-registration form .input-group .m-switch label span { color: #fff; font-weight: bold; height: 36px; line-height: 36px; position: static; text-align: center; transform: translateY(0); /*overread style*/ width: 105px; } /*add Vitaliy.Tetyanich Change to the same style and size of header in the Profile sub pages like in Profile info page */ .profile-h2 { font-size: 24px; line-height: 65px; font-weight: bold; } /*end add Vitaliy.Tetyanich */ .l-form-registration form .input-group .m-switch label.selected span { color: #2b3641; } /* Add for News Details*/ .gray-stripe { background: #f1f7fb; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; display: inline-block; padding: 17px 0 17px 0; vertical-align: middle; width: 100%; } /*end add*/ /*add Vitaliy.Tetyanich bonuses table fix and profile-view-edit-section h2 fix */ .l_my-bonus-credits .table-block table tbody tr td { border-bottom: 2px dashed #d4e5ee; } /*end add Vitaliy.Tetyanich*/ /*add Vitaliy.Tetyanich fix add new card expiration fild apperance*/ .l-form-registration .with-bank .select { width: 35%; } /*end add Vitaliy.Tetyanich */ /*remove Vitaliy.Tetyanich because of http://prntscr.com/anx18o*/ /* add Vasiliy.Arkhipov*/ /*span.cards-message { position: relative; top: 23px; }*/ /* end Vasilit Arkhipov*/ /*and remove*/ /*add Oleg.Barannik fix slider apperance on Main page in mobile view*/ /*end add Oleg.Barannik */ /*add Vitaliy.Tetyanich for affiliate program*/ /*end add Vitaliy.Tetyanich*/ /*Add. Melnik. MV-4949*/ .additional-contactcs-container { margin: 0 auto; width: 100%; } .additional-contactcs-container input[disabled="disabled"] { color: #c3d1dc; } .additional-contactcs-container .add-new-button-conatiner { text-align: right; margin-bottom: 15px; } .additional-contactcs-container .remove-link { border-bottom: 1px dashed #000000; color: #000000; font-size: 14px; text-align: center; } .head-label { color: #748ea4; font-weight: 300; font-size: 16px; line-height: 1.5; margin-bottom: -10px; width: 80%; /*white-space: nowrap;*/ } /*End. Melnik. MV-4949*/ /* add Oleg.Barrannik for butoon a in Edit Profile*/ .l-form-registration .row .input-group a.btn.green { padding-top: 2px; } .l-form-registration .row .input-group .button a.btn { margin: 5px 15px; } /* end add Oleg.Barrannik for or green butoon a*/ /* add Vitaliy.Tetyanich for card add ukr*/ .card-details .card-form .f-content .left .input-group.select-row span.tooltipstered { right: 148px; top: 5px; } span.cards-message { display: block; float: left; margin: 10px 0 30px 0; } .card-form .right #loadKeyBoard { left: 100px; top: -5px; } /*end add*/ /*Firefox and IE input-group positioning in case of opened dropdown*/ /* add changed by vasiliy.arkhipov*/ /**:not(section.payment-content):not(.tooltipster-arrow):not(.l-header):not(.fancybox-wrap):not(.fancybox-overlay):not(.element-on-top) { z-index: 0; }*/ /* end add changed by vasiliy.arkhipov*/ /*end Firefox and IE input-group positioning*/ /* add Oleg.Barrannik for Wait page*/ .clock { background: url("/assets/img/icons/icons-status.png"); background-position: -20px -1036px; height: 150px; margin: 50px auto; width: 134px; } /* end add Oleg.Barrannik for Wait page*/ /* add Vitaliy.Tetyanich for my bonuses */ #total-balance-left { top: 28%; } #total-balance-right { top: 72%; } #bonuses-total-balance { height: 182px; } /* end add Vitaliy.Tetyanich*/ /*add Vitaliy.Tetyanich for ukr card buttons*/ .with-return-url.button-container > .continue > div { margin: auto; width: 520px; } /*.with-return-url.button-container > .continue > div > #button-continue,*/ /*disabled from Nastya*/ /* end add Vitaliy.Tetyanich*/ /* add Vasiliy.Arkhipov*/ .card-details .card-form .f-content .left .input-group .check span.right-label { color: #61819a; display: inline-block; float: left; margin-left: 10px; padding-top: 5px; position: absolute; } /* end add Vasiliy.Arkhipov*/ /*add begin, make all btn width for mob view m.bernachuk*/ .l-main .container .row form .slider-invest .m-slider.white .row.send { padding-right: 30px; } .l-page-help .container, .l-tell-a-friend .container > .col-3, .l-tell-a-friend .container .col-9, /*add Oleg.Barannik for PromoActionNews*/ .l-footer .l-footer-info .col-3, /* ++++ l-footer */ .l-footer .l-footer-bottom .col-3 /* ++++ l-footer */ { padding: 0 15px; } /*@media only screen and (max-width:767px) { .l-page-help .container { padding: 0; } }*/ /*end begin, make all btn width for mob view m.bernachuk*/ input[type="submit"].btn.green.single-button { float: left; margin-left: 36%; margin-left: calc(35% + 11px); width: 100%; } /*add Oleg.Barannik for News Details*/ .getcredit a.btn.green { margin-top: 10px; padding-top: 2px; } /* added vasiliy.arkhipov*/ .loading-img { margin-top: 20px; text-align: center; white-space: nowrap; width: 100% } .loading-captcha-img { display: inline-block; height: 32px; vertical-align: middle; } .loading-captcha-text { display: inline-block; height: 32px; } /* end added vasiliy.arkhipov*/ /*end add*/ /* added vasiliy.arkhipov*/ #captchaWaiting { vertical-align: top; } /* end added vasiliy.arkhipov*/ /* added vasiliy.arkhipov*/ /*body { overflow-x: hidden; }*/ #cvv2_keyboard { right: 10px; z-index: 9999999; } /*end addded vasiliy.arkhipov*/ /*end added by oleg.barannik for Info Section*/ /*added by oleg.barannik for Info Section*/ .l-info-section .col-2, .l-info-section .col-3, .l-info-section .col-6, .l-info-section .col-12 { padding: 0 15px 30px 15px; } /*end added by oleg.barannik for Info Section*/ /*add by Vitaliy.Tetyanich for vk friens list*/ .vk-friends-list .fancybox-title { font-size: 0.98em; margin-right: 30px; padding-bottom: 10px; padding-top: 0; } .vk-friend-item { height: 54px; } .vk-friend-item img { display: block; float: left; height: 50px; margin: 2px; } .vk-friend-item a { display: inline-block; height: 50px; line-height: 50px; overflow: hidden; padding-left: 10px; text-overflow: ellipsis; white-space: nowrap; width: 180px; } /*end add */ .slider-invest .total .total-wrapper .cat-container .label { color: #2b3641; float: left; font-weight: bold; font-size: 16px; line-height: 2.30769; padding: 0 17px; width: 70%; } .slider-invest .total .total-wrapper .cat-container .cat { color: #2b3641; float: left; font-weight: bold; font-size: 16px; line-height: 2.30769; padding: 0 17px; text-align: right; width: 30%; } .credit-info-mini .cat-container { margin-bottom: 16px; } .credit-info-mini .cat-container .label { color: #2b3641; float: left; font-weight: bold; font-size: 16px; line-height: 2.30769; padding: 0 17px; width: 50%; } .credit-info-mini .cat-container .cat { color: #2b3641; float: left; font-weight: bold; font-size: 16px; line-height: 2.30769; padding: 0 17px; text-align: left; width: 50%; } /* Телефон в шапке */ .tel { background: #fff url("/assets/img/tel.png") no-repeat scroll 0 0; border: 0 solid #fff; border-radius: 3px; color: #333; display: inline-block; font-size: 20px; height: 40px; line-height: 36px; padding: 0 10px; /*MV-7221*/ text-align: right; text-transform: uppercase; vertical-align: middle; width: 185px; } .l-quality .owl-controls { padding-top: 60px; text-align: center; width: 100%; } .l-quality .owl-controls .owl-pagination { display: inline-block; *display: inline; vertical-align: middle; zoom: 1; } .l-quality .owl-controls .owl-pagination .owl-page { background: url("/assets/img/icons/owl-pagination.png") no-repeat -30px 0; float: left; height: 14px; margin: 0 8px; width: 14px; } .l-quality .owl-controls .owl-pagination .owl-page.active, .social li a { background-position: 0 0; } /* стрелки */ .arr { height: 100px; margin: 0 auto; position: relative; top: 50%; width: 80px; } .arr a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: none; bottom: 0; box-sizing: border-box; color: #fff; font-size: 12px; font-weight: 700; height: 68px; line-height: 45px; padding: 0 0 0 20px; position: absolute; text-transform: uppercase; transition: 0.1s all ease-in; width: 100%; } .arr a span { bottom: 0; display: block; height: 50px; margin: auto; position: absolute; right: 10px; top: 0; width: 25px; } .arr a span span { background: url("/assets/img/icons/arrow2.png") no-repeat; bottom: 0; display: block; height: 50px; margin: auto; opacity: 0.8; position: absolute; right: 0; top: 0; width: 25px; } .arr a .arrow:before { background: url("/assets/img/icons/arrow2.png") no-repeat; bottom: 0; content: ""; display: block; height: 50px; margin: auto; opacity: 0.4; position: absolute; right: 18px; top: 0; width: 30px; } .arr a .arrow:after { background: url("/assets/img/icons/arrow2.png") no-repeat; bottom: 0; content: ""; display: block; height: 50px; margin: auto; opacity: 0.2; position: absolute; right: 48px; top: 0; width: 30px; } .arr a:hover .arrow:before { animation: animate-arrow-2 1s ease-in-out infinite 0.1s; } .arr a:hover .arrow:after { animation: animate-arrow-3 1s ease-in-out infinite 0.2s; } .arr a:hover .arrow span { animation: animate-arrow-1 1s ease-in-out infinite; } @keyframes animate-arrow-1 { 0% { opacity: 0; transform: translateX(-40px); } 70%, 100% { opacity: 1; transform: translateX(0px); } } @keyframes animate-arrow-2 { 0% { opacity: 0; transform: translateX(-20px); } 70%, 100% { opacity: 0.5; transform: translateX(0px); } } @keyframes animate-arrow-3 { 0% { opacity: 0; transform: translateX(-10px); } 70%, 100% { opacity: 0.3; transform: translateX(0px); } } /*add Tetyanich V for MV-5312*/ .l-credit-cards .cards-list .not-verified table tbody tr.top-line, .l-bankid-details .bankid-list { background-color: #FEE; } .l-credit-cards .cards-list .not-verified tr.top-line .card-type, .l-credit-cards .cards-list .not-verified a[name="verifyCard"], .l-credit-cards .cards-list .not-verified a[name="verifyAccount"], .l-bankid-details .bankid-list tr.top-line { color: #F77; } /*end add for MV-5312*/ /*add Oleg.Barannik for Title*/ .l-title .fadeIn { color: #fff; font-weight: bold; font-size: 50px; line-height: 1.6; } /*add Oleg.Barannik for Title*/ /*add Vitaliy.Tetyanich for typos dialog*/ .typo-styled-button { border-radius: 5px; display: inline-block; font-weight: bold; font-size: 16px; font-weight: normal; padding: 5px 10px; text-align: center; text-transform: uppercase; transition: all 0.35s ease; } .report-typo-button { float: right; margin-top: 1em; } .typo-styled-button:hover, .typo-window .fancybox-title .child { background-color: #5a8d1c; } #typo-report textarea { font-size: 0.9em; font-weight: normal; height: 80px; padding: 3px; width: 100%; } #typo-report textarea[readonly] { background-color: #efefef; } #typo-ok p { color: #444; padding-top: 25px; text-align: center; } /*inputs*/ .typo-window .input-group { margin: 5px 0; width: 100%; } .typo-window .input-box.error .icon-x, .typo-window .input-box.correct .icon-check { font-size: 12px; left: 10px; position: absolute; top: 10px; } #typo-report form { display: block; text-align: left; } .typo-window .input-box.correct .icon-check, .l-footer .l-footer-info .footer-link li a:hover { color: #73bc18; } .typo-window .fancybox-title { font-size: 0.98em; margin-right: 30px; } .typo-window .fancybox-title-inside-wrap { padding-top: 0; } p.turn-off-tooltipster-error { color: red } /*end add Vitaliy.Tetyanich for typos dialog*/ /**/ /**/ /**/ #ConfirmBonusItem .owl-item, #bonusItems .owl-item { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; box-sizing: border-box; display: block; float: left; height: 320px; margin: 15px 25px 15px 25px; width: 230px; } #ConfirmBonusItem .product-thumb, #bonusItems .product-thumb { background-color: white; display: block; margin: 0; padding: 0 7px 15px 7px; position: relative; text-align: center; } #ConfirmBonusItem .product-thumb .image, #bonusItems .product-thumb .image { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; height: 200px; margin: 0; text-align: center; vertical-align: middle; width: 230px; } #ConfirmBonusItem .product-thumb img, #bonusItems .product-thumb img { height: 150px; width: 150px; } #ConfirmBonusItem .product-thumb .title, #bonusItems .product-thumb .title { font-weight: 300; font-size: 16px; font-weight: bold; margin: 5px 0 5px 0; } #ConfirmBonusItem .product-thumb .hidden, #bonusItems .product-thumb .hidden { height: 20px; margin: 5px 0 5px 0; overflow: hidden } #ConfirmBonusItem .product-thumb .visible, #bonusItems .product-thumb .visible, #ConfirmBonusItem .product-thumb .cost, #bonusItems .product-thumb .cost { margin: 5px 0; } .small-pagination { padding-top: 5px; text-align: center } .small-pagination li { display: inline; margin: 5px; } .small-pagination li a { background: #e9e9e9; border: solid 1px #c0c0c0; border-radius: 3px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 1px 3px rgba(0, 0, 0, .1); color: #717171; display: inline-block; font-weight: bold; padding: 2px 9px; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); transition: background-color .3s; } #ConfirmBonusItem .body .product-thumb { border-radius: 6px; margin-bottom: 10px; } #ConfirmBonusItem .body .image { display: table-cell; margin: 0; text-align: center; vertical-align: middle; /* display: block; */ width: 370px; } #ConfirmBonusItem .body img { border-radius: 6px; margin: 5px; } #ConfirmBonusItem .header { text-align: center; width: 350px; } div.youtube { background-position: center; background-repeat: no-repeat; cursor: pointer; display: inline-block; overflow: hidden; position: relative; transition: all 200ms ease-out; } div.youtube .play { background: url("/Images/Play.png") no-repeat center center; background-size: 64px 64px; filter: alpha(opacity=80); height: 100%; opacity: .8; position: absolute; transition: all 0.2s ease-out; width: 100%; } div.youtube .play:hover { filter: alpha(opacity=100); opacity: 1; } .addDocument-window .fancybox-inner { height: auto !important; } .addDocument-window .description p { padding-right: 17px; } /* by Tetyanich V. MV-5164 + Create logic to "Efectivo" in repayment pop-up window if try to pay less than min amount in "Efectivo"*/ .amount-sum-validation-container .tooltipstered { position: absolute; right: 10px; top: 0; } /*End by Tetyanich V. MV-5164 + Create logic to "Efectivo" in repayment pop-up window if try to pay less than min amount in "Efectivo"*/ .l-footer .l-footer-info .footer-link li { color: #fff; font-size: 17px; font-weight: bold; line-height: 1.88235; text-align: left; } /* ссылки на лендинги */ .text-links_content a { background: #e3f0f7 none repeat scroll 0 0; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 3px; display: inline-block; line-height: 10px; margin: 2px; padding: 8px; text-decoration: none; } .text-links_content a:hover { background: none; border: 1px solid rgba(34, 66, 91, 0.4); color: #ffffff; } /* Social */ .social { list-style: none; margin: 0; padding: 0; } .social li { display: block; float: right; margin-right: 15px; } .social li:not(:last-of-type) { margin-bottom: 15px; } .social li a { background-repeat: no-repeat; display: block; height: 42px; text-indent: -9999px; width: 42px; } .social li a:hover { background-position: 0 -43px; } .popup-window { min-width: 250px; } .popup-window h3 { font-size: 28px; line-height: 1.21429; } .popup-window h3, .popup-window p { margin: 30px; } /*add oksana.likhonos begin loyality*/ .level { background: #73b523 none repeat scroll 0 0; border: 0 solid #e3f0f7; border-radius: 50%; display: block; font-size: 42px; height: 80px; line-height: 72px; margin: 0 auto; text-align: center; width: 80px; } ol { list-style-type: none; text-align: center; padding-top: 15px; } big { line-height: 30px; font-size: 33px; } .btntxt { color: #fff; font-size: 50px; font-weight: 800; text-transform: uppercase; display: inline-block; width: 100px; text-align: center; line-height: 1.9; word-spacing: 5px; text-shadow: #73B523 2px 2px 0; } .icon-lev { width: 100px; height: 100px; background: #73B523 no-repeat; background-size: 100px 100px; margin: auto; top: 0; left: 0; bottom: 0; right: 0; z-index: 3; -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, .2), 0 0 0 0 rgba(0, 0, 0, .4), inset 0 0 0 15px rgba(255, 255, 255, .4); -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, .2), 0 0 0 0 rgba(0, 0, 0, .4), inset 0 0 0 15px rgba(255, 255, 255, .4); box-shadow: 0 0 0 10px rgba(255, 255, 255, .2), 0 0 0 0 rgba(0, 0, 0, .4), inset 0 0 0 15px rgba(255, 255, 255, .4); -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; } .btntxt-sm { color: #73B523; font-size: 30px; font-weight: 800; display: inline-block; width: 200px; text-align: center; line-height: 1.3; word-spacing: 5px; text-shadow: 0 0 0; } .icon-sm { width: 40px; height: 40px; background: #ffffff no-repeat; background-size: 40px 40px; margin: 0 20px; top: 0; left: 0; bottom: 0; right: 0; border: #73B523 1px solid; -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, .2), 0 0 0 0 rgba(0, 0, 0, .4), inset 0 0 0 15px rgba(255, 255, 255, .4); -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, .2), 0 0 0 0 rgba(0, 0, 0, .4), inset 0 0 0 5px rgba(255, 255, 255, .4); box-shadow: 0 0 0 5px rgba(255, 255, 255, .7), 0 0 0 0 rgba(0, 0, 0, .4), inset 0 0 0 5px rgba(255, 255, 255, .4); -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; } .grid { width: 100%; display: table; border-collapse: separate; border-spacing: 5px; border-color: #fff; padding-top: 0; font-size: 16px; } .grid-row { width: 100%; display: table; table-layout: fixed; margin: 0 0 -10px 0; background-color: #FFFFFF; } .item0, .item1, .item2, .item3, .item4, .item5, .item6 { display: table-cell; padding: 2%; color: #FFFFFF; font-size: 20px; font-weight: 800; } .item0 { background: #E3F0F7; } .item1 { background: #CCFF66; } .item2 { background: #BAED53; } .item3 { background: #A6D93F; } .item4 { background: #95C732; } .item5 { background: #81B31D; } .item6 { background: #719E18; } .item7, .item7a { display: table-cell; padding: 2%; background: #E3F0F7; } .item7 { color: #22425B; text-align: left; } .item7a { text-align: right; color: #73BC18; font-weight: 800; } .item8, .item8a { display: table-cell; background: #FFFFFF; padding: 2%; } .item8 { color: #22425B; text-align: left; } .item8a { text-align: right; color: #73BC18; font-weight: 800; font-size: 20px; vertical-align: middle; } .item9, .item10, .item11 { display: table-cell; font-weight: 800; vertical-align: middle; } .item9 { color: #73bc18; font-size: 38px; padding: 5%; text-align: center; width: 100%; } .item10 { background: #A6D93F; padding: 7%; text-align: left; color: #22425B; font-size: 20px; } .item11 { color: #22425b; font-size: 13px; line-height: 18px; padding: 2%; text-align: center; } /* -start- indents on main page (Nastya)*/ .l-landings { padding: 50px 0; } .l-landings .text-links { padding: 50px 0 0; } /* -end- indents on main page (Nastya)*/ .prolongationEndDate { padding-right: 1px; } .prolongationEndDate.holiday-text-style { color: #EB5757; } .with-return-url.button-container > .continue > div > #button-continue { float: right; } /*fix bags (Nastya)*/ /* --start-- box with scrollbar in main page -- A.Sviontkovskaya */ .scrollbar-box { max-height: 410px; overflow-y: scroll; margin: 10% 0 0 0; max-width: 550px; position: relative; display: block; } .scrollbar-box > h1 { font-size: 32px; } .scrollbar-box > h2 { font-size: 28px; } .scrollbar-box > h3 { font-size: 24px; } .scrollbar-box > h4 { font-size: 20px; } .scrollbar-box > h1, .scrollbar-box > h2, .scrollbar-box > h3 { text-align: left; color: #384f61; } .scrollbar-box > p { text-align: justify; } .scrollbar-box > p, .scrollbar-box li { color: #5d7282; } .scrollbar-box > h1, .scrollbar-box > h2, .scrollbar-box > h3, .scrollbar-box > p { padding-bottom: 15px; } .scrollbar-box > p:last-child { padding-bottom: 50px; } .shadow-line { position: relative; display: block; bottom: 40px; min-width: 320px; width: 100%; max-width: 1170px; height: 50px; box-shadow: -17px -50px 50px 0 #fff; } .scrollbar-box::-webkit-scrollbar { width: 10px; } .scrollbar-box::-webkit-scrollbar-thumb { background-color: #73b523; outline: 1px solid slategrey; border-radius: 5px; } .l-news .video-container { margin-right: 70px; } /* --end-- box with scrollbar in main page -- A.Sviontkovskaya */ /* --start-- arrow in news -- A.Sviontkovskaya */ .news-arrow { position: absolute; left: 50%; top: -1px; width: 36px; height: 88px; background: #fff; transition: left cubic-bezier(0.25, 0.1, 0.05, 0.05), all 1s linear; border-bottom: 1px solid #fff; border-top: 1px solid #fff; } .news-arrow .triangle { width: 0; height: 0; border: 43px solid transparent; border-left-width: 20px; border-right: 0; position: absolute; transition: all 1s linear; } .news-arrow .triangle.ontheright { left: 36px; border-left-color: #fff; } .news-arrow .triangle.ontheleft { border-left-color: #f1f7fb; } .news-details-padding:hover .news-arrow { left: 75%; background: rgba(241, 247, 251, 0); border-bottom: 1px solid rgba(241, 247, 251, 0); border-top: 1px solid rgba(241, 247, 251, 0); } .news-details-padding:hover .news-arrow .triangle { border-left-color: rgba(241, 247, 251, 0); } .getcredit a.btn.green { margin: 5px 0; position: relative; z-index: 2; } .news-details-padding .text-get-credit { padding-top: 8px; text-align: center; font-size: 28px; line-height: 1.21429; font-weight: bold; } .gray-stripe { position: relative; } .return-to-list { padding: 10px 0; } /* --end-- arrow in news -- A.Sviontkovskaya */ /* --start-- h1-h3 title -- A.Sviontkovskaya */ .l-home p.h1, .h1 { font-size: 42px; color: #fff; font-weight: bold; line-height: 1.2; margin-bottom: 38px; } .loyality-block p.h2, .h2 { font-size: 36px; max-width: inherit; text-align: center; line-height: 1.04762; } .loyality-block p.h2 { padding-bottom: 20px; } .h2.left { text-align: left; } .l-get-money .cent { text-align: center; } .l-get-money .tabs-caption li.active p.h3 { border-bottom: 2px dashed transparent; color: #fff; } .l-get-money .tabs-caption li p.h3 { border-bottom: 2px dashed #8eadc2; color: #8eadc2; display: inline; font-weight: bold; font-size: 28px; line-height: 1; text-transform: uppercase; } .l-get-money .tabs-caption li.active p.h3, .l-get-money .tabs-caption li p.h3, .h3 { font-size: 32px; } @media only screen and (max-width: 767px) { .l-home p.h1, .h1 { font-size: 28px; } .loyality-block p.h2, .h2 { font-size: 22px; } .l-get-money .tabs-caption li.active p.h3, .l-get-money .tabs-caption li p.h3, .h3 { font-size: 20px; } } /* --end-- h1-h3 title -- A.Sviontkovskaya */ .l-landings .text-links.in-articles { padding: 0; } /* --start-- ratings stars -- A.Sviontkovskaya */ .articles-rating { padding-top: 50px; text-align: center; } .articles-rating > * { display: inline-block; vertical-align: top; } .articles-rating .rating-stars { padding: 0 20px 0 10px; } .articles-rating .votes { line-height: 0.9; } .articles-rating .votes span { font-size: 28px; font-weight: bold; vertical-align: sub; color: #73b523; padding-left: 5px; } .articles-rating .rating-stars .stars { display: inline-block; cursor: pointer; border: 0; width: 40px; height: 40px; /*background-image: url(https://moneyveo.ua/ImageBrowser/Image/?path=rating%2Fstar-fill.png);*/ background-image: url("/images/rating-star-fill.png"); background-position: center; background-size: 40px 40px; background-repeat: no-repeat; transition: all 0.2s linear; } .articles-rating.default-value .rating-stars .stars:hover ~ .stars { /*background-image: url(https://moneyveo.ua/ImageBrowser/Image/?path=rating%2Fstar.png);*/ background-image: url("/images/rating-star.png"); } .articles-rating:not(.default-value) .rating-stars .stars.selected ~ .stars { /*background-image: url(https://moneyveo.ua/ImageBrowser/Image/?path=rating%2Fstar.png);*/ background-image: url("/images/rating-star.png"); } .articles-rating.default-value .hidden-after-rate { display: none; } .articles-rating:not(.default-value) .hidden-before-rate { display: none; } /* --end-- ratings stars -- A.Sviontkovskaya */ /*--------------- payment forms begin-----------------------------*/ section.payment-content { max-width: 840px; margin: auto; } section.payment-content.payment-status { max-width: 944px; } section.payment-content .payment-option .btn-block .green { } section.payment-content .payment-option .btn-block .transparent { background: #cee5eb; border: 2px solid #333; height: 40px; line-height: 38px; } section.payment-content .tab { float: left; height: 60px; text-align: center; width: auto; background: #cee5eb; border: 2px solid #cee5eb; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 20px; } section.payment-content .tab:last-child { margin-left: -4px; } section.payment-content .tab div { text-align: left; } section.payment-content .tab .tab2 { position: relative; left: 1px; bottom: 5px; z-index: 2; font-size: 17px; line-height: 1.1; } section.payment-content .tab.white { background: #fff; border-bottom: 2px solid #cee5eb; color: #73b523; } section.payment-content .content { position: absolute; top: 60px; left: 0; right: 0; bottom: 0; padding: 20px; margin-bottom: -20px; } section.payment-content .tab .non-content { display: none; } section.payment-content .notification { background: #cee5eb; position: absolute; top: 25px; left: 0; right: 0; bottom: 0; padding: 20px; } section.payment-content .tab2 ~ .content { z-index: 1; } section.payment-content .tab2 ~ .non-content { z-index: -1; } section.payment-content p { display: block; padding: 14px 0; margin-bottom: 15px; text-align: left; transition: all .35s ease; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #333; } section.payment-content .row { padding: 25px; } section.payment-content .card-input { width: 100%; } section.payment-content .content input { background: #fff; border: 2px solid #c3d1dc; border-radius: 3px; transition: all .5s ease; width: 100%; } section.payment-content .input-box span { display: block; height: 29px; position: relative; right: 0; top: 0; width: auto; } section.payment-content .input-group label, section.payment-content div.expire-date-row div.select-row div.label { float: left; height: 40px; position: relative; width: auto; } section.payment-content div.expire-date-row div.select-row div.labelExt { float: left; height: 30px; position: relative; width: 28%; } section.payment-content .tab .content .row { text-align: left; font-weight: bold; width: 100%; } section.payment-content .notification .center, section.payment-content .notification .big { text-align: center; } section.payment-content .notification .big { padding-top: 20px; } section.payment-content .tab .content .cms_content { text-align: center; } section.payment-content .tab .content .cms_content a { color: #73b523; border-bottom: 1px solid #73b523; font-size: 17px; } section.payment-content .tab .content .cms_content .btn.green { margin-top: 20px; } section.payment-content .notification .btn-block .btn.white { padding: 0; min-width: 200px; } section.payment-content .tab div.center, section.payment-content .tab div.center .big { text-align: center; } #CardInfo_ExpiryDate_Month-styler, #CardInfo_ExpiryDate_Year-styler { height: 40px; border: none !important; } section.payment-content .tab .content .select-row.input-box .select-group { height: 40px; width: 67%; float: left; } section.payment-content .tab .content .select-row.input-box .select-group div.select { width: 40%; } section.payment-content .tabs iframe { width: 100% } /*------start--------- good footer ----------------------*/ .l-footer.nice-change { position: relative; } .l-footer.nice-change .l-footer-info { padding: 25px 15px 50px; } .l-footer.nice-change .l-footer-info .l-footer-service { font-size: 20px; margin-top: 10px; } .l-footer.nice-change .l-footer-info p { font-size: 15px; font-weight: 200; line-height: 1.6; color: #e3f0f7; padding-bottom: 0; } .l-footer.nice-change .center-block { text-align: center; } .l-footer.nice-change .left-block { padding: 0; } .l-footer.nice-change .copyright { display: inherit; color: #697e90; font-size: 12px; line-height: 1; margin-top: 20px; font-weight: 300; } .l-footer.nice-change .l-footer-info .footer-link li.salad-text { font-size: 20px; color: #91E84F; } .l-footer.nice-change .l-footer-info .footer-link li a:hover { color: #3DAE2B; } .l-footer.nice-change .footer-icons { margin-top: 40px; display: flex; justify-content: space-evenly; } .l-footer.nice-change .icon { display: inline-block; position: relative; width: 40px; } .l-footer.nice-change .icon:hover { background: none; } .l-footer.nice-change .icon img { width: 30px; height: 30px; filter: grayscale(50%); transition: all 0.2s ease; } .l-footer.nice-change .footer-icons img:hover { width: 30px; height: 30px; transform: scale(1.5); filter: grayscale(0); } .l-footer.nice-change .bottom-most { position: relative; } .l-footer.nice-change .social-copyright { text-align: center; } /*------start----------- upgrade mobile ----------------------*/ .mbl-label { display: none; } .mbl.slider-invest .total .to { display: none; } .first-entrance { display: none; } /*.first-entrance .btn-login,*/ .first-entrance .your-cabinet { display: none; } #landing-loyalty, #landing-awards { padding: 50px 0; } #landing-awards .l-quality-star { margin: 0; } #labelLoanDateMobile.holiday-text-style { color: #EB5757; } body { width: 10px; min-width: 100%; } /*------end----------- upgrade mobile ----------------------*/ /*--------------- credit status start-----------------------------*/ /* !!!на неактивной кнопке вместо style="background:gray;" добавлять класс "inactive" и атрибут "disabled" */ .btn.inactive, .btn.inactive:hover { box-shadow: none; color: #fff; cursor: not-allowed; border: 1px solid #e2e2e2; background: #e2e2e2; } .status.true-grid { padding: 0; } .status.true-grid .btn { text-align: center; } .l-your-cabinet .repay-loan.true-grid .pay-off table tr:nth-child(3n) td { font-weight: bold; } .l-your-cabinet .true-grid .pay-off table tr td:first-child { width: 55%; } .l-your-cabinet .true-grid .pay-off table tr td:last-child { width: 45%; } .l-your-cabinet .repay-loan.true-grid .pay-off table tr td, .l-your-cabinet .repay-loan .pay-off table tr:nth-child(1n) td:last-child { color: #2b3641; font-size: 16px; } .l-your-cabinet .repay-loan.true-grid .pay-off table tr td.green { color: #73bc18; } .l-your-cabinet .repay-loan.true-grid .pay-off table tr td.big { font-size: 22px; } .true-grid .btn { width: 170px; } .true-grid { padding-bottom: 30px; } .l-your-cabinet .true-grid .pay .m-slider { padding: 20px 10px; position: relative; } .l-your-cabinet .true-grid .pay .m-slider .slider .table { padding: 0 12px; } .l-your-cabinet .true-grid .tar { padding: 30px 13px 0 0; } .l-your-cabinet .true-grid .tar p { padding: 10px 0 0 0; } .l-your-cabinet .true-grid .pay .m-slider .slider-input { left: auto; position: absolute; right: 10px; top: 0; float: none; width: auto; } .l-your-cabinet .true-grid .pay { padding: 10px 15px 0 0; } .l-your-cabinet .true-grid .pay-off table { margin-bottom: 0; } .l-your-cabinet .true-grid .pay-off p { padding: 0; } .l-your-cabinet .true-grid .pay-off .blue-bg { background: #f1f7fb; padding: 10px 20px; } .l-your-cabinet .true-grid .pay-off .bonuses p { font-size: 18px; font-weight: 600; } .l-your-cabinet .true-grid .pay-off .bonuses .quantity { background: #73b523; color: #fff; padding: 2px 10px; font-size: 20px; border-radius: 7px; } .l-your-cabinet .true-grid .pay-off .bonuses .green-link { font-weight: bold; font-size: 18px; color: #73b523; border-bottom: 1px solid #73b523; line-height: 2; } /*.l-your-cabinet .prolongation-form.true-grid .pay .m-slider { padding-bottom: 35px; }*/ .l-your-cabinet .prolongation-form.true-grid .pay-off table tr td:first-child { width: 45%; padding-right: 0; } .l-your-cabinet .prolongation-form.true-grid .pay-off table tr td:last-child { width: 55%; padding-left: 0; vertical-align: middle; } .l-your-cabinet .green-dotted { color: #73b523; font-weight: bold; border-bottom: 1px dashed; } .l-your-cabinet .uppercase { text-transform: uppercase; } .l-your-cabinet .i-notice::before { content: url("https://moneyveo.ua/ImageBrowser/Image/?path=i-green.png"); float: left; } .l-your-cabinet .true-grid .check { margin: 15% 0 0 0; } .l-your-cabinet .true-grid .check > div { float: left; margin-right: 15px; } .l-your-cabinet .true-grid .check p { padding: 7px 0 0 0; background: #ffffff; } .l-your-cabinet .true-grid .check label { cursor: pointer; } /*------end--------- credit status-----------------------------*/ section.payment-content .tabs { position: relative; min-height: 500px; clear: both; margin: 20px 0; /*change in 4836 line*/ width: 100%; } section.payment-content .notification { /*change in 4888 line*/ background: #cee5eb; /*position: absolute;*/ /*top: 25px;*/ /*left: 0;*/ /*right: 0;*/ /*bottom: 0;*/ padding: 20px; border: 2px solid #cee5eb; } /*-----start----------- renew agreement --------ADD*/ .contract-content .apply_contract_wrapper { padding: 10px 0 20px; } .contract-content .apply_contract_wrapper p.big { font-size: 18px; font-weight: 600; } .contract-content .apply_contract_wrapper a.green-dotted { color: #73b523; } .apply_contract_wrapper .check { width: 100%; max-width: 425px; margin: auto; padding: 0 0 10px; } .apply_contract_wrapper .check .input { float: left; background: #fff; border: 2px solid #c3d1dc; border-radius: 3px; cursor: pointer; height: 30px; width: 30px; position: relative } .apply_contract_wrapper .check .input input { display: none; } .contract-content .apply_contract_wrapper .right-label { padding: 4px 0 4px 30px; font-weight: bold; } .contract-content .apply_contract_wrapper .i-notice { max-width: 850px; margin: auto; text-align: justify; padding: 30px 0 0; font-size: 14px; line-height: 1.3; } .apply_contract_wrapper .i-notice::before { content: url("https://moneyveo.ua/ImageBrowser/Image/?path=i-green.png"); float: left; } .apply_contract_wrapper .small { font-size: 13px; } .apply_contract_wrapper .confirm-tel { padding: 10px 0 20px; } .apply_contract_wrapper .confirm-tel .text { text-align: right; line-height: 2.2; font-size: 18px; } .apply_contract_wrapper .confirm-tel .pass { line-height: 0.8; } .apply_contract_wrapper .confirm-tel .pass input { width: calc(100% - 10px); text-align: center; letter-spacing: 8px; min-width: 100px; } .apply_contract_wrapper .confirm-tel .pass input::placeholder { color: #c3d1dc; } .apply_contract_wrapper .confirm-tel .resend { text-align: left; line-height: 2.2; } .apply_contract_wrapper .confirm-tel .resend a { text-decoration: underline; } .apply_contract_wrapper .confirm-tel .resend a::before { content: url("https://moneyveo.ua/ImageBrowser/Image/?path=refresh.png"); vertical-align: sub; padding-right: 8px; line-height: 2.7; } .apply_contract_wrapper .confirm-tel .error { color: #ec5656; font-size: 13px; position: relative; } /*-----end------------- renew agreement --------ADD*/ .amount-explanation { padding-top: 10px; font-size: 0.8em; } .secretCardNumber label { width: 100% !important; text-align: center !important; } .secretCardNumber label span { margin-left: auto; margin-right: auto; text-align: center; width: 100%; right: auto; } .your-credit > table > tbody > tr > td:last-child { width: 70%; /*for all browsers*/ word-break: break-all; /*for WebKit/Blink browsers*/ word-break: break-word; } .your-credit > table > tbody > tr > td:first-child { word-break: keep-all; } /*topUp blur*/ .top-up { position: relative; margin-bottom: 30px; } .hided-topup { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #d2dce5; box-shadow: 0 0 11px 6px #d2dce5, inset 0 0 20px 20px #d5dde5; z-index: 2; transition: .5s; cursor: pointer; opacity: 0.97; } .hided-topup:hover { opacity: 0.9; } .hided-topup .btn { margin: auto; display: block; text-align: center; padding: 0; background: none; border: 5px solid #ffee2e; -webkit-box-shadow: none; box-shadow: none; } .hided-topup:hover .btn, .hided-topup .btn:hover { background: #ffee2e; -webkit-box-shadow: none; box-shadow: none; color: #000000; } .hided-topup p { position: relative; text-align: center; color: #333333; font-weight: 900; font-size: 34px; line-height: 1; margin: 20% auto 20px; } /*topUp blur*/ /*hotfix 5 buttons in "Ваша заявка принята!"*/ .status .status-item .description.wide .button { display: flex; justify-content: center; flex-wrap: wrap; } .status .status-item .description.wide .button a { border: 3px solid #73b523; background: #FFFFFF; color: #333; box-shadow: none; text-transform: inherit; font-weight: 500; min-width: 130px; font-size: 16px; line-height: 1; padding: 12px 5px; text-align: center; transition: 0.2s; margin: 5px 7px; } .status .status-item .description.wide .button a:hover { background: #f5ffe9; } /*change block in main page "how to return loan"*/ .l-get-money .tabs-content .img { height: 122px; } .l-get-money .tabs-content span { width: 100%; max-width: inherit; text-align: left; padding: 30px 0 15px; color: #c1d5e3; font-size: 22px; height: auto; } .l-get-money .tabs-content .block-wrap { height: auto; } .l-get-money .tabs-content .block-wrap ul { list-style: circle outside; color: #95adc2; padding-left: 40px; font-size: 17px; } .l-get-money .tabs-content .arr { height: 75px; width: 100px; } .l-get-money .tabs-content .block-wrap p { font-size: 17px; color: #95adc2; text-align: left; margin: 0 0 50px 25px; } /*change block in main page "how to return loan"*/ /*landing-ceo-links*/ .l-landings .text-links .text-links_content li { display: inline-block; } .l-landings .text-links .text-links_content li a { font-size: 13px; } .l-landings .text-links .text-links_content { color: #fff; } /*landing-ceo-links*/ .btns { text-align: center; } .title-payment { padding-top: 56px; } .ui-selection { font-size: 14px; width: 50%; position: relative; } .ui-selection--wrap { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 10px; } .ui-selection--package, .ui-selection--warning { padding-left: 40px; } .ui-selection--package-title { color: #915FFF; } .ui-selection--package-row { color: #828282; margin-top: 15px; } .ui-selection--package-row span { font-weight: 600; color: #3DAE2B; } .ui-selection--package-row li { margin: 10px 0 } .ui-selection--warning { position: relative; } .ui-selection--warning:before { content: ""; background-image: url("/assets/img/icons/ic-ui-warning.svg"); background-size: 100% 100%; width: 21px; height: 18px; display: inline-block; position: absolute; left: 0; top: 5px; } .ui-selection--warning span { display: inline-block; margin-bottom: 15px; } .ui-selection--navigate { margin-bottom: 40px; } .ui-selection--navigate--title { font-size: 14px; color: #4F4F4F; width: 100%; } .ui-selection--unregistered { display: flex; flex-wrap: wrap; width: 100%; order: 5; } .ui-selection--unregistered .text { font-size: 12px; color: #828282; } .ui-selection--unregistered .text span { color: #3DAE2B; } .ui-modalup { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; background-color: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; } .ui-modalup-mobile { background-color: #fff; max-width: 304px; padding: 20px 20px 20px; max-width: auto; } .ui-modalup-mobile.dialog-window { position: relative !important; left: 0 !important; top: 0 !important; transform: none } .ui-modalup--title { font-weight: 600; font-size: 16px; color: #333333; } .ui-modalup--text { font-size: 14px; line-height: 20px; color: #828282; margin: 10px 0; } .ui-modalup--buttons .btn { width: 100%; margin: 10px 0; border: none; box-shadow: none; } .ui-codebox { margin: 20px 0; } .ui-codebox--title { font-size: 14px; color: #333333; } .ui-codebox--confirmation { margin: 12px 0; } .ui-codebox--confirmation .code-num { width: calc(100% - 18px); color: #333; cursor: pointer; font-style: normal; font-weight: 500; font-size: 20px; line-height: 17px; letter-spacing: 4px; margin-right: 1px; padding: 11px 9px; border-radius: 0; border: 1px solid #828282; } .ui-codebox--confirmation .code-num:hover, .ui-codebox--confirmation .code-num:focus { border-width: 1px; } .ui-codebox--confirmation .input-box { width: 100% !important } .ui-codebox--confirmation .input-box .icon-check { display: none; } .ui-codebox--confirmation .input-box input { width: 100% !important } .ui-codebox--confirmation .input-box span.tooltipstered { right: 10px; top: 5px; position: absolute; } .mobile-payment .mobile-payment__title { font-weight: bold; font-size: 16px; line-height: 20px; color: #333333; margin: 0 0 7px; width: 100%; } .mobile-payment .mobile-payment__text .change-num { position: absolute; display: none; cursor: pointer; font-weight: 500; font-size: 15px; line-height: 18px; color: #915FFF; top: 51px; left: 0; text-transform: lowercase; } .mobile-payment .mobile-payment__text .change-num:first-letter { text-transform: capitalize; } .mobile-payment .mobile-payment__text { font-weight: 300; position: relative; font-size: 14px; line-height: 20px; color: #828282; width: 100%; margin: 0 0 38px; } .mobile-payment .mobile__confirmation-code { display: flex; justify-content: center; width: 100%; } .mobile-payment .mobile__confirmation-code .confirmation-code__item { width: 100%; } .mobile-payment .mobile__confirmation-code .code-box .code-box_title { font-weight: 300; font-size: 14px; line-height: 17px; color: #828282; margin-bottom: 3px; } .mobile-payment .mobile__confirmation-code .code-box .code-box__input-forms { display: flex; border: 1px solid #828282; height: 42px; padding: 2px 9px 9px 11px; align-items: flex-end; } .mobile-payment .mobile__confirmation-code .code-box .code-num { all: initial; width: calc(100% - 18px); color: #333; cursor: pointer; font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; letter-spacing: 4px; height: 18px; margin-right: 1px; padding: 11px 9px; border: 1px solid #828282; } .mobile-payment .mobile__confirmation-code .button-box { margin-top: auto; } .mobile-payment .mobile__confirmation-code .button-box .btn-new { padding: 11px 0 10px; width: 100%; } .mobile-payment .confirmation-code__countdown { display: none; position: relative; left: auto; } .mobile-payment .confirmation-code__countdown span { font-weight: 500; font-size: 18px; line-height: 22px; color: #915FFF; position: relative; bottom: 9px; } .mobile-payment .confirmation-code__countdown .sms-send-again { display: none; cursor: pointer; all: initial; width: 40px; height: 40px; background-image: url("/images/refresh.svg"); background-size: 24px; background-position: center; background-repeat: no-repeat; } .mobile-payment .mobile__confirmation-code .button-box .btn-new-transparent { display: none; } .l-form-registration .nav-controls .input-group { margin: 0; } /*edit v 2.0*/ .l-form-registration { padding-bottom: 10%; padding-top: 0; } .l-form-registration .title { text-align: center; margin: 5px 0 30px; font-size: 24px; padding: 0 15px; } .pay-sum .jq-number { display: inline-block; } .pay-sum .icon-check { right: 0; } /*-----end-----------pay from unregistered user--------*/ .l-credit-cards .cards-list table .bankid-table { width: 80px; margin: auto; } .bankid-info table tbody tr td:first-child { text-align: left; } .bankid-info .top-line { font-size: 22px; font-weight: bold; line-height: 50px; text-align: left; font-weight: 300; } /*-----start-----------action rules--------*/ .action-rules .list-wrapper { background: transparent; margin-bottom: 30px; padding: 0; } .action-rules p { margin: 20px 10px; } .l-page-help .action-rules .list-wrapper .faq-list li { padding: 10px 20px 10px 0; margin: 5px; display: inline-block; border: 1px solid #ccc; border-radius: 10px; cursor: pointer; } .l-page-help .action-rules .list-wrapper .faq-list li a { font-weight: 300; font-size: 17px; } .l-page-help .action-rules .list-wrapper .faq-list li:hover a { border-bottom: 1px solid #333; } .action-rules li:before { content: url("/images/dowloadIcon.png"); padding: 0 15px; } /*-----end-------------action rules--------*/ section.payment-content .topup-input-correction { position: relative; width: auto !important; } section.payment-content .topup-input-correction > span.tooltip-error { position: absolute; top: -5px; right: -37px; } .l-form-registration .changes-warning { color: #fca800; font-weight: bold; } .l-form-registration .wrap-div div { margin-bottom: 10px; } .round-checkbox { text-align: left; } .round-checkbox li div:first-child { border-radius: 20px; width: 21px; height: 21px; margin: 0 10px 0 0; } .round-checkbox li { margin-bottom: 4px; } .round-checkbox .jq-radio.checked:before { content: "●"; top: -4px; left: 1px } .round-checkbox li.width-textarea div:first-child { float: left; } .dialog-window-lock { background-color: #fff; border-radius: 4px; box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, 0.35); left: 50% !important; top: 50% !important; position: fixed !important; z-index: 10000; transform: translate(-50%, -50%); } .dialog-window-lock .round-checkbox label, .dialog-window-lock .edit-form .round-checkbox label { float: none; width: 100%; vertical-align: text-top; line-height: 0.8; font-size: 15px; } .dialog-window-lock .red-text { margin-bottom: 15px; text-align: left; padding-left: 35px; color: red; } /*-----start-----------h-tags in main page--------*/ .h2.white, .h3.white { color: white; } /*-----end-------------h-tags in main page--------*/ /*add padding for login screen*/ .l-form-registration.login-screen { padding: 50px 0 10% 0; } .l-form-registration.login-screen h1 { text-align: center; font-size: 22px; color: #000; margin-bottom: 40px; } .l-form-registration.login-screen form { width: 400px; margin: auto; max-width: 100%; } .l-form-registration.login-screen button, .l-form-registration.login-screen .l-button { margin: 30px auto; text-align: center; display: block; width: 80%; } .l-form-registration.login-screen .register-new-account-link { text-align: center; } .l-home .m-slider .slider-title > label.main-page { margin-top: 0; } /*----start---------name for card-------*/ .card-name .input-box span .icons { background-position: -58px 0; display: block; height: 29px; width: 29px; } .card-name .input-box { position: relative; } .card-name .tooltip-info { position: absolute; right: -35px; } .card-name .input-box input { margin-right: 5px; } .card-name .icon-check { display: none; } /*----end-----------name for card-------*/ /*dropdown with cardname*/ .input-group.dropdown-active .jq-selectbox__dropdown { max-width: calc(100% + 4px); left: -2px !important; right: auto !important; } /*-----start-----------intallment in creditsate--------*/ .m-slider .with-transition .ui-slider, .m-slider .with-transition .ui-slider .ui-slider-handle, .m-slider .with-transition .ui-slider .ui-slider-range { transition: 0.3s; cursor: pointer; } /*-----end-------------intallment in creditsate--------*/ /*-----start-----------intallment in creditsate - live--------*/ .label-before { margin-bottom: 15px; font-weight: 600; } .label-before::before { content: url("https://moneyveo.ua/ImageBrowser/Image/?path=image2.png"); display: block; float: left; padding-right: 7px; line-height: 1.8; } .label-before a { color: #73b523; text-decoration: underline; } .more-fields { padding: 10px 15px; } .l-your-cabinet .true-grid .pay-off.more-fields table tr td:first-child { font-size: 15px; } .more-fields .opened { display: none; } .more-fields .folded { display: table-row; cursor: pointer; } .more-fields.all-fields .opened { display: table-row; } .more-fields.all-fields .folded { display: none; } .more-fields .green span { font-weight: bold; } .more-fields .arr { position: relative; } .more-fields .arr::after, .more-fields .hide-it::after { content: "›"; display: block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); position: absolute; top: 0; left: 24px; border: 1px solid #73b523; width: 20px; height: 20px; border-radius: 20px; text-align: center; font-size: 22px; line-height: 0.69; } .more-fields.all-fields .hide-it { display: block; margin: 15px auto 0; background: none; border: none; outline: none; cursor: pointer; color: #73b523; font-size: 16px; position: relative; } .more-fields .hide-it::after { left: 85px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .more-fields.all-fields { position: relative; padding: 0; } .more-fields.all-fields .over { -webkit-box-shadow: 0 4px 9px 0 #ccc; box-shadow: 0 4px 9px 0 #ccc; padding: 15px; position: absolute; width: 100%; background: #ffffff; z-index: 1; } .loader-installment-repayment { display: block; position: absolute; right: 30%; top: 21%; box-shadow: 0 0 63px 91px rgba(255, 255, 255, 0.66); border-radius: 50px; } /*-----end-------------intallment in creditsate - live--------*/ .new-calculator-wrapper .new-calculator-payyoff .new-calculator-promocode span.bold { font-weight: bold !important; } /*-----start----- dark-notification ----------*/ .dark-notification-box { position: fixed; bottom: 0; right: 20px; z-index: 9999; max-width: 350px; } .dark-notification { background: rgba(0, 0, 0, 0.8); position: relative; color: white; padding: 20px 13px 13px; margin-bottom: 20px; box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.3), 2px -4px 4px rgba(208, 208, 208, 0.25); } .dark-notification-box .dark-notification:last-of-type { margin-bottom: 0; } .close { cursor: pointer; } .dark-notification .close { background: #333333; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15), 0 -4px 4px rgba(220, 220, 220, 0.25); width: 24px; height: 24px; position: absolute; z-index: 100; border-radius: 100%; color: #fff; right: -6px; top: -10px; } .dark-notification .close:after { content: "╳"; display: block; position: absolute; right: 7px; font-size: 10px; } .dark-notification .title { font-size: 18px; line-height: 22px; text-align: left; padding: 0; color: white; margin: 0 0 15px; } .dark-notification .text, .dark-notification .text strong, .dark-notification .text a { color: white; } .dark-notification .text a { text-decoration: underline; } /*-----end------- dark-notification ----------*/ #resendSmsLinkContainer { line-height: 1.4; } /*----start---- instantor ----------*/ .btn-account { border: 2px solid #73b523; border-radius: 5px; padding: 8px 15px; width: 147px; height: 40px; background-color: #ffffff; opacity: 1; transition: 0.2s; } .btn-account:hover { opacity: 0.8; } .btn-account.bankid { border: 2px solid #22548b; margin-top: 0; } /*----end------ instantor ----------*/ /*fix calculator in main page for google cache*/ .l-main .table { height: auto; } /*-----start-----------popup with promocode and enotcoin--------*/ .promo-window { width: 530px !important; } .enotcoin .m-slider .slider-box { position: absolute; } /*-----end-------------popup with promocode and enotcoin--------*/ /*-----start-----------loyality program - coins--------*/ .about-enotcoin .main-coin { position: relative; } .about-enotcoin .main-coin { margin-top: 50px; } .about-enotcoin .main-coin .big-label > * { color: #ffffff; text-align: center; } .about-enotcoin .main-coin .big-label { position: relative; background: #71B023; padding: 10px 15px 15px 60px; height: 105px; } .about-enotcoin .main-coin > div:first-child { padding-right: 20px; } .about-enotcoin .raccoon-block { min-width: 320px; } .about-enotcoin .main-coin .big-label .num { font-size: 48px; font-weight: bold; color: #ffffff; vertical-align: middle; margin: 0 10px; } .about-enotcoin .main-coin .big-label a { display: block; text-decoration: underline; } .about-enotcoin .main-coin .big-label .triangle { position: absolute; width: 0; height: 0; border-top: 29px solid #618E21; border-left: 39px solid transparent; left: 0; bottom: -29px; } .about-enotcoin .main-coin .big-label .img { position: absolute; top: 20px; left: 20px; } .about-enotcoin .main-coin .blue-bg { background: #F1F7FB; position: relative; left: 37px; width: calc(100% - 37px); padding: 20px 20px 8px; } .about-enotcoin .main-coin .blue-bg p { color: #71B023; text-align: center; } .about-enotcoin .main-coin .blue-bg .big { font-size: 28px; font-weight: 600; margin-bottom: 20px; } .about-enotcoin .main-coin .blue-bg .small { font-size: 14px; font-weight: bold; margin-bottom: 15px; } .about-enotcoin .main-coin .blue-bg .small.red { color: red; } .about-enotcoin .btn { display: block; margin: auto; padding: 15px; min-width: 200px; line-height: 1; text-transform: uppercase; } .about-enotcoin .btn.png-green { color: #333333; } .about-enotcoin .btn.png-green:hover { color: #ffffff; } .about-enotcoin .raccoon-block { min-height: 300px; border-bottom: 1px solid #E2F0F6; } .about-enotcoin .raccoon-block .title { font-size: 18px; font-weight: 500; } .about-enotcoin .main-coin .raccoon-block .title { text-align: center; margin-bottom: 25px; } .about-enotcoin .main-coin .raccoon-block .head-coon .btn { font-size: 14px; } .about-enotcoin .main-coin .raccoon-block .head-coon .num { color: #ffffff; font-size: 24px; vertical-align: middle; margin: 0 5px; } .about-enotcoin .main-coin .raccoon-block .head-coon .linkbutton { width: min-content; text-align: center; } .about-enotcoin .main-coin .raccoon-block .body-coon .text { padding: 0; } .about-enotcoin .raccoon-block .head-coon { height: 105px; padding: 0 25px; } .about-enotcoin .raccoon-block .body-coon { padding: 25px; position: relative; } .about-enotcoin .raccoon-block .body-coon .text { display: inline-block; width: calc(100% - 100px); } .about-enotcoin .raccoon-block .body-coon .text * { font-size: 13px; line-height: 1.2; text-align: left; } .about-enotcoin .raccoon-block .body-coon .text a { color: #477191; text-decoration: underline; } .about-enotcoin .raccoon-block .body-coon .text ul { list-style: disc; } .about-enotcoin .raccoon-block .body-coon .text ol { list-style: decimal; } .about-enotcoin .raccoon-block .body-coon .text ul, .about-enotcoin .raccoon-block .body-coon .text ol { padding: 0 0 0 15px; width: 100%; } .about-enotcoin .raccoon-block .body-coon .text li { padding: 0; color: #8aa4b9; } .about-enotcoin .raccoon-block .body-coon .text li:before { content: none; } .about-enotcoin .raccoon-block .body-coon .img { position: absolute; right: 0; top: 0; z-index: -1; } .about-enotcoin .raccoon-block .body-coon .img img { width: 100%; } .about-enotcoin .h3 { font-size: 28px; text-align: center; margin: 40px 0 30px; } .about-enotcoin .plus-coin { margin: 30px 0; } .about-enotcoin .plus-coin * { color: #71B023; } .about-enotcoin .plus-coin .num { font-size: 48px; font-weight: bold; display: inline-block; vertical-align: sub; } .about-enotcoin .plus-coin .for { display: inline-block; line-height: 1; font-size: 14px; } .about-enotcoin .how-to-get-coin .raccoon-block:nth-child(odd) { border-right: 20px solid #ffffff; } .about-enotcoin .how-to-get-coin .raccoon-block:nth-child(even) { border-left: 20px solid #ffffff; } .about-enotcoin .how-to-get-coin .raccoon-block { margin-bottom: 30px; } .about-enotcoin { margin-bottom: 50px; } .about-enotcoin .blue-label { background: #F1F7FB; height: 105px; padding: 30px 20px 0; } .about-enotcoin .blue-label p, .about-enotcoin .blue-label p a { font-weight: bold; text-align: center; color: #72AD39; } .about-enotcoin .blue-label p a { text-decoration: underline; } /*-----end-------------loyality program - coins--------*/ /*-----start-----------loyality program - about--------*/ .loyality-enotcoins a:hover, .tabs-loyality-enotcoins a:hover { transition: 0.2s; opacity: 0.8; } .loyality-enotcoins .bold, .tabs-loyality-enotcoins .bold { font-weight: bold; } .loyality-enotcoins .tabs-link, .tabs-loyality-enotcoins .tabs-link { text-align: center; font-weight: bold; font-size: 18px; } .loyality-enotcoins .tabs-link .sep, .tabs-loyality-enotcoins .tabs-link .sep { padding: 0 5px; } .loyality-enotcoins .tabs-link a, .tabs-loyality-enotcoins .tabs-link a { color: #71B023; border-bottom: 1px dashed; } .loyality-enotcoins .h2 { margin: 0; font-size: 32px; padding: 50px 0; } .loyality-enotcoins .h3 { font-weight: 300; font-size: 28px; text-align: center; padding-bottom: 20px; } .loyality-enotcoins .blocks .block { padding: 20px; margin-bottom: 20px; min-height: 340px; border-bottom: 1px solid #E2F0F6; border-right: 20px solid #ffffff; border-left: 20px solid #ffffff; } .loyality-enotcoins .block .img { text-align: center; } .loyality-enotcoins .block .img img { margin: 0 0 15px; } .loyality-enotcoins .blocks { display: flow-root; } .loyality-enotcoins .blocks .block .content { font-size: 14px; } .loyality-enotcoins .text { margin-bottom: 50px; } .loyality-enotcoins .three-columns .block { padding: 20px 10px; } .loyality-enotcoins .three-columns { margin-bottom: 50px; } .loyality-enotcoins .crazy-table { margin: 15px 0 40px; } .loyality-enotcoins .crazy-table .set { display: inline-flex; flex-direction: row; width: 100%; justify-content: space-between; } .loyality-enotcoins .crazy-table .set span { width: calc(100% / 7); text-align: center; height: 65px; border-right: 1px solid #ffffff; padding: 20px 5px; } .loyality-enotcoins .crazy-table .set.caption span { background: #E8E8E8; font-weight: 600; font-size: 28px; } .loyality-enotcoins .crazy-table .set.caption span:first-child { padding-top: 30px; } .loyality-enotcoins .crazy-table .set span:first-child { font-size: 14px; line-height: 1; } .loyality-enotcoins .crazy-table .set:nth-child(3) span { background: #F8F8F8; } .loyality-enotcoins .btn.small { line-height: 1; padding: 15px 20px; text-align: center; } .loyality-enotcoins .green-link { color: #71B023; text-decoration: underline; margin: 50px 0; display: block; text-align: center; } .hide-unregistered { display: none; } /*-----end-------------loyality program - about--------*/ /*-----start-------------promoenots--------*/ .l-home .slider-invest .m-slider .send { position: relative; } .promo-window { width: 310px !important; } /*-----end-------------promoenots--------*/ input .inactive { filter: grayscale(100%); background: #b1b1b1; box-shadow: none; color: #fff; cursor: not-allowed; } /*-----start-----------enotcoin in creditstate - get credit--------*/ .apply-discount { background: #ffffff; text-align: center; font-size: 14px; font-weight: 600; } .apply-discount a span { text-decoration: underline dashed #333333; } .send .col-12 { margin-top: 30px; } .strikethrough { color: #a3b7c7; text-decoration: line-through; padding-right: 5px; font-weight: 300; font-size: 0.9em; } .apply-discount { position: relative; } .apply-discount .btn-tooltip a { text-decoration: none; } /*-----end-------------enotcoin in creditstate - get credit--------*/ /*-----start-----------enotcoin in creditstate - return credit--------*/ .l-your-cabinet .true-grid .creditstate .tar .enotcoin-before { display: inline-block; float: left; padding: 10px 5px 10px 12px; text-align: left; max-width: 54%; line-height: 1; } .l-your-cabinet .true-grid .creditstate .tar .enotcoin-before::before { margin: 0 5px 15px 0; } .creditstate .tar .enotcoin-before span { vertical-align: middle; } .creditstate .m-slider input.btn { margin: 0; } /*-----end-------------enotcoin in creditstate - return credit--------*/ /*-----start-----------enotcoin description--------*/ .status .status-item .description .enotcoin-description p { font-size: 15px; color: #333333; margin: 30px 0; line-height: 1; } .enotcoin-before::before { content: url("/assets/img/enotcoins/enotcoin.svg"); float: left; margin-right: 15px; } .credit-options-container .enotcoin-before::before { content: ''; background-image: url("/assets/img/enotcoins/enotcoin.svg"); width: 24px; height: 23px; background-size: cover; margin-right: 10px; } .enotcoin-before .green { color: #73bc18; } .portmone-modal-dialog { /*fix portmone popup*/ margin-top: 150px !important; } .input-group.apply-promocode { position: relative; z-index: 0; text-align: center } .input-group.apply-promocode .apply-enotcoin { display: inline-block; position: relative; top: -31px; left: 110px; } .input-group.apply-promocode .enotcoin-link { color: #73bc18; text-decoration: underline; font-weight: 600; padding-left: 0; } .input-group.apply-promocode .enotcoin-link > span { color: #73bc18; padding: 0; font-size: 15px; } /*------start-right sidebar---------T.Kudriavska------------------------*/ .sidebar-item a:focus { text-decoration: none; outline: 0; background: #fff; } .sidebar-right-btn { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; z-index: 9999; } .sidebar-menu, .sidebar-arrow { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .sidebar-menu { position: fixed; width: 280px; height: 400px; right: -230px; top: calc(50% - 225px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 10px 0 0 10px; box-shadow: 3px 1px 3px rgba(0, 0, 0, 0.4); transition: right 0.5s ease 0s; overflow: hidden; background: #fff; z-index: 55; } .sidebar-right-btn.open .sidebar-menu { right: 0; } .sidebar-right-btn.open .sidebar-arrow { right: 275px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .sidebar-right-btn .sidebar-arrow { right: 55px; } .sidebar-menu:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 50px; z-index: 1; background: rgb(113, 176, 35); background: -webkit-linear-gradient(left, rgba(113, 176, 35, 1) 0%, rgba(113, 176, 35, 1) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(113, 176, 35, 1)), to(rgba(113, 176, 35, 1))); background: linear-gradient(to right, rgba(113, 176, 35, 1) 0%, rgba(113, 176, 35, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86ce00', endColorstr='#75b500', GradientType=1); cursor: pointer; } .sidebar-menu .sidebar-item { display: -webkit-box; display: -ms-flexbox; display: flex; height: 50px; position: relative; text-decoration: none; z-index: 2; width: 280px; } .sidebar-menu .sidebar-item .icon { width: 50px; height: 50px; position: relative; background: #73bc18; } .sidebar-menu .sidebar-item .icon img { position: absolute; top: 50%; left: 25px; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .sidebar-menu .sidebar-item:first-child .text { border-top: none; } .sidebar-menu .sidebar-item .text { font-size: 14px; width: calc(100% - 50px); width: -webkit-calc(100% - 50px); height: 50px; padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #e3f0f7; font-weight: 300; line-height: 50px; } .sidebar-menu .sidebar-item .text:hover { color: #73bc18; } .sidebar-menu .trigger { position: absolute; top: 0; left: 0; bottom: 0; width: 50px; z-index: 5; background: transparent; cursor: pointer; } .sidebar-arrow { display: block; position: fixed; color: #73bc18; right: 55px; top: calc(50% - 35px); font-size: 50px; font-weight: bold; cursor: pointer; transition: right 0.5s ease 0s; } .slidebar-btn_tablet { display: none; } /*------end right-sidebar---------T.Kudriavska------------------------*/ .card-details .card-form .f-content .right .input-group .input-box .panel .clear-btn { border: none; } .card-details .card-form .f-content .right .input-group .input-box .panel .num-btn { border: none; } /* start change phone icon Kudriavska*/ .lang .row .tel { background: #fff url("/assets/img/schedule.png") no-repeat scroll 0 0; width: 190px; background-size: 19%; } /* end change phone icon Kudriavska*/ /* --start-- ratings stars -- T.kudryavska */ .articles-rating { padding-top: 50px; text-align: inherit; width: 400px; max-width: 100%; } #cms_content p, .cms_content p { font-size: 16px; color: #393939; padding: 5px 0; } .articles-rating .rating-stars { padding: 0; } .articles-rating > * { vertical-align: inherit; } .articles-rating .votes { font-size: 14px; } .articles-rating .votes span { font-size: 14px; color: #393939; vertical-align: inherit; padding-left: 5px; } .articles-rating .rating-stars .stars { width: 18px; height: 18px; background-image: url("/images/rating-star-greenfill.png"); background-size: 20px 20px; } .articles-rating.default-value .rating-stars .stars:hover ~ .stars { background-image: url("/images/rating-star-green.png"); } .articles-rating:not(.default-value) .rating-stars .stars.selected ~ .stars { background-image: url("/images/rating-star-green.png"); } /* --end-- ratings stars -- T.kudryavska */ /* --start-- landings-links -- T.kudryavska */ .l-landings .text-links_content a { background: #ffffff; border: 1px solid #915FFF; margin: 2px 1px; } .l-landings .text-links .text-links_content a:hover { background: #915FFF; color: #fff; } .l-landings .text-links_content ul { text-align: center; } #links-btn { display: none; } /* --end-- landings-links -- T.kudryavska */ /*start breadcrumbs*/ .breadcrumbs li.current span { font-size: 14px; color: #74b23a; } .l-landings { padding: 0 0 50px 0; } /*end breadcrumbs*/ /* start pagination Kudriavska*/ .news-pagination { background: none; } .news-pagination li a { width: 47px; padding: 8px 12px; } .news-pagination li { display: inline-block; position: relative; } .news-pagination li:nth-last-child(2) { display: inline-block; } .news-pagination .pagination-arrow-prev a, .news-pagination .pagination-arrow-next a { font-size: 36px; border: solid 1px transparent; box-shadow: none; background: none; } .news-pagination .pageLink-points { background: #fff; border: none; box-shadow: none; font-size: 40px; color: #717171; padding: 15px 1px 4px 2px; } /* end pagination Kudriavska*/ /*start --- about-contract --- A.Sviontkovska*/ .about-contract { background: aliceblue; padding: 5px 10px; } .about-contract .text span:nth-child(2) { font-weight: 600; font-size: 16px; } .about-contract .text .return { font-size: 14px; text-decoration: underline; color: blue; } /*end --- about-contract --- A.Sviontkovska*/ /*start --- autorepayments --- A.Sviontkovska*/ #periodicautowithdraw-styler { line-height: 1.8; vertical-align: middle; margin-right: 10px; float: left; } label[for="periodicautowithdraw"] { cursor: pointer; } .autorepayment .btn.yellow-green { float: left; margin-right: 20px; text-align: center; padding: 0; } .autorepayment .btn.yellow-green.transparent { background: #fff; border: 4px solid #73bc18; box-shadow: none; height: 50px; line-height: 2.7; } .l-your-cabinet form .input-box.autorepayment label { width: 100%; float: none; line-height: 1; vertical-align: top; } .l-your-cabinet form .input-box.autorepayment label strong { vertical-align: super; line-height: 1; } #allowAutorepayment-styler { line-height: 1.8; float: left; margin-right: 10px; } .edit-profile .edit-form .input-box.autorepayment { width: 56%; line-height: 1; text-align: left; } .autorepayment .btn.yellow-green.transparent:hover { background: #73bc18; transition: 0.2s; } /*end --- autorepayments --- A.Sviontkovska*/ .alert-message { background: #ed4646; width: 100%; height: auto; min-height: 90px; box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.25); display: flex; align-items: center; } .alert-message .container { text-align: center; max-width: 960px; } .alert-message .text { color: #ffffff; display: inline-block; text-align: left; margin: 15px 0; font-size: 16px; line-height: 1.4; padding: 0 16px; width: 100%; } /*start --- banner for private office--- T.Kudryavska*/ .status-wrap { overflow-x: hidden; } .status-wrap .banner { background: rgba(34, 66, 91, 0.78); max-width: 100%; height: 100px; padding: 0 10px; } .status-wrap .banner-insides { display: flex; justify-content: space-between; max-width: 780px; width: 100%; margin: auto; } .status-wrap .banner-img { margin: 18px 17px 12px 0; } .status-wrap .banner-text { line-height: 1; padding: 18px 0 12px 0; } .status-wrap .banner-text p { margin: 0; padding: 0; color: #fff; line-height: 1.2; } .status-wrap .banner-text_big { font-size: 24px; font-weight: bold; } .status-wrap .banner-text_small { font-size: 18px; font-weight: 400; } .status-wrap .banner-text_link { color: #08C4FF; text-decoration: none; } .status-wrap .banner-text_link:hover { text-decoration: underline; } .status-wrap .banner-btn .btn-gradient { width: 160px; height: 40px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); border-radius: 6px; display: block; border: none; text-align: center; color: #fff; font-size: 18px; margin: 22px 0 28px 24px; cursor: pointer; line-height: 40px; padding: 0; font-weight: 300; text-transform: capitalize; } .status-wrap .banner-btn .btn-gradient_full { background: linear-gradient(90deg, #71AE23 0%, #22425B 100%); position: relative; z-index: 1; } .status-wrap .banner-btn .btn-gradient_full::before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; border-radius: 6px; background-image: linear-gradient(90deg, #22425B 0%, #8AC64D 100%); z-index: -1; transition: opacity 0.5s linear; opacity: 0; } .status-wrap .banner-btn .btn-gradient_full:hover::before { opacity: 1; } /*end --- banner for private office--- T.Kudryavska*/ .popup-contract .contract-content .apply_contract_wrapper .btn-block .btn { font-size: 16px; } .popup-contract .contract-content .apply_contract_wrapper .btn-block .btn-gradient_left.btn { width: 110px; } .popup-contract .contract-content .apply_contract_wrapper .btn-block .btn-gradient_right.btn { width: 200px; } .contract-content .apply_contract_wrapper .btn-block .btn.transparent { width: 120px; padding: 0; margin-bottom: 10px; color: #cfd8de; } .contract-content .apply_contract_wrapper .btn-block .btn.green { width: 200px !important; margin-bottom: 10px; padding: 0; } /*start --- button affliate in footer --- T.Kudryavska*/ .bottom-most .btn-affiliate { display: none; } /*end -- button affliate in footer --- T.Kudryavska*/ /*start --authorization-login -- T.Kudriavska*/ .tf-authorization .tf-authorization_login { margin-top: 20px; margin-left: 17%; } .tf-authorization .tf-authorization_login .authorization-login_choice, .tf-authorization .tf-authorization_login .authorization-login_link { text-align: center; } .tf-authorization .tf-authorization_login .authorization-login_choice p { display: inline-block; height: 40px; line-height: 40px; position: relative; } .tf-authorization .tf-authorization_login .authorization-login_choice p::before, .tf-authorization .tf-authorization_login .authorization-login_choice p::after { width: 160px; position: absolute; content: ""; height: 1px; background: #22425B; min-width: 100%; top: 20px; } .tf-authorization .tf-authorization_login .authorization-login_choice p::before { left: -190px; } .tf-authorization .tf-authorization_login .authorization-login_choice p::after { left: 55px; } .tf-authorization .tf-authorization_login .authorization-login_btns { margin: 30px auto 80px; } .tf-authorization .tf-authorization_login .authorization-login_btns ul { display: flex; justify-content: center; } .tf-authorization .tf-authorization_login .authorization-bankId { width: 212px; height: 40px; line-height: 40px; border: 1px solid #23558C; box-sizing: border-box; border-radius: 6px; text-align: center; margin: 0 10px; } .tf-authorization .tf-authorization_login .authorization-bankId_Privat { border: 1px solid #23558C; } .tf-authorization .tf-authorization_login .authorization-bankId_Nbu { border: 1px solid #007C43; } .tf-authorization .tf-authorization_login .authorization-bankId_Nbu a { font-size: 22px; color: #007C43; font-weight: bold; margin: 0 15px; } .tf-authorization .tf-authorization_login .authorization-bankId_Privat a { font-size: 18px; line-height: 40px; } .tf-authorization .tf-authorization_login a { display: flex; justify-content: space-around; } .tf-authorization .tf-authorization_login .authorization-bankId_Nbu img { vertical-align: middle; } .tf-authorization .tf-authorization_login .authorization-login_link { display: block; text-decoration: underline; } /*end --authorization-login -- T.Kudriavska*/ /*start 2fa-authorization T.Kudriavska*/ .tf-authorization { position: relative; } .tf-authorization .title-main { font-size: 32px; font-weight: bold; } .tf-authorization .popup-title { text-align: center; } .tf-authorization .title-medium { font-size: 15px; color: #333; } .tf-authorization .title-medium_bold { font-weight: bold; } .tf-authorization .title-small { font-size: 18px; } .tf-authorization .title-small_bold { font-weight: bold; } .tf-authorization .text-medium { font-size: 14px; } .tf-authorization .text-medium_bold { font-weight: bold; } .tf-authorization .popup-container { background: #fff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); position: absolute; z-index: 9995; margin-top: 20px; } .tf-authorization .popup-bg { z-index: 9994; position: fixed; background-color: #000; opacity: 0.6; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; } .tf-authorization .popup .btn-close { width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; position: relative; left: 84%; cursor: pointer; color: #000; font-size: 46px; font-weight: 300; } .tf-authorization .popup .btn-close:hover { color: #915FFF; } .tf-authorization .btn { margin-bottom: 20px; width: 233px; max-width: 80%; } .tf-authorization .btn-gradient_full { background: -webkit-gradient(linear, left top, right top, from(#71AE23), to(#22425B)); background: linear-gradient(90deg, #71AE23 0%, #22425B 100%); position: relative; z-index: 1; text-transform: capitalize; } .tf-authorization .btn-gradient_full::before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; border-radius: 6px; background-image: -webkit-gradient(linear, left top, right top, from(#22425B), to(#8AC64D)); background-image: linear-gradient(90deg, #22425B 0%, #8AC64D 100%); z-index: -1; -webkit-transition: opacity 0.5s linear; transition: opacity 0.5s linear; opacity: 0; } .tf-authorization .btn-gradient_full:hover::before { opacity: 1; } .tf-authorization .btn-gradient_border { position: relative; line-height: 38px; background-image: -webkit-gradient(linear, left top, right top, from(#8AC64D), to(#22425B)); background-image: linear-gradient(90deg, #8AC64D 0%, #22425B 100%); border: none; z-index: 1; } .tf-authorization .btn-gradient_border span { background: #fff; display: block; border-radius: 4px; position: absolute; width: calc(100% - 4px); top: 2px; left: 2px; text-transform: capitalize; } .tf-authorization .btn-gradient_border::before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; border-radius: 6px; background-image: -webkit-gradient(linear, left top, right top, from(#22425B), to(#8AC64D)); background-image: linear-gradient(90deg, #22425B 0%, #8AC64D 100%); z-index: -1; -webkit-transition: opacity 0.5s linear; transition: opacity 0.5s linear; opacity: 0; } .tf-authorization .btn-gradient_border:hover::before { opacity: 1; } .tf-authorization .tf-authorization_banner { background: rgba(223, 223, 223, 0.78); max-width: 100%; padding: 0 10px; height: 90px; } @media only screen and (max-width: 800px) { .tf-authorization .tf-authorization_banner { height: 310px; } } .tf-authorization .tf-authorization_banner .banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 840px; width: 100%; margin: auto; } .tf-authorization .tf-authorization_banner .banner-img { margin: 18px 17px 12px 0; } .tf-authorization .tf-authorization_banner .banner-text { line-height: 1; padding: 18px 0 12px 0; } .tf-authorization .tf-authorization_banner .banner-text p { margin: 0; padding: 0; line-height: 1.2; } .tf-authorization .tf-authorization_banner .banner-text_link { color: #74b23a; text-decoration: none; } .tf-authorization .tf-authorization_banner .banner-text_link:hover { text-decoration: underline; } .tf-authorization .tf-authorization_banner .banner-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin-left: 20px; } .tf-authorization .tf-authorization_banner .banner-btn .btn { width: 160px; margin: 25px 8px 0; padding: 11px 0; } .tf-authorization .popup-container_authorization { width: 264px; height: 325px; text-align: center; margin: auto; left: 50%; margin-left: -132px; position: fixed; display: block; top: 25%; } .tf-authorization .popup-container_authorization .popup-title { font-size: 14px; text-align: center; } .tf-authorization .popup-container_authorization .sms-input { margin: 25px 40px 0 40px; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; -ms-flex-pack: distribute; justify-content: space-around; } .tf-authorization .popup-container_authorization .sms-input .sms-code { max-width: 120px; border: none; border-bottom: 2px solid #22425a1a; text-align: center; font-size: 18px; height: 24px; } .tf-authorization .popup-container_authorization .sms-input #resend { cursor: pointer; } .tf-authorization .popup-container_authorization .sms-notification, .tf-authorization .popup-container_authorization .sms-invalidcode { color: #E21616; line-height: 1.2; opacity: 0; margin: 10px 0; } .tf-authorization .popup-container_authorization .continue.input-group { margin-bottom: 15px; } .tf-authorization .popup-container_authorization .continue.input-group .btn-new { width: 200px; max-width: 200px; } .tf-authorization .popup-container_authorization .sms-link { text-decoration: none; color: #723bec; font-weight: 500; } .tf-authorization .popup-container_connection { width: 520px; padding: 30px; margin: auto; -webkit-box-sizing: border-box; box-sizing: border-box; left: 50%; position: fixed; display: block; top: 50%; border-radius: 0; transform: translate(-50%, -50%); } .tf-authorization .popup-container_connection .popup-text { margin: 25px 0; text-align: center; color: #000; } .tf-authorization .popup-container_connection .continue { text-align: center; } .tf-authorization .popup-container_connection .popup-link { color: #3dae2b; text-decoration: underline; } .tf-authorization .popup-container_connection .btn-gradient_full { width: 233px; } .tf-authorization .popup-container_connection .btn-refuse { cursor: pointer; } .tf-authorization .popup-container_reminder { width: 398px; height: 156px; background: rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25); border-radius: 10px; margin: auto; color: #fff; z-index: 9999; right: 0; position: fixed; bottom: 0; min-width: 300px; } .tf-authorization .popup-container_reminder .popup { padding: 15px 20px 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .tf-authorization .popup-container_reminder .popup .btn-close { padding: 0; margin-left: -40px; font-size: 12px; font-weight: 400; left: 100%; position: absolute; margin-top: -15px; cursor: pointer; color: #fff; } .tf-authorization .popup-container_reminder .popup-title { display: -webkit-box; display: -ms-flexbox; display: flex; } .tf-authorization .popup-container_reminder .popup-title img { width: 26px; height: 26px; margin-right: 20px; } .tf-authorization .popup-container_reminder .popup-text { padding-top: 10px; } .tf-authorization .popup-container_reminder .btn-gradient_full { width: 180px; } .tf-authorization .tf-authorization_connection { text-align: center; margin-top: 70px; } .tf-authorization .tf-authorization_connection .title-small { margin: 30px auto; } .tf-authorization .tf-authorization_connection .btn-gradient_full { width: 222px; } .tf-authorization .popup-container_changePassword { width: 450px; padding: 30px; margin: auto; -webkit-box-sizing: border-box; box-sizing: border-box; left: 50%; position: fixed; display: block; top: 50%; border-radius: 0; transform: translate(-50%, -50%); } .tf-authorization .popup-container_changePassword .title-medium { margin-bottom: 20px; text-align: center; color: #000; } .tf-authorization .popup-container_changePassword .subtitle { font-size: 16px; line-height: 19px; text-align: center; padding: 0 20px; margin-bottom: 20px; color: #000; } .tf-authorization .popup-container_changePassword label span { text-align: left; font-weight: 400; font-size: 14px; margin-bottom: 20px; } .tf-authorization .popup-container_changePassword input { border: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0; line-height: 35px; width: 100%; font-size: 18px; padding: 0 10px; margin-bottom: 10px; background: #f1f1f1; } .tf-authorization .popup-container_changePassword .btn-gradient_full { width: 225px; } /*end 2fa-authorization T.Kudriavska*/ /*start MV-11565 Two factor authentication A.Galinskii*/ #two-factor-authentication-panel { margin-top: 30px; text-align: center; } #two-factor-authentication-panel .btn-block { padding-top: 21px; } #two-factor-authentication-panel .btn.transparent { background-color: transparent; border: 2px solid #333; line-height: 36px; } #two-factor-authentication-panel .hidden { display: none !important; } /*end MV-11565 Two factor authentication A.Galinskii*/ /*start MV-12530 Bug on other card repayment form A.Pylypchuk*/ section.payment-content .tab2 ~ .content { z-index: 15; } /*end MV-12530 Bug on other card repayment form A.Pylypchuk*/ .relative { position: relative; } .block-screen-scroll { overflow: hidden; } .block-screen-overlay { display: none; } .block-screen .block-screen-overlay { position: fixed; width: 100%; height: 100vh; left: 0; top: 0; z-index: 100; display: inherit; } /*Usamov U. Bug FIx */ /*98*/ .new-calculators-top-wrapper #PaydayBlock .currency, .new-calculators-top-wrapper .promo { display: none; } #ConfirmBonusItem #dialogButtonConfirm { margin-bottom: 20px; } /*.has-bonus .installment .content {*/ /* min-height: 353px*/ /*}*/ .l-body .langs { z-index: 98; margin: 25px auto; max-width: 1190px; padding: 0 10px; position: absolute; width: 100%; transform: translate(-50%, -50%); left: 50%; background: #fff; } #cms_content p, .cms_content p, .articles-rating .votes span { font-family: inherit; } .new-style-group #allowAutorepayment-styler.jq-checkbox.checked:before { top: 0; } input { font-family: 'montserrat', Helvetica, Arial; } article.article .input_block .block_value { max-width: 50%; } #documents-container.my-credits table { display: inherit; } /*end 98*/ .mobile-titles { display: none; } .tabs-nav__wrapper.hide { display: none; } .nav-edit-button { display: flex; background-color: #ffffff; position: relative; padding: 32px 32px 32px; box-shadow: 8px 0 20px 0 rgba(0, 0, 0, 0.1), -12px 0 20px -4px rgba(0, 0, 0, 0.1); } .nav-edit-button:after, .nav-edit-button:before { content: ""; display: block; position: absolute; top: 0; right: 0; left: 0; z-index: 5; height: 28px; background-color: #ffffff; } @media all and (max-width: 767px) { .nav-edit-button:after, .nav-edit-button:before { display: none; } } .nav-edit-button:after { top: auto; bottom: 0; height: 18px; } .edit-profile.profile-buttons .nav-edit-button .continue.nav-edit__item, .nav-edit-button .nav-edit__item { width: 100%; max-width: 328px; margin-right: 30px; } .nav-edit-button .btn-new { display: block; } .edit-profile .nav-edit-button .nav-edit__text p { margin-bottom: 15px; } .edit-profile.profile-buttons .continue { text-align: inherit; margin: 0; padding: 0; width: auto; } .edit-profile.profile-buttons .continue a { display: inline-block; max-width: 328px; } .edit-profile.profile-buttons .continue button.btn-new, .edit-profile.profile-buttons .continue a { margin-bottom: 15px; width: 100%; } .edit-profile.profile-buttons.z-index--10 { z-index: 10; } .cent { margin-top: 30px; } .img-responsive { max-width: 100%; } .recovery-password-main-error { color: #F2576A; font-size: 15px; } .shouldChangePassword_saveButtonContainer { margin: 20px 0; text-align: center; } .shouldChangePasswordContainer { padding: 20px 30px; } .l-page-registration .isUserExist { width: 100%; max-width: 400px; margin: 0 auto; display: none; } .l-page-registration .isUserExist img { display: block; margin: 15px auto; } .l-page-registration .isUserExist b { text-align: center; font-size: 22px; color: #000; margin-bottom: 40px; } .l-page-registration .isUserExist p { margin-bottom: 25px; } .Controls-module__startBtn___1Kdw0 { background: url("/assets/img/icons/chat.svg") no-repeat center; } .Controls-module__startBtn___1Kdw0 svg { display: none } hr { border: 1px #E2E2E2 solid; } .breadcrumbs ol { padding: 0; } /* --start-- @MEDIA --create media.css and move it-- --Anastasia Sviontkovska-- */ @media only screen and (max-width: 300px) { .promo-window, .vk-friends-list { -webkit-transform: translateY(-51%); box-shadow: 0 1px 0 0 rgba(0, 26, 59, 0.15); height: auto; left: 0 !important; top: 50% !important; transform: translateY(-51%); width: 100% !important; } .promo-window .fancybox-skin .fancybox-outer .fancybox-inner #promo-pop-up form .form-row span { display: block; font-size: 16px; line-height: 1; text-align: center; } } @media only screen and (max-width: 375px) { /*add Oleg.Barannik for News Details*/ .news-details-padding { padding: 0 15px 0 15px; } } @media only screen and (max-width: 436px) { .email-phone .input-box { width: 100% !important; } .change-password .input-box { width: 100% !important; } .change-password a.btn.green { margin-top: 10px !important; text-align: center; } } @media only screen and (max-width: 450px) { /*for payment window iframe content*/ section.payment-content .container form .input-group .input-box { width: 100% !important; } section.payment-content .container form .input-group .label { padding-left: 15px; padding-right: 15px; width: 100%; } section.payment-content .container form .input-group .label span, section.payment-content .container form .input-group .input-box label { padding: 0 15px; text-align: left; width: 100%; } /*CVV part*/ section.payment-content .container form .input-group .input-box .left .panel { top: -300% } /*Add Dmitriy.Bernachuk MV-4879 + Move to pop-up validation message*/ .dialog-window { -webkit-transform: translateY(-51%); box-shadow: 0 1px 0 0 rgba(0, 26, 59, 0.15); height: auto; left: 50% !important; top: 50% !important; transform: translate(-50%, -51%); width: calc(100% - 30px) !important; } .dialog-window-autoheight .fancybox-inner { height: auto !important; } /* ---- payment forms begin ----*/ section.payment-content .tabs { min-height: 650px; margin: 20px 0 0; } section.payment-content .tabs .tab { padding: 15px 0; } section.payment-content .tab .tab2 { line-height: 1; font-size: 15px; } section.payment-content .tab.white .tab2 { line-height: 0; font-size: 13px; } section.payment-content .container form .input-group .input-box label.big.green { text-align: center; top: -19px; font-size: 30px; } section.payment-content .tabs .tab .content .input-group label { text-align: left; } section.payment-content .tab .content .input-group .label, section.payment-content .tab .content .input-group .label span, section.payment-content .tab .content div.expire-date-row div.select-row .label, section.payment-content .tab .content div.expire-date-row div.select-row .label span { padding-left: 0 !important; } section.payment-content .container.tabs form .input-group .input-box input[type='text'] { width: 85%; } section.payment-content .container.tabs form div.expire-date-row div.select-row div.select-group div.select.month { margin: 0 5% 0 0; width: 40%; } /* ---- payment forms end ----*/ .dialog-window-lock .dialog-header .notification { font-size: 16px !important; } /*-----start----- dark-notification ----------*/ .dark-notification-box { right: 0; left: 0; max-width: none; margin: 0 7px; } .dark-notification { max-width: 100%; right: 0; margin: 0 0 13px; } /*-----end------- dark-notification ----------*/ section.payment-content .container form .input-group .input-box label { padding: 0 15px 0 65px; } } @media only screen and (max-width: 480px) { /*for payment window iframe content*/ section.payment-content section.payment-option div span { display: block; height: 2px; } section.payment-content section.payment-option div a.payment-option-link { display: block; line-height: 20px; text-align: center; width: 85%; } /*for payment window iframe content*/ section.payment-content img.banner { display: none; } section.payment-content .container form .row { padding-left: 5px; } /*---------- payments form begin ---------*/ section.payment-content .tab .content .input-group .label span, section.payment-content .tab .content div.expire-date-row div.select-row div.labelExt span { right: auto; } section.payment-content .tabs .tab .content .input-group .input-box { width: 100% !important; } section.payment-content .tab .content div.expire-date-row div.select-row div.labelExt { width: 100%; margin-bottom: 10px; } section.payment-content .tab .content .select-row.input-box .select-group, section.payment-content .container form .input-group .label { width: 100%; } section.payment-content .tab .content .input-group .input-box label.big.green { text-align: center; font-size: 40px; top: -10px; } section.payment-content .tabs { min-height: 630px; margin-bottom: 0; } section.payment-content .container.tabs form .btn-block { top: 10px; } section.payment-content .tab .content .input-group label { text-align: left; } /*---------- payments form end ---------*/ /*--------------- credit status start-----------------------------*/ .l-your-cabinet .prolongation-form.true-grid .tar { padding: 0; } .l-your-cabinet .true-grid .check { top: -250px; padding: 0; } .l-your-cabinet .true-grid .check p { background: #ffffff; } /*--------------- credit status end-------------------------------*/ /* --start-- landings-links -- T.kudryavska */ #links-btn { background: #ffffff; margin: 0 auto 30px; padding: 11px 8px; color: #333; width: 200px; text-align: center; border-radius: 3px; font-size: 16px; display: block; text-decoration: underline; } .text-links_content .text-links_background .links-arrow_up::after { content: "‹"; color: #333; font-weight: bold; font-size: 30px; margin-left: 10px; position: absolute; -webkit-transform: rotate(270deg); transform: rotate(270deg); transition: 0.2s; } .text-links_content .text-links_background .links-arrow_down::after { content: "›"; color: #333; font-weight: bold; font-size: 30px; margin-left: 10px; position: absolute; -webkit-transform: rotate(270deg); transform: rotate(270deg); transition: 0.2s; } .l-landings .text-links_content ul { display: none; padding: 0 15px; } #landing-bottomtext { padding: 0 0 30px 0; } .l-landings .text-links_content .text-links_background { width: 100%; height: 60px; background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0.5))); background: -webkit-linear-gradient(rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 0.5)); background: linear-gradient(rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 0.5)); top: 50px; position: -webkit-sticky; position: sticky; } /* --end-- landings-links -- T.kudryavska */ } @media only screen and (max-width: 568px) { /*faq*/ .l-page-help .container .content p { } .l-page-help .container a { } .l-page-help h3 { font-size: 24px; padding: 15px 25px; } } @media only screen and (max-width: 590px) { .l_my-bonus-credits #bonusItems { min-height: 710px; text-align: center; } #ConfirmBonusItem .header { width: auto; } #bonusItems .owl-item, #ConfirmBonusItem .owl-item { border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; box-sizing: border-box; display: inherit; float: none; height: 320px; width: 230px; margin: auto; } } @media only screen and (max-width: 799px) { /*nco-window*/ .nco-window { left: 15px; width: calc(100% - 30px) !important; } .nco-window .fancybox-skin { padding-left: 10px !important; padding-right: 10px !important; } .nco-window .fancybox-skin .fancy-close { right: 10px; top: 10px; } /* added vasiliy.arkhipov*/ #loadingText { margin-left: 30px; white-space: normal; } .loading-captcha-text { width: 80%; } } @media only screen and (max-width: 767px) and (max-height: 500px) { /*for payment window iframe content*/ section.payment-content section.payment-option div span { display: block; height: 2px; } section.payment-content section.payment-option div a.payment-option-link { display: block; line-height: 20px; text-align: center; width: 85%; } } @media only screen and (max-width: 900px) { /* added vasiliy.arkhipov*/ .l-your-cabinet .repay-loan .pay .m-slider .slider-input { left: 98px; padding: 0 8px; position: absolute; top: 0; width: 100%; } .m-slider input { margin-right: 0; padding: 0 8px; width: 90px; } .m-slider .slider-input .ui-datepicker-trigger { left: 70px; } .l-your-cabinet .prolongation-form .pay .m-slider .slider-input { left: 98px; padding: 0 8px; } } @media only screen and (max-width: 991px) { /*--------------- scrollbar-box start-----------------------------*/ .scrollbar-box { max-width: inherit; height: 100%; text-align: justify; margin: 50px 15px 0; padding-right: 0; font-size: 14px; } .scrollbar-box > h1 { font-size: 24px; } .scrollbar-box > h2 { font-size: 22px; } .scrollbar-box > h3 { font-size: 20px; } .scrollbar-box > h4 { font-size: 18px; } .scrollbar-box > p { color: #5d7282; font-size: 14px; line-height: 1.4; } .l-news .video-container { margin: 0 auto; padding: 20px 0 0; } .l-news .video { margin: 0 auto; height: 300px; } /*--------------- scrollbar-box end-----------------------------*/ .l-contacts-page .contact-us .captcha-block .input-block label { display: block; position: static; text-align: left; width: 100%; } .l-contacts-page .contact-us .captcha-block .input-block .input-wrap { width: 100%; } .l-contacts-page .contact-us .captcha-block .input-block .input-wrap input { max-width: 100%; } /* added vasiliy.arkhipov*/ .l-your-cabinet .repay-loan .pay .m-slider .slider-input { left: 98px; width: 100%; } .m-slider input { margin-right: 0; } .l-your-cabinet .prolongation-form .pay .m-slider .slider-input { left: 100px; width: 100%; } .l-list-block .img img { max-height: 100px; } .l-list-block span { min-height: 65px; } /*--------------- credit status start-----------------------------*/ .l-your-cabinet .repay-loan.true-grid .pay .m-slider .slider-input { left: auto; right: 0; max-width: 125px; white-space: nowrap; padding: 0; } .l-your-cabinet .repay-loan.true-grid .pay .m-slider .slider .slider-title { max-width: 50%; padding: 0; } .l-your-cabinet .repay-loan.true-grid .pay .m-slider .slider label { line-height: 25px; } /*--------------- credit status end-----------------------------*/ /*intallment in creditsate*/ .installment .slider-next { display: none; } } @media only screen and (max-width: 1200px) { /*Loan page button styles*/ .status .status-item .description .button a { float: none; margin-bottom: 5px; margin-right: 5px; } /*start newCart PaymentRejection A.Galynskyi*/ .status .status-item .description .button-newCart .btn { margin: 0; margin-bottom: 5px; } /*end newCart PaymentRejection A.Galynskyi*/ /*add Oleg.Barannik for News Details*/ .news-details, .news-details-padding { padding: 0 15px 0 15px; } /* ссылки на лендинги */ .text-links_content a { line-height: 15px; } /*--------------- credit status start-----------------------------*/ .l-your-cabinet { position: relative; } .l-your-cabinet .repay-loan .pay .m-slider .slider label { max-width: 50%; line-height: 25px; } .l-your-cabinet .repay-loan.true-grid .pay .m-slider .slider-input { right: 0; } /*--------------- credit status end-----------------------------*/ /*intallment in creditsate*/ .installment .slider-next { min-width: 80px; } .l-your-cabinet .installment .repay-loan .pay .m-slider { padding: 17px 10px 24px 10px; } .l-your-cabinet .installment .repay-loan .pay .m-slider .slider label { font-size: 16px; line-height: 35px; } .l-your-cabinet .installment .repay-loan .pay .m-slider .slider-input { left: 65px; width: 140px; padding: 0; } .installment .m-slider input { padding: 0 10px; width: 80px; } .installment .m-slider .slider-input .ui-datepicker-trigger { left: 50px; } /*enotcoin in creditstate - return credit*/ .l-your-cabinet .true-grid .creditstate .tar .enotcoin-before { max-width: 100%; padding: 0 15px; } /*------start-right sidebar---------T.Kudriavska------------------------*/ .sidebar-menu { right: -290px; } .sidebar-arrow { height: 50px; width: 50px; font-size: 32px; border-radius: 3px; right: 20px; font-weight: bold; cursor: pointer; top: calc(50% - 35px); } .slidebar-btn_tablet { display: block; -webkit-transform: rotate(270deg) scale(1) skew(1deg) translate(0); -ms-transform: rotate(270deg) scale(1) skew(1deg) translate(0); transform: rotate(270deg) scale(1) skew(1deg) translate(0); font-weight: 600; color: #74b23a; font-size: 18px; width: 240px; position: fixed; top: calc(50% - 35px); right: -100px; text-align: center; cursor: pointer; } .sidebar-right-btn .sidebar-arrow { right: 20px; bottom: 8px; } .sidebar-right-btn.open .sidebar-arrow { bottom: 143px; } /*------end right-sidebar---------T.Kudriavska------------------------*/ } @media only screen and (max-width: 1200px) and (min-width: 436px) { .email-phone .input-box { width: 100% !important; } .change-password .input-box { width: 100% !important; } } @media only screen and (min-width: 451px) { /*Add Dmitriy.Bernachuk MV-4879 + Move to pop-up validation message*/ .dialog-window { width: 356px !important; } } @media only screen and (min-width: 540px) { .dialog-window-lock { width: 550px !important; } } @media only screen and (min-width: 1200px) { .m-panel.xl-view { display: none; } #documents-container.xl-view table { display: table; } } @media only screen and (min-width: 560px) { .m-panel:not(.xl-view) { display: none; } #profile-documents-container:not(.xl-view) table { display: block; } #documents-container:not(.xl-view) table{ display: block; } } @media only screen and (min-width: 768px) { /*initially it was 767*/ #documents-container > .button { float: left; margin-left: 10px; } /* check this later */ /*styles for PCO*/ .l-pco .slider-invest .m-slider { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 15px 0 0 20px; width: 66.66667%; } .l-pco .slider-invest .total { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 24px 0 20px 15px; width: 33.33333%; } /* Add oleg.barannik for social Network Likers*/ /*initially it was 767*/ .socialNetworksLiker { float: left; } /*initially it was 767*/ .getcredit { display: inline-block; /*float: right;*/ /*deleted A.Sviontkovskaya*/ } /*++++ l-footer*/ .l-footer .l-footer-info .btn.small { font-size: 13px; padding: 0 10px; } .l-footer .l-footer-info .phone li { font-size: 18px; } /* loyality main block */ .loyality-block { background: #E3F0F7 repeat scroll left top; padding: 55px 0; } .loyality-block { padding: 55px 0; } /* indents on main page (Nastya)*/ .l-news .list-news, .l-reviews { padding: 50px 0; } .round-checkbox { padding: 0 10px 0 30px; } } @media only screen and (min-width: 992px) { /*styles for PCO*/ .l-pco .slider-invest .total { padding: 24px 20px 20px 15px; } /*++++ l-footer*/ .l-footer .l-footer-info .btn.small { font-size: 16px; padding: 0 26px; } .l-footer .l-footer-info .phone li { font-size: 24px; } /* loyality main block */ .loyality-block { background: #E3F0F7 repeat scroll left top; padding: 110px 0 95px; } } @media (max-width: 767px) and (min-width: 450px) { .secretCardNumber { padding: 0 0 !important; } .secretCardNumber .col-4 { padding: 0 0 !important; width: 33.33333% !important; } } @media only screen and (max-width: 767px) { .l-header .navbar-header .navbar-toggle { display: none; } .secretCardNumber { padding: 0 !important; } /* --start-- original 767px */ /*remove native style for safari*/ #documents-container .input-group .input-box { width: 100%; } #documents-container .input-group label { height: auto; width: 100%; } #documents-container .input-group label span { padding: 0 15px; text-align: left !important; width: 100%; } /*label for personal office*/ .l-your-cabinet form .new-style-group .input-group label { padding-left: 0; height: auto !important; min-height: 20px; } /*added max.bernachuk begin NewRegistration */ .l-your-cabinet form .input-group .m-switch label { padding-left: 0; } .l-your-cabinet form .new-style-group .input-group label span { padding: 0; } /*added max.bernachuk begin checkBox */ .empty-label { height: 0 !important; overflow: hidden; } .edit-profile .row h2 { padding-bottom: 20px; } .edit-profile .btn-new, .edit-profile .btn-new-transparent { min-width: 200px; display: inline-block; } /*make all btn width for mob view m.bernachuk*/ input[type="submit"].btn.green { margin-bottom: 15px; width: 100% !important; } /*added m.bernachuk checkbox*/ .l-form-registration .check { padding: 0 10px; width: calc(100% - 30px) !important; } .l-contacts-page .contact-us .captcha-block { margin-top: -20px; } /*style for date selector CMMyyyy*/ div.expire-date-row div.select-row div.select-group { float: inherit; width: auto; } /*Payment dialog style*/ .payment-window { -webkit-transform: translateY(-51%); box-shadow: 0 1px 0 0 rgba(0, 26, 59, 0.15); transform: translateY(-51%); width: 100% !important; } /*На удаление, после редизайна статусов.*/ /*Application status*/ .l-your-cabinet .field-reports.red { background-image: none; padding: 0 36px; } .l-your-cabinet .field-reports.red p { padding: 27px 0; } .status .status-item .description:only-of-type { float: none; margin: 0; width: 100%; } .status .status-item .description p:first-child { font-size: 17px; } .status .status-item .description p { font-size: 14px; line-height: 18px; margin-bottom: 5px; } .status .status-item.close-a-debt .description { width: 100%; } .status .status-item.time .generationwait { text-align: center; } .quote p { font-size: 15px; } /*Vitaliy.Tetyanich to fix issue MV-4673*/ #slider1, #slider2 { top: 8px !important; } /*Loan page button styles*/ .status .status-item .description .button a { display: block; float: none; margin-bottom: 15px; } .col-r-footer { text-align: center; } /*Melnik. MV-4892*/ .jq-selectbox__select, .jq-selectbox__dropdown { text-align: left; } /*Credit state total*/ .l-your-cabinet .send { width: 100%; } .l-your-cabinet .send .promo-code { margin-left: 0; margin-top: 15px; width: 100%; } /*Vitaliy.Tetyanich for clabe/card switch*/ .payment-method { margin-left: 0; margin-right: 0; } .payment-method > div { width: 300px; } .payment-method label.left, .payment-method label.right { margin: 0; width: auto; } /* Add oleg.barannik for social Network Likers*/ .socialNetworksLiker .vk { padding-left: 45%; padding-right: 45%; } /*add Vitaliy.Tetyanich for validation tooltips in mobile view*/ .l-main .input-box span.tooltipstered { display: block !important; } .l-main .payment-content .tab .input-box span.tooltip-info { /*by A.Sviontkovska*/ display: none !important; } .l-main .input-box { width: 100% !important; } /*ApplicationConfirmation max.bernachuk*/ .credit-info-mini .container form .left { /*margin-bottom: 15px;*/ } .credit-info-mini .container form .repay-loan .pay .m-slider .input-group.continue.row input { float: none; margin-top: 15px; } .credit-info-mini .container form .repay-loan .pay .m-slider .input-group.continue.row { text-align: center; } /*added style max.bernachuk newRegistration*/ .l-form-registration form .input-group .m-switch label span { display: block; } /* Add for News Details*/ .gray-stripe .container { text-align: center; } .additional-contactcs-container .mobile-hidden { display: none; } .additional-contactcs-container .mobile-visible-and-fullsize-hidden { display: block; } .additional-contactcs-container { width: inherit; } .additional-contactcs-container .add-new-button-conatiner { margin-right: 49px; margin-top: 8px; text-align: right; } .head-label { padding: 0 12px; text-align: left; width: 100%; } /* add Oleg.Barrannik for Edit Profile*/ .edit-profile .edit-form .input-box .jq-checkbox { float: left; } #cardVerification .button-container a.btn, #cardVerification .button-container input[type="submit"].btn { display: block; margin: auto; width: 90% !important; } #cardVerification .button-container input[type="submit"].btn { margin-bottom: 20px; } #cardVerification .input-group img { float: none; margin: auto; width: 50px; } /* add Oleg.Barrannik for Contact*/ .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .left .item-wrapper .phone-item, .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .right .item-wrapper .phone-item { float: left; } /*add, make all btn width for mob view m.bernachuk*/ .l-form-registration .row .input-group .button a.btn { margin-left: 0; } /* add Vitaliy.Tetyanich for card add ukr*/ div#PreauthSumInputGroup.input-group { margin: auto; width: 90%; } #PreauthSumInputGroup .input-box { margin: 0 auto; width: calc(100% - 45px) !important; } #PreauthSumInputGroup .input-box .tooltip-error { right: -33px; top: 17px; } /*add Vitaliy.Tetyanich for ukr card buttons*/ .with-return-url.button-container > .continue > div { margin: inherit; width: inherit; } .with-return-url.button-container > .continue > div > #return-button { float: inherit; } .with-return-url.button-container > .continue > div > #button-continue, .with-return-url.button-container > .continue > div > #btnContinue { float: inherit; } /* add Vasiliy.Arkhipov*/ .with-return-url.card-and-bank.button-container > .continue > div { margin: inherit; width: calc(100% - 30px); } .with-return-url.card-and-bank.button-container > .continue > div > #return-button { float: left; margin-left: 10px; margin-top: 20px; padding-left: 0 !important; width: calc(96% + 2px) !important; } .with-return-url.card-and-bank.button-container > .continue > div > #button-continue, .with-return-url.card-and-bank.button-container > .continue > div > #btnContinue { float: left; margin-left: 10px; width: calc(96% + 2px) !important; } /* add Vasiliy.Arkhipov*/ .inline-controls { float: left; } .inline-controls.rigth-floated { float: right; } .bank-account .input-group > label { text-align: left; } #captcha_img { float: left; margin-left: 5px; } input[type="submit"].btn.green.single-button { margin-left: 0; } /*add Oleg.Barannik for News Details*/ .getcredit a.btn.green { margin-bottom: 10px; } .l-form-registration .with-bank .select.month { margin: 0; padding-right: 15px; width: 50%; } .l-form-registration .with-bank .select.year { margin: 0; padding-left: 15px; width: 50%; } /* added vasiliy.arkhipov*/ .l-your-cabinet .repay-loan .pay .m-slider .slider-input, .l-your-cabinet .prolongation-form .pay .m-slider .slider-input { width: auto; } /*inputs*/ .report-typo-button { float: none; width: 100%; } .l-footer .l-footer-info p { margin-top: 40px; } .col-r-footer { text-align: center; } /* Social */ .social { -webkit-padding-start: 0; } .social li { margin-right: 5px; } /* loyality main block */ .loyality-block { background: #E3F0F7 repeat scroll left top; padding-bottom: 50px; padding-top: 40px; } .loyality-block { padding-bottom: 50px; padding-top: 40px; } .loyality-block span { padding-bottom: 10px; padding-top: 25px; } .loyality-block .col-3 + .col-3 { padding-top: 45px; } /* aligning multisection blocks */ .block-title { height: auto; } /* aligning multisection blocks */ .l-your-cabinet form .phone-to-verify .input-group label { padding-left: 5px; text-align: left; width: 35%; min-width: 180px; } .l-your-cabinet form .phone-to-verify .input-group label span { padding: 0; } .l-main .phone-to-verify .input-box { width: 54px !important; padding: 0; } /* --end-- original 767px */ /*faq*/ .l-page-help .container .content p { font-size: 16px; padding: 0 5px; } .faqh2 { text-align: left !important; padding-left: 5px !important; } .faq-details { font-size: 16px; padding: 0 5px; } .faq-details p, .faq-details li { font-size: 16px; } .l-page-help h3 { font-size: 30px; padding: 25px 25px; } /* For News Details*/ .fixed-news-title { font-size: 18px; line-height: 1.21429; } .news-arrow { display: none; } .return-to-list { text-align: center; } #cvv2_keyboard.above_cvv { top: inherit; bottom: 45px; } .contract-content .apply_contract_wrapper .btn-block .btn { width: 120px !important; } section.payment-content .tab { width: 50%; } section.payment-content .tab .content .row { padding: 0; } section.payment-content .tab .content .input-group .input-box { width: 67% !important; } section.payment-content .tab .content .input-box { width: auto !important; } section.payment-content .tab .content .input-group label { padding-left: 0; text-align: right; } section.payment-content .tab:last-child { margin-left: 0; } section.payment-content .tab .tab2 { font-size: 15px; } section.payment-content .tab { padding: 20px 0; } section.payment-content .container form .btn-block { position: relative; top: 50px; padding-top: 15px; } /* ---- payment forms end ----*/ /*--------------- credit status start-----------------------------*/ .repay-loan.true-grid { } .l-your-cabinet .true-grid .pay { padding: 0; } .l-your-cabinet .repay-loan.true-grid .pay .m-slider .slider-input, .l-your-cabinet .prolongation-form.true-grid .pay .m-slider .slider-input { width: 50%; left: inherit; text-align: right; padding: 0; white-space: nowrap; } .l-your-cabinet .repay-loan.true-grid .pay .m-slider .slider label { max-width: 50%; line-height: 25px; } .true-grid .m-slider .slider-input .ui-datepicker-trigger { left: inherit; right: 41px; } .prolongation-form.true-grid #prolongateNow { margin: 80px 0 0 0; } .l-your-cabinet .true-grid .check { margin: 0; position: relative; top: -240px; padding: 0 20px; } .l-your-cabinet .true-grid .check p { background: aliceblue; } /*--------------- credit status end-----------------------------*/ /*change block in main page "how to return loan"*/ .l-get-money .tabs-content span { text-align: center; } .l-get-money .tabs-content .block-wrap p { margin-bottom: 0; } .l-get-money .tabs-content .col-4:last-child { padding-bottom: 50px; } /*change block in main page "how to return loan"*/ section.payment-content .tab .content .input-group .input-box.topup-input-correction { width: auto !important; } .email-resend .input-box { width: 85% !important; width: calc(95% - 10px) !important; } /*name for card*/ .card-name .input-group { max-width: 320px; text-align: left; } .card-name .tooltip-info { top: 45px; right: -4px; } /*----begin-----------popup with promocode and enotcoin-------*/ .promo-window { width: 280px !important; } /*loyality program - about (Nastya)*/ .input-group.apply-promocode .apply-enotcoin { position: absolute; top: 48px; left: 158px; } /*------start-right sidebar---------T.Kudriavska------------------------*/ .sidebar-menu.open { bottom: 0; transition: all 0.5s cubic-bezier(0.4, 0, 1, 1) 0s; border-radius: 10px 10px 0 0; } .sidebar-menu { bottom: -495px; right: 0; top: auto; width: 100%; border-radius: 0; position: fixed; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .sidebar-menu .sidebar-item { width: 100%; } .slidebar-btn_tablet { -webkit-transform: rotate(360deg) scale(1) skew(1deg) translate(0); -ms-transform: rotate(360deg) scale(1) skew(1deg) translate(0); transform: rotate(360deg) scale(1) skew(1deg) translate(0); bottom: 0%; left: 0; height: 55px; top: auto; width: 100%; background: #fff; line-height: 75px; z-index: 4; } .sidebar-arrow { top: auto; bottom: 15px; left: calc(50% - 40px); z-index: 5; -webkit-transform: rotate(90deg) scale(1) skew(1deg) translate(0); transform: rotate(90deg) scale(1) skew(1deg) translate(0); transition: bottom 0.3s; } .sidebar-right-btn.open .sidebar-arrow { -webkit-transform: rotate(270deg) scale(1) skew(1deg) translatey(25px) translatex(-1px); -ms-transform: rotate(270deg) scale(1) skew(1deg) translatey(25px) translatex(-1px); transform: rotate(270deg) scale(1) skew(0deg) translatey(25px) translatex(-1px); display: block; color: #73bc18; background-color: rgba(256, 256, 256, 1); width: 25px; height: 40px; line-height: 40px; z-index: 4; transition: bottom 0.2s linear 0.3s; font-size: 25px; } .sidebar-right-btn.open .sidebar-menu { bottom: 0px; overflow-y: scroll; height: 150px; } .sidebar-menu::-webkit-scrollbar { width: 8px; background-color: #f1f7fb; } .sidebar-menu::-webkit-scrollbar-thumb { width: 8px; background-color: #73bc18; } .sidebar-right-btn { z-index: 50; } /*------end right-sidebar---------T.Kudriavska------------------------*/ /* fix mobile calculator button --- Nastya --- */ /*renew agreement*/ .apply_contract_wrapper .confirm-tel .text, .apply_contract_wrapper .confirm-tel .resend { text-align: center; } /*renew agreement*/ /*start --- banner for private office--- T.Kudryavska*/ .status-wrap .banner { height: auto; padding: 10px; } .status-wrap .banner-insides { flex-direction: column; } .status-wrap .banner-insides div { text-align: center; width: 100%; font-size: 18px; } .status-wrap .banner-img { margin: 0; } .status-wrap .banner-img img { width: 25px; } .status-wrap .banner-text { padding: 5px 0 0 0; } .status-wrap .banner-text_big { font-size: 18px; } .status-wrap .banner-text_small { font-size: 16px; } .status-wrap .banner-btn .btn-gradient { width: 224px; margin: 28px auto 10px; } /*end --- banner for private office--- T.Kudryavska*/ #landing-bottommenu { display: block; margin-bottom: 15px; } } @media only screen and (min-width: 481px) { .l-home .die { background: #f1f7fb; } } @media only screen and (max-width: 1199px) { .shadow-line { display: none; } } @media only screen and (max-width: 480px) { .row { min-height: 0; } .credit-info-mini .mbl.slider-invest.creditstate { padding: 0 15px; } /*-----------end------------------ mobile-sliders ---------------------------*/ #landing-moneytutorial { padding: 0; } #landing-newsonmainpage { padding: 0; } #landing-newsonmainpage .owl-controls { display: none !important; } .l-news .news-footer { margin-top: 35px; } #landing-newsonmainpage .video { margin: 0; height: 205px; width: 100%; } #landing-newsonmainpage .frame { width: 100%; position: initial; } #landing-newsonmainpage .video-container { padding: 0; float: none; } #landing-reviews { padding: 35px 0; } .owl-controls { padding: 0 !important; } #sliser-reviews { padding: 0; } #sliser-reviews .message.data { padding: 0; text-align: center; } #sliser-reviews .name { font-size: 18px; } #landing-bottomtext { padding: 0; } .l-footer .l-footer-info { padding-bottom: 0 !important; } .col-r-footer > .col-12 { display: none; } #landing-bottomtext p { font-size: 12px; } .owl-controls .owl-pagination { display: inline-block; vertical-align: middle; zoom: 1; } .l-reviews .owl-controls .owl-pagination .owl-page, .l-quality .owl-controls .owl-pagination .owl-page { background: rgba(143, 171, 185, 0); } .owl-controls .owl-pagination .owl-page { background: rgba(143, 171, 185, 0); float: left; height: 14px; margin: 0 8px; width: 14px; border-radius: 50%; border: 2px solid #8fabb9; transition: all 0.2s linear; } .owl-controls .owl-pagination .owl-page.active { background-color: #8fabb9; } .fancybox-opened { transition: all 0.2ms linear; box-shadow: 0 1px 200px 250px rgba(95, 95, 95, 0.78); } .l-landings .text-item .text-item_head { line-height: 16px; } section.payment-content .topup-input-correction > span.tooltip-error { top: -35px; right: 40px; } /*intallment in creditsate*/ .l-your-cabinet .installment .repay-loan .pay .m-slider .slider label { padding: 0; } .l-your-cabinet .installment .repay-loan .pay .m-slider .slider-input { left: 55px; width: 150px; } } @media all and (max-width: 810px) { .mobile-payment .mobile__confirmation-code { justify-content: center; width: 100%; margin-right: auto; } .mobile-payment .mobile-payment__text .change-num { top: 100%; } } @media all and (max-width: 768px) { .ui-modalup { overflow: scroll; } .ui-selection { width: 100%; margin-bottom: 10px; } .ui-selection--package { padding: 0; order: 2; } .ui-selection--warning { padding-left: 28px; } .ui-selection--unregistered { flex-direction: column-reverse; } } @media only screen and (max-width: 767px) { .first-entrance { display: block; } .first-entrance .exit { display: none; } .first-entrance .btn-login { background: url("/images/in.png") no-repeat; display: inline-block; height: 24px; margin: 0 10px 0 0; transition: all 0s ease; vertical-align: middle; width: 24px; padding: 0; border: 0; color: rgba(255, 255, 255, 0); position: absolute; top: 13px; right: 27%; overflow: hidden; } .l-form-registration .changes-warning { text-align: center; } /*intallment in creditsate*/ .installment { padding: 80px 0 0; } .installment .slider-next { display: block; } .installment label h4 { font-size: 16px; } .installment label p { display: none; } .installment label[for^="tab-"] { padding: 15px 0; } .installment .notification { z-index: 9999; left: 0; width: 100%; } .installment .notification .arrow-black { left: calc(75% - 20px); } .installment .arrow { width: 20px; height: 20px; top: 54px; } .l-your-cabinet .installment .repay-loan .pay .m-slider .slider { margin-top: 0; } .installment .slider-next { width: 80px; } .contract-content .apply_contract_wrapper .btn-block .btn { width: 200px !important; } .popup-contract .apply_contract_wrapper .confirm-tel { margin-bottom: 0; } .popup-contract .contract-content .apply_contract_wrapper .btn-block .btn-gradient_right.btn { margin-top: 10px; } } /*==Start contacts-page Kudriavska T.==*/ @media only screen and (max-width: 767px) { .l-contacts-page .contacts-info .row { padding: 30px 0; } .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .left .item-wrapper .phone-item, .l-contacts-page .phone-list .container .wrap .row .phone-wrapper .right .item-wrapper .phone-item { float: none; } } /*==End contacts-page Kudriavska T.==*/ /* start btn-payment Kudriavska*/ @media only screen and (max-width: 767px) { .btn-information { display: inline-flex; justify-content: space-around; } .btn-payment_mob { height: 32px; line-height: 26px; border: 2px solid #748ea4; font-size: 12px; width: 110px; margin-right: 10px; } .btn-payment_mob:hover { font-size: 12px; width: 105px; height: 30px; line-height: 26px; } } @media only screen and (max-width: 480px) { .btn-payment_mob { display: none; } } /* end btn-payment Kudriavska*/ body { margin: 0; background: #fff none repeat scroll 0 0; overflow-x: hidden; } .status-wrap .appeal-text p { margin: 20px 70px 0; color: #333; font-size: 18px; } .status-wrap .choose { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 50px auto; color: #333; max-width: 730px; } .status-wrap .choose-icon { width: 21%; } .status-wrap .choose-list { width: 79%; } .status-wrap .choose-list_title { font-weight: 600; font-size: 24px; margin: 12px auto 25px; } .status-wrap .choose-list_title_promo { margin-top: 0; } .status-wrap .choose-list_options { border-radius: 24px; background: #333; } .status-wrap .choose-list_options #links-btn { display: block; } .status-wrap .choose-list_promo { max-width: 350px; margin-left: 39%; } .status-wrap .choose-list_promo .list-item_promo { padding-top: 0; } .status-wrap .choose-list_promo li { font-size: 18px; padding-bottom: 10px; } .status-wrap .choose-list_promo li:last-child { padding-bottom: 20px; } .status-wrap .list-options_text:hover { text-decoration: none; color: #fff; } .status-wrap .list-options_text span { color: #fff; } .status-wrap .list-options_text_up { box-shadow: none; } .status-wrap .list-options_round { width: 46px; height: 46px; background: linear-gradient(90deg, #71AE23 0%, #22425B 100%); border-radius: 50%; position: absolute; right: 1px; top: 1px; } .status-wrap .list-options_arrow { position: absolute; right: 28%; top: 21%; } .status-wrap .list-options_arrow_right { transform: rotate(270deg); } .status-wrap .list-options_arrow_up { transform: rotate(180deg); } .status-wrap .list-item_mob, .list-item { display: none; font-weight: 500; font-size: 24px; background-color: #333; color: #fff; border-radius: 0 0 22px 22px; text-decoration: none; padding-left: 50px; text-align: left; list-style-type: decimal; } .status-wrap .description_promo { width: 100%; text-align: left; margin-top: 20px; } .status-wrap .main-title { color: #333; font-weight: bold; font-size: 32px; text-align: center; line-height: 1.2; margin: 20px 0 0; } .status-wrap .main-title_left { text-align: left; } .status-wrap .main-img { text-align: center; margin-top: 35px; } .status-wrap .btn-group { margin-top: 70px; } .status-wrap .message { text-align: center; color: #22425B; } .status-wrap .message-title { margin: 25px 0 20px; font-weight: 700; font-size: 20px; } .status-wrap .message-text { max-width: 730px; font-weight: 400; font-size: 20px; margin: auto; } .status-wrap .btn-group { margin: 50px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .status-wrap .btn-group_right { line-height: 40px; position: relative; z-index: 1; margin: 0 20px; } .status-wrap .btn-group_right:hover { text-decoration: none; color: #fff; } .status-wrap .btn-group_right:active { background: linear-gradient(270deg, #22425B -82.46%, #8AC64D 100%); box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25); } .status-wrap .btn-group_right::before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; border-radius: 6px; background-image: linear-gradient(90deg, #333 0%, #8AC64D 100%); z-index: -1; transition: opacity 0.5s linear; opacity: 0; } .status-wrap .btn-group_right:hover::before { opacity: 1; } .status-wrap .btn-group_left { line-height: 36px; font-weight: normal; border: none; box-sizing: border-box; position: relative; z-index: 1; } .status-wrap .btn-group_left:hover { text-decoration: none; color: #333; } .status-wrap .btn-group_left span { background: #fff; width: 250px; height: 36px; display: block; border-radius: 6px; margin-left: -4px; color: #333; } .status-wrap .btn-group_left::before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; border-radius: 6px; background-image: linear-gradient(90deg, #22425B 0%, #8AC64D 100%); z-index: -1; transition: opacity 0.5s linear; opacity: 0; } .status-wrap .btn-group_left:hover::before { opacity: 1; } .status-wrap .btn-group_left_link span { margin: 2px 0 0 2px; } .status-wrap .btn-group_big { width: max-content; padding: 0 25px; line-height: 40px; position: relative; z-index: 1; border: none; } .status-wrap .btn-group_big:hover { text-decoration: none; color: #fff; } .status-wrap .btn-group_big:active { background: linear-gradient(270deg, #22425B -82.46%, #8AC64D 100%); box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25); } .status-wrap .btn-group_big::before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; border-radius: 6px; background-image: linear-gradient(90deg, #22425B 0%, #8AC64D 100%); z-index: -1; transition: opacity 0.5s linear; opacity: 0; } .status-wrap .btn-group_big.opacity-show::before { opacity: 1; } .status-wrap .btn-group_big:hover::before { opacity: 1; } .status-wrap .btn-group_big_promo { width: 280px; font-weight: 400; text-transform: capitalize; } .status-wrap .btn-group__between { justify-content: space-between; } .status-wrap .popup { width: 680px; height: 438px; background: #FAFAFA; box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); border-radius: 20px; padding: 37px 40px; } .status-wrap .popup-title { font-size: 32px; text-align: left; font-weight: bold; color: #333; } .status-wrap .popup-description { margin: 30px 6px 50px 0; position: relative; font-size: 14px; color: #333; padding: 0 35px; letter-spacing: 0.3px; line-height: 1.3; } .status-wrap .popup-description_text { max-width: 410px; } .status-wrap .popup-description_checkbox { display: inline-flex; padding: 45px 0 0; } .status-wrap .popup-description_checkbox label { font-size: 14px; color: #333; padding-left: 25px; font-weight: normal; width: 100%; text-align: left; line-height: 1.3; letter-spacing: 0.3px; } .status-wrap .popup-description_checkbox input[type="checkbox"]:checked, .status-wrap .popup-description_checkbox input[type="checkbox"]:not(:checked) { display: none; } .status-wrap .popup-description_checkbox input[type="checkbox"]:checked + label, .status-wrap .popup-description_checkbox input[type="checkbox"]:not(:checked) + label { display: inline-block; position: relative; padding-left: 50px; line-height: 18px; cursor: pointer; } .status-wrap .popup-description_checkbox input[type="checkbox"]:checked + label:before, .status-wrap .popup-description_checkbox input[type="checkbox"]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 0; width: 32px; height: 32px; border: 2px solid #333; box-sizing: border-box; border-radius: 4px; background-color: #ffffff; } .status-wrap .popup-description_checkbox input[type="checkbox"]:checked + label:after, .status-wrap .popup-description_checkbox input[type="checkbox"]:not(:checked) + label:after { content: ""; position: absolute; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; left: 6px; top: 7px; width: 20px; height: 13px; border-radius: 1px; border-left: 4px solid #333; border-bottom: 4px solid #333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .status-wrap .popup-description_checkbox input[type="checkbox"]:not(:checked) + label:after { opacity: 0; } .status-wrap .popup-description_checkbox input[type="checkbox"]:checked + label:after { opacity: 1; } .status-wrap .popup-img { position: absolute; top: -9%; right: -100px; } .status-wrap .popup_unsubscribeEmail { display: none; opacity: 1; position: fixed; top: 45%; left: 50%; margin-top: -216px; margin-left: -340px; z-index: 5; } .status-wrap #overlay-dark { z-index: 3; position: fixed; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none; } .status-wrap .jq-checkbox { border: 2px solid #333; border-radius: 4px; height: 32px; width: 34px; margin-top: 3px; } .status-wrap .jq-checkbox.checked:before { top: 5px; } .status-wrap .block { max-width: 840px; margin: 80px auto 0; } .status-wrap .block-promo { max-width: 730px; } .status-wrap .block-up { display: flex; width: 100%; justify-content: space-around; } .status-wrap .block-up .block-icon img { margin-left: 20px; } .status-wrap .block-up .block-icon_promo img { margin-left: 0px; } .status-wrap .block-up_promo { justify-content: space-between; } .status-wrap .block-down { display: flex; width: 100%; justify-content: space-around; margin: 80px 0 0; } .status-wrap .block-btn { display: inline-flex; justify-content: center; width: 100%; } .status-wrap .block-description { color: #333; width: 71%; } .status-wrap .block-description_title { font-weight: 600; font-size: 24px; text-align:center; } .status-wrap .block-description_text { font-weight: 400; font-size: 18px; } .status-wrap .block-description_btn { background: #333; color: #fff; font-size: 18px; max-width: 350px; height: 48px; border-radius: 40px; line-height: 48px; position: relative; display: block; cursor: pointer; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); margin-top: 25px; margin-left: 38%; } .status-wrap .block-description_btn-text { padding-left: 31px; } .status-wrap .block-description_btn span { font-weight: 400; color: #fff; } .status-wrap .block-description_random { display: inline-block; width: 100%; margin-left: 50.5%; } .status-wrap .block-description_random input[type=file] { position: absolute; left: -9999px; } .status-wrap .block-description_addPhoto { box-shadow: none; padding: 0; margin-left: 0; width: auto; height: auto; } .status-wrap .block-description input[type=file] { position: absolute; left: -9999px; } .status-wrap .block-description_promo input[type=file] { position: absolute; left: -9999px; } .status-wrap .block-description_promo label { margin-left: 45%; } .status-wrap .block-link { font-size: 18px; text-align: center; text-decoration-line: underline; color: #EC2127; display: block; margin: 40px 0; } .status-wrap .block-promo { display: none; } .status-wrap .block-promo-text { font-size: 18px; text-align: center; color: #333; margin: 20px auto 50px; max-width: 600px; display: none; } .status-wrap .block-promo-text a { color: #257DC3; text-decoration: underline; } #list-files ul, #list-photo ul { list-style-type: none; color: #333; font-size: 18px; padding-left: 0; } #list-files ul li strong, #list-photo ul li strong { font-weight: 400; position: relative; pointer-events: none; } #list-files ul li, #list-photo ul li { position: relative; pointer-events: none; } #list-files ul li:after, #list-photo ul li:after { content: "x"; position: absolute; cursor: pointer; pointer-events: all; } .links-text { text-decoration: underline; } #list-files ul { margin-left: 256px; } #list-files ul li:after { right: 40px; } #list-photo ul { margin-left: 25px; line-height: 1.5; margin-top: 5px; } #list-photo ul li:after { right: 18px; } @media only screen and (max-width: 990px) { .status-wrap .block-icon { width: 11%; } .status-wrap .block-description_random { max-width: 316px; } } @media only screen and (max-width: 768px) { .status-wrap { padding: 0 15px; } .status-wrap .choose { flex-direction: column; justify-content: center; width: 100%; margin: 35px 0; } .status-wrap .choose-icon { width: 100%; text-align: center; } .status-wrap .choose-icon img { margin-left: 31px; } .status-wrap .choose-list { text-align: center; margin: auto; width: 100%; } .status-wrap .choose-list_promo { margin: 0 auto; } .status-wrap .choose-list_title_promo { font-size: 18px; margin: 10px 20px 20px 20px; } .status-wrap .appeal-text p { margin: 0; font-size: 14px; } .status-wrap .appeal-text p:last-child { margin-top: 10px; } .status-wrap .btn-group { flex-direction: column; } .status-wrap .btn-group_right { margin: 15px auto 0; } .status-wrap .btn-group_left { margin: auto; } .status-wrap .btn-group_big { margin: 0 auto; } .status-wrap .btn-group_big_promo { margin: auto; max-width: 350px; } .status-wrap .popup_unsubscribeEmail { width: 100%; left: 0; margin: auto; padding: 20px 10px; border-radius: 20px 20px 0 0; bottom: 0; top: auto; } .status-wrap .popup-description_text { max-width: 519px; } .status-wrap .description_promo { font-size: 14px; } .status-wrap .popup-img { position: absolute; top: 28%; right: -92px; } .status-wrap .popup-img img { width: 65%; } .status-wrap .btn-group_between { flex-direction: inherit; } .status-wrap .btn-group_between button:first-child { margin-top: 25px; } .status-wrap .block { margin: 40px auto 0; } .status-wrap .block-up { flex-direction: column; margin: auto; } .status-wrap .block-down { flex-direction: column; margin: 40px auto 0; } .status-wrap .block-icon { width: 100%; text-align: center; } .status-wrap .block-random { text-align: center; } .status-wrap .block-description { width: 100%; text-align: center; } .status-wrap .block-description_title { margin: 10px 0; font-size: 18px; line-height: 1.2; } .status-wrap .block-description_text { font-size: 14px; } .status-wrap .block-description_btn { padding-left: 0px; margin: 25px auto; } .status-wrap .block-description_btn-text { padding-left: 0; } .status-wrap .block-description_btn_promo { margin-top: 15px; } .status-wrap .block-description_btn_promo #files-styler { display: none; } .status-wrap .block-description_random { text-align: center; max-width: 350px; } .status-wrap .block-promo { margin-top: 20px; } .status-wrap .block-promo label { margin: 25px auto; } .status-wrap .block-promo-text { font-size: 14px; } .status-wrap .block-link { margin: 0 auto 30px; } #list-files ul, #list-photo ul { max-width: 350px; margin: auto; text-align: left; padding-left: 20px; } #list-files ul li:after, #list-photo ul li:after { right: 20px; } .bottom-most .btn-affiliate { display: block; margin: 10px auto; } #change-header { margin: 60px 0 20px; } #IsPep .pesonal-info__item--info, #IsVirtualActive .pesonal-info__item--info, #IsForeigner .pesonal-info__item--info{ margin-top: 32px; } } @media only screen and (max-width: 600px) { .status-wrap .popup { height: auto; } .status-wrap .popup-description { padding: 0; margin: 25px 0 0; } .status-wrap .popup-description_checkbox { padding: 0; margin-top: 25px; } .status-wrap .popup-description_checkbox label { font-size: 12px; padding: 0 10px 0 20px; } .status-wrap .popup-description_text { margin-left: 14px; } .status-wrap .popup-title { font-size: 20px; } .status-wrap .popup-img { position: absolute; top: -70%; right: -130px; } .status-wrap .popup-img img { width: 50%; } .status-wrap .btn-group_between { margin-top: 5px; flex-direction: column-reverse; } .status-wrap .btn-group_between button:first-child { margin: 20px auto 10px; } .status-wrap .btn-group_between button { width: 274px; } .status-wrap .btn-group_between button span { width: 270px; } } @media only screen and (max-width: 480px) { .status-wrap .block-description_btn { text-align: left; } .status-wrap .block-description_btn span { padding-left: 15px; } .status-wrap .block-description_btn .links-text { padding-left: 0; margin-left: -15px; } .status-wrap .block-description_promo #list-files ul { margin: auto; } #list-files ul, #list-photo ul { margin-left: 0; text-align: left; } #list-files ul li:after, #list-photo ul li:after { right: 20px; } } @media only screen and (max-width: 767px) { .m-slider .slider-box .add { right: 1px; } } @media only screen and (max-width: 480px) { .mbl.slider-invest .m-slider .ui-slider .ui-slider-handle { margin-left: -16px; } } @media only screen and (max-width: 330px ) { .status-wrap .list-options_text span{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 188px; width: 100%; display: inline-block; } } /*start --authorization-login -- T.Kudriavska*/ @media only screen and (max-width: 768px) { .tf-authorization .tf-authorization_login { margin-top: 0; margin-left: 0; } .tf-authorization .tf-authorization_login .authorization-login_btns ul { flex-direction: column; margin: auto; } .tf-authorization .tf-authorization_login .authorization-login_btns ul li { margin: 9px auto; } .tf-authorization .tf-authorization_login .authorization-login_btns { margin: 0 auto 30px; } .tf-authorization .tf-authorization_login .authorization-login_choice p::before, .tf-authorization .tf-authorization_login .authorization-login_choice p::after { width: 66px; } .tf-authorization .tf-authorization_login .authorization-login_choice p::before { left: -97px; } } /*end --authorization-login -- T.Kudriavska*/ /*start 2fa-authorization T.Kudriavska*/ @media only screen and (max-width: 990px) { .tf-authorization .tf-authorization_banner { height: auto; padding: 10px; } .tf-authorization .tf-authorization_banner .banner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tf-authorization .tf-authorization_banner .banner div { text-align: center; width: 100%; font-size: 18px; } .tf-authorization .tf-authorization_banner .banner-img { margin: 0; } .tf-authorization .tf-authorization_banner .banner-img img { width: 25px; } .tf-authorization .tf-authorization_banner .banner-text { padding: 5px 0 0 0; } .tf-authorization .tf-authorization_banner .banner-btn { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 15px auto 10px; } .tf-authorization .tf-authorization_banner .banner-btn .btn { max-width: 224px; margin: 10px auto; } .tf-authorization .popup-container_connection { width: 278px; margin-left: -139px; } .tf-authorization .popup-container_connection .btn-gradient_full { max-width: 233px; } .tf-authorization .popup-container_reminder { margin: 10px; } .tf-authorization .popup-container_reminder .btn-gradient_full { max-width: 180px; } .tf-authorization .popup-container_reminder .popup { padding: 10px 10px 0 10px; } .tf-authorization .popup-container_changePassword { padding: 15px; margin: 15px auto; max-width: 90%; } .tf-authorization .popup-container_changePassword .continue { padding-top: 0; margin-top: 0; } .tf-authorization .popup-container_changePassword .btn-gradient_full { margin: 50px auto; max-width: 225px; } .tf-authorization .tf-authorization_connection .btn-gradient_full { max-width: 222px; } .tf-authorization .tf-authorization_connection { margin-top: 30px; } .tf-authorization .tf-authorization_connection .title-small { margin: 20px auto; padding: 0 15px; } } /*end 2fa-authorization T.Kudriavska*/ @media only screen and (max-width: 767px) { .personal-info-content .pesonal-info__row--name:not(:first-of-type) { margin: 20px 0; } .personal-info-content .pesonal-info__row{ position: relative; padding: 12px 0 20px 0; } .personal-info-content .pesonal-info__row#ActiveLoanPayments, .personal-info-content .pesonal-info__row#IsPepContainer, .personal-info-content .pesonal-info__row#IsVirtualActiveContainer, .personal-info-content .pesonal-info__row#IsForeignerContainer { padding: 32px 0 20px; } .personal-info-content .pesonal-info__item--title:after { right: 0; } .personal-info-content .pesonal-info__row#ActiveLoanPayments .pesonal-info__item--title:after { content: none; } .personal-info-content { box-shadow: none; padding: 0; } .personal-info-content .pesonal-info__item--title { position: absolute; top: -10px; background-color: #fff; padding: 0 2px; font-size: 12px; color: #AEAEAE; left: 10px; line-height: 18px; } .new-profile-edit.new-style-group.profile-info .edit-form:after, .personal-info-content:after { content: none; } .nav-edit-button.header-nav-btns:after, .nav-edit-button.header-nav-btns:before { content: none; } .nav-edit-button .nav-edit__text{ display: none; } .nav-edit-button { box-shadow: none; padding: 0; margin: 40px 0; } .edit-profile.profile-buttons .nav-edit-button .continue.nav-edit__item, .nav-edit-button .nav-edit__item, .nav-edit-button .nav-edit__item { margin-right: auto; margin-left: auto; } .new-profile-edit.new-style-group.profile-info .edit-form { box-shadow: none; padding: 0 0 20px; } } /*end --BankID -- T.Kudriavska*/ /*start --LN PCO max/minAmount-- T.Kudriavska*/ @media only screen and (max-width: 768px) { .m-slider .slider-box .counteroffer-amount { top: 22px; } .m-slider .slider-box .counteroffer-amount_max { right: 26px; } .m-slider .slider-box .counteroffer-amount_min { left: 25px; } } /*end --calc-new-Design-- T.Kudriavska*/ /*start MV-12058 PCO MAX / Layout A.Pylypchuk */ @media only screen and (max-width: 768px) { .l-main.front-page .status #slider1 a { margin-left: -17px; } .l-main.front-page .status .m-slider .slider-box { padding: 0px 36px 0 35px; } .l-main.front-page .status .m-slider .slider-box:after { width: 15px; } } /*end MV-12058 PCO MAX / Layout A.Pylypchuk */ /*start MV-12508 Client-mobile: scroll on 'personal cabinet' menu stops working when user opens it second time after burger menu view mode A.Pylypchuk */ @media only screen and (max-width: 360px) { .status { padding: 30px 0; } .l-your-cabinet .your-credit td{ font-size: 14px; } .l-form-registration .l-your-cabinet a.btn.green { padding: 0; } .your-credit td.splitter { font-size: 18px; line-height: 40px; } .l-tell-a-friend .text-block, .userCardInfo { padding: 0; margin-bottom: 15px; } .l-tell-a-friend .text-block .container .row p,.l_my-bonus-credits .take-bonus p { font-size: 16px; } .l-tell-a-friend .ref-block { padding: 0; } section.payment-content .tab .tab2 { font-size: 13px; } section.payment-content .tab .content .input-group .input-box label.big.green { font-size: 25px; top: -25px; } } /*end MV-12508 Client-mobile: scroll on 'personal cabinet' menu stops working when user opens it second time after burger menu view mode A.Pylypchuk */ /*start --- table profilehistory--- T.Kudriavska*/ @media screen and (max-width: 1200px) { .my-credits .credit-history-no-scroll { padding: 8px; } .my-credits .credit-history-no-scroll table { max-width: 100%; min-width: 0; box-shadow: none; } .credit-history-no-scroll #documents-container table { display: inline-table; width: 100%; } .credit-history-no-scroll table thead { display: none; } .credit-history-no-scroll table tr { margin-bottom: 10px; display: block; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.0692369), 0px 0px 16px rgba(0, 0, 0, 0.1); } .my-credits .credit-history-no-scroll table td { display: block; text-align: right; font-size: 14px; font-weight: 500; height: auto; position: relative; padding: 8px 15px; padding-top: 32px; } .my-credits .credit-history-no-scroll table td:nth-child(n+2):after { content: ''; position: absolute; left: 15px; right: 15px; top: 0; height: 1px; background-color: rgba(151, 151, 151, 0.22); } .my-credits .credit-history-no-scroll table tr { box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.0692369), 0px 0px 15px rgba(0, 0, 0, 0.1); } .my-credits table tbody tr td > .status { position: absolute; top: 10px; right: 15px; } .my-credits table tbody tr td:last-child { text-align: left; } .my-credits table tbody tr td:nth-child(n+2) { padding: 8px 15px; } .my-credits table .my-credits-documents { padding-top: 10px; width: 100%; text-align: left; overflow: hidden; } .credit-history-no-scroll table td:last-child { border-bottom: 0; } .credit-history-no-scroll table td:before { content: attr(data-label); float: left; } .credit-history-no-scroll table tr td:nth-last-child(2) { padding: 5px; box-sizing: border-box; height: auto; } .credit-history-no-scroll .my-credits table tbody tr td > .status.close { background: transparent; } } @media screen and (max-width: 768px) { .profile-h2, #my-bonuses-header, #affiliate-program-header, .l-special-offer h1 { font-size: 18px; line-height: 24px; } .my-credits .credit-history-no-scroll table td { font-size: 14px; } .credit-history-no-scroll table tr { box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.0692369), 0px 0px 5px rgba(0, 0, 0, 0.1); } .mobile-titles { display: block; } .mobile-titles .mobile-titles__item { display: none; } .mobile-titles .mobile-titles__item.active { pointer-events: none; cursor: default; font-size: 24px; line-height: 150%; color: #333333; font-weight: bold; } .mobile-titles .mobile-titles__item.active { display: block; } } @media (min-width: 768px) { .credit-state-container{width: 51%} .credit-options-container{width: 49%} .login-links-container { display: inline-flex; height: 38px; justify-content: space-between; } } /* Almost hotfix, rework later */ @media (max-width: 560px) { .profile-documents-container table { display: none; } } @media all and (max-width: 767px) { .nav-edit-button:after, .nav-edit-button:before { height: auto; } } /*end --- table profilehistory--- T.Kudriavska*/ /*start --- btn with gradient --- A.Sviontkovska*/ .btn-gradient_right { width: 254px; height: 40px; line-height: 40px; position: relative; z-index: 1; background-image: -webkit-gradient(linear, left top, right top, from(#8AC64D), to(#22425B)); background-image: -webkit-linear-gradient(left, #8AC64D 0%, #22425B 100%); background-image: linear-gradient(90deg, #8AC64D 0%, #22425B 100%); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); border-radius: 6px; color: #fff; border: none; font-size: 18px; font-weight: normal; margin: 0 20px; text-align: center; cursor: pointer; -webkit-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in; } .btn-gradient_right:hover { text-decoration: none; color: #fff; } .btn-gradient_right:active { background: -webkit-gradient(linear, right top, left top, color-stop(-82.46%, #22425B), to(#8AC64D)); background: -webkit-linear-gradient(right, #22425B -82.46%, #8AC64D 100%); background: linear-gradient(270deg, #22425B -82.46%, #8AC64D 100%); box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25); } .btn-gradient_right::before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; border-radius: 6px; background-image: -webkit-gradient(linear, left top, right top, from(#22425B), to(#8AC64D)); background-image: -webkit-linear-gradient(left, #22425B 0%, #8AC64D 100%); background-image: -o-linear-gradient(left, #22425B 0%, #8AC64D 100%); background-image: linear-gradient(90deg, #22425B 0%, #8AC64D 100%); z-index: -1; -webkit-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; opacity: 0; } .btn-gradient_right:hover::before { opacity: 1; } .btn-gradient_left { width: 254px; height: 40px; line-height: 36px; font-weight: normal; font-size: 18px; color: #22425B; background-image: -webkit-gradient(linear, left top, right top, from(#8AC64D), to(#22425B)); background-image: -webkit-linear-gradient(left, #8AC64D 0%, #22425B 100%); background-image: linear-gradient(90deg, #8AC64D 0%, #22425B 100%); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); border-radius: 6px; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 20px; text-align: center; cursor: pointer; -webkit-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in; position: relative; z-index: 1; } .btn-gradient_left:hover { text-decoration: none; color: #22425B; } .btn-gradient_left:active { background: -webkit-gradient(linear, right top, left top, color-stop(-82.46%, #22425B), to(#8AC64D)); background: -webkit-linear-gradient(right, #22425B -82.46%, #8AC64D 100%); background: linear-gradient(270deg, #22425B -82.46%, #8AC64D 100%); box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25); } .btn-gradient_left span { background: #fff; width: calc(100% - 4px); height: calc(100% - 4px); display: block; border-radius: 4px; margin: 2px; color: #22425B; } .btn-gradient_left::before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; border-radius: 6px; background-image: -webkit-gradient(linear, left top, right top, from(#22425B), to(#8AC64D)); background-image: -webkit-linear-gradient(left, #22425B 0%, #8AC64D 100%); background-image: -o-linear-gradient(left, #22425B 0%, #8AC64D 100%); background-image: linear-gradient(90deg, #22425B 0%, #8AC64D 100%); z-index: -1; -webkit-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; opacity: 0; } .btn-gradient_left:hover::before { opacity: 1; } .btn-gradient_big { width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 0 25px; -o-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in; position: relative; z-index: 1; height: 40px; line-height: 40px; position: relative; z-index: 1; background-image: -webkit-gradient(linear, left top, right top, from(#8AC64D), to(#22425B)); background-image: -webkit-linear-gradient(left, #8AC64D 0%, #22425B 100%); background-image: linear-gradient(90deg, #8AC64D 0%, #22425B 100%); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); border-radius: 6px; color: #fff; border: none; font-size: 18px; font-weight: normal; margin: 0 20px; text-align: center; cursor: pointer; -webkit-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in; } .btn-gradient_big:hover { text-decoration: none; color: #fff; } .btn-gradient_big:active { background: -webkit-gradient(linear, right top, left top, color-stop(-82.46%, #22425B), to(#8AC64D)); background: -webkit-linear-gradient(right, #22425B -82.46%, #8AC64D 100%); background: -o-linear-gradient(right, #22425B -82.46%, #8AC64D 100%); background: linear-gradient(270deg, #22425B -82.46%, #8AC64D 100%); box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25); } .btn-gradient_big::before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; border-radius: 6px; background-image: -webkit-gradient(linear, left top, right top, from(#22425B), to(#8AC64D)); background-image: -webkit-linear-gradient(left, #22425B 0%, #8AC64D 100%); background-image: -o-linear-gradient(left, #22425B 0%, #8AC64D 100%); background-image: linear-gradient(90deg, #22425B 0%, #8AC64D 100%); z-index: -1; -webkit-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; opacity: 0; } .btn-gradient_big:hover::before { opacity: 1; } /*end --- btn with gradient --- A.Sviontkovska*/ .dialogBox-container, .dialogBox-container > div { max-width: 100% !important; } .dialogBox-container .fancybox-inner { width: auto !important; padding: 27px 13px; } .dialogBox-container > div { border-radius: 20px; } .dialogBox-container .popup-title { text-align: center; font-weight: 600; font-size: 24px; } .dialogBox-container .btn-block > * { display: block; margin: 0 auto; width: 233px !important; height: 40px; font-weight: 300; line-height: 40px; text-transform: capitalize; font-size: 18px; } .dialogBox-container .dialog-content { text-align: center; margin: 24px auto; font-weight: 400; font-size: 18px; } .dialogBox-container .btn-close { color: black; font-weight: 600; cursor: pointer; display: block; height: 78px; line-height: 78px; position: absolute; right: 30px; top: -20px; } @media only screen and (max-width: 768px) { .dialogBox-container .fancybox-inner { padding: 15px 13px; } .dialogBox-container .dialog-content { margin: 6px auto 13px; } } .notifications *, .container-notification * { color: #333333; } .container-notification .btn { width: 283px; height: 42px; -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); border-radius: 6px; display: block; border: none; text-align: center; color: #fafafa; font-size: 18px; font-weight: 600; margin: 20px auto; cursor: pointer; line-height: 42px; padding: 0; } .notifications img { vertical-align: middle; } .notifications .active-point { position: absolute; background: #F61111; width: 8px; height: 8px; border-radius: 50%; left: 55%; top: 10%; pointer-events: none; } .notifications .popup-notification { display: none; position: absolute; width: 270px; height: auto; background: #fff; padding: 15px; line-height: 1.3; -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25); top: 45px !important; left: -207px !important; z-index: 301; text-align: left; } .notifications .popup-notification_link { text-align: right; } .notifications .popup-notification_link a { font-weight: 500; color: #915FFF; font-size: 14px; } .notifications .popup-notification .message { margin-bottom: 25px; position: relative; padding: 0 20px 0 43px; } .notifications .popup-notification .message:before { content: " "; position: absolute; background: #333333; width: 9px; height: 9px; border-radius: 50%; left: 10px; top: 7px; } .notifications .popup-notification .message:after { content: " "; position: absolute; height: 147%; border-left: 1px solid #333333; left: 14px; top: 16px; z-index: -1; } .notifications .popup-notification .message:nth-last-child(2):after { border-left: 1px solid #fff; } .notifications .popup-notification .message .message-title { font-weight: 600; font-size: 14px; } .notifications .popup-notification .message .message-title_notread { font-weight: 800; margin-left: 15px; position: relative; } .notifications .popup-notification .message .message-title_notread:before { position: absolute; background: #F61111; width: 8px; height: 8px; border-radius: 50%; left: -16px; top: 5px; content: " "; } .notifications .popup-notification .message .message-text { font-weight: 300; font-size: 12px; } .notifications .popup-notification .message .message-text a { color: #3DAE2B } .notifications .popup-notification:after, .notifications .popup-notification:before { bottom: 100%; left: calc(50% + 10px); border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .notifications .popup-notification:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 16px; margin-left: 66px; } .notifications .popup-notification:before { border-color: rgba(255, 255, 255, 0); border-bottom-color: rgba(162, 192, 214, 0.18); border-width: 18px; margin-left: 64px; } .container-notification .tabs-container { background: none; margin-top: 14px; height: auto; min-height: 150px; } .container-notification .title-main { font-weight: 600; font-size: 22px; text-align: left; padding-left: 10px; } .container-notification .notification-title.notRead:before, .notifications .notRead:before { position: absolute; background: #F61111; width: 8px; height: 8px; border-radius: 50%; left: -13px; top: 32%; content: " "; } .notifications .notRead:before { left: 11px; top: 2px; } .container-notification .notification-title.notRead:before { left: -11px; top: -1px; z-index: 1; } .container-notification .tabs-content .table .allRead { font-weight: 600; margin-left: 31px; line-height: 60px; opacity: 0.5; } .container-notification .tabs-content .table .allRead-active { cursor: pointer; text-decoration: underline; opacity: 1; } .container-notification .tabs-container .tabs-notification { display: flex; justify-content: start; height: auto; margin-top: 27px; } .container-notification .tabs-notification .title-medium { background: transparent; line-height: 22px; width: 100%; padding: 0 0 0 46px; max-width: 237px; transition: all 0.3s; position: relative; cursor: pointer; border-bottom: 2px solid rgba(255, 255, 255, 0); background-size: 100%; } .container-notification .tabs-notification .title-medium::after { content: url("/assets/img/email-img.svg"); display: block; position: absolute; width: 24.5px; height: 16.83px; top: 2px; left: 15px; filter: grayscale(1); } .container-notification .tabs-notification .title-medium.tab-push::after { content: url("/assets/img/push-img.svg"); } .container-notification .tabs-notification .title-medium.tab-sms::after { content: url("/assets/img/sms-img.svg"); } .container-notification .tabs-notification .title-medium .notification-title { color: #333333; font-weight: 600; font-size: 18px; position: relative; font-weight: 600; overflow: hidden; } .container-notification .tabs-notification .title-medium.active { border-bottom: 2px solid #3DAE2B; } .container-notification .tabs-notification .title-medium.active::after { filter: none; transition: 0.3s; } .container-notification .tabs-notification .title-medium.tab-push.active::after { content: url("/assets/img/push-img-green.svg"); } .container-notification .tabs-notification .title-medium.tab-sms.active::after { content: url("/assets/img/sms-img-green.svg"); } .container-notification .tabs-notification .title-medium.active span { color: #3DAE2B; transition: 0.3s; } .container-notification .tabs-content { } .container-notification .tabs-container .tabs-content { background-color: #ffffff; position: relative; padding: 3px 0 16px !important; } .container-notification .tabs-container .notification-row { display: block; padding: 0; transition: 0.3s; } .container-notification .tabs-container .notification-row:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); transition: 0.3s; position: relative; z-index: 10; } .container-notification .tabs-container .notification-row:hover .notification-row__wrapper { border-bottom: 1px solid rgba(0, 0, 0, 0); } .container-notification .tabs-container .notification-row.marked { background: #f4efff; } .container-notification .tabs-container .notification-row .notification-row__wrapper { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); position: relative; padding: 10px 12px 10px 58px; } .container-notification .tabs-container .tab-message-input { padding: 16px 0 19px 0; margin: 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.2); min-height: 54px; } .container-notification .tabs-container .tab-message-input .input-checkbox { font-weight: 500; font-size: 14px; position: absolute; left: 0; top: 11px; width: 100%; z-index: 5; max-width: 375px; cursor: pointer; } .container-notification .tabs-container .tab-message-input .mark-as-read { position: absolute; display: none; opacity: 1; right: auto; top: 16px; left: 58px; transition: 0s; z-index: 15; cursor: pointer; } .container-notification .tabs-container .tab-message-input .select-all { display: block; top: 7px; color: #915FFF; left: 58px; position: absolute; } .container-notification .tabs-container .tab-message-input.active .mark-as-read { display: block; } .container-notification .tabs-container .tab-message-input.active .select-all { display: none; } .container-notification .tabs-container .tab-message-input .input-checkbox .checkbox-set-message { position: absolute; left: 14px; top: 7px; } .container-notification .tabs-container .tab-message-input .input-checkbox .checkbox-set-message:before { background-color: rgba(255, 255, 255, 0); transition: 0.4s; } .container-notification .tabs-container .tab-message-input .input-checkbox .checkbox-set-message.marked:before { content: ''; width: 10px; height: 2px; display: block; background-color: #fff; top: 8px; left: 4px; position: absolute; transition: 0.4s; } .container-notification .tabs-container .tab-message-input .input-checkbox .checkbox-set-message.marked { background-color: #915FFF; border-color: #915FFF; transition: 0.4s; } .container-notification .tabs-container .notification-row .input-checkbox { position: absolute; left: 14px; top: 0; } .tabs-container .tab-message-input .input-checkbox .jq-checkbox, .notification-row .input-checkbox .jq-checkbox { width: 20px; height: 20px; top: 14px; border: 1px solid #828282; border-radius: 0; } .notification-row .input-checkbox .jq-checkbox { background-color: transparent; } .notification-row .checkbox-notification.checked:before { color: #3DAE2B; font-size: 11px; left: 2px; top: 0px; } .tabs-container .tab-message-input .input-checkbox .checkbox-set-message.checked { background-color: #915FFF; border-color: #915FFF; } .tabs-container .tab-message-input .input-checkbox .checkbox-set-message.checked:before { content: ''; display: block; width: 14px; height: 8px; top: 3px; left: 2px; position: absolute; transition: 0.4s; border-bottom: 2px solid #FFF; border-left: 2px solid #fff; transform: rotate(-45deg); } .container-notification .tabs-container .notification-row .title-notification { font-size: 14px; line-height: 20px; font-weight: normal; position: relative; width: 64%; } .container-notification .tabs-container .notification-row .title-notification.notRead { font-weight: 600; } .container-notification .tabs-container .mark-as-read { color: #915FFF; position: absolute; right: 0; font-weight: 500; font-size: 14px; top: 4px; z-index: -1; opacity: 0; transition: 0.3s; } .container-notification .tabs-container .notification-row .text-notification { font-size: 12px; line-height: 17px; font-weight: 300; margin-top: 2px; transition: 0.3s; } .container-notification .tabs-container .notification-row .date-notification { position: absolute; top: 5px; right: 13px; font-weight: normal; font-size: 12px; transition: 0.15s; } .container-notification .tabs-container .notification-row.notRead { margin: 0; } .container-notification .tabs-container .notification-row.notRead:hover .mark-as-read { background-color: #fff; z-index: 2; opacity: 1; right: 12px; transition: 0.3s; cursor: pointer; } .container-notification .tabs-container .notification-row.marked:hover .mark-as-read { background-color: rgba(244, 239, 255, 1); } .container-notification .tabs-container .notification-row.notRead .title-notification { font-weight: 600; transition: 0.3s; padding-left: 14px; } .container-notification .notRead .title-notification:before { position: absolute; background: #F61111; width: 8px; height: 8px; border-radius: 50%; left: 0; top: 32%; content: " "; } .container-notification .tabs-container .notification-row.notRead .date-notification { font-weight: 600; transition: 0.15s; } .container-notification .tabs-content .table .allRead-row td { width: 100%; } .container-notification .tabs-content .table .allRead-row label { top: 20px; } .container-notification .tabs-content .table .allRead-close { color: #F61111; font-weight: 600; cursor: pointer; } .container-notification .tabs-content .table tr { height: 60px; padding: 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.2); } .container-notification .tabs-content .table tr td:last-child { text-align: right; color: #666666; font-size: 12px; line-height: 48px; background: transparent; font-weight: 600; } .container-notification .tabs-content .table label { display: none; } .container-notification .tabs-content .table .allRead-row { transition: 0.3s; } .container-notification .tabs-content .table .allRead-row label { display: block; } .container-notification .tabs-content .table .text-notification_green { color: #8AC64D; } .tabs-content { min-height: 118px; } .container-notification .checkbox { position: absolute; z-index: 1; opacity: 0; margin: 4px 0 0 4px; cursor: pointer; } .container-notification .checkbox + label { position: relative; padding: 0 0 0 35px; cursor: pointer; display: block; } .container-notification .checkbox + label:before { content: ''; position: absolute; left: 0; width: 21px; height: 21px; border: 1px solid #22425B; border-radius: 2px; transition: .2s; } .container-notification .checkbox:checked + label:before { content: '?'; position: absolute; text-align: center; transition: .2s; padding: 0; line-height: 21px; cursor: pointer; } .container-notification .allRead-close_mob { width: 100%; height: 35px; padding: 0 10px; background: #fff; -webkit-box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.25); box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.25); border-radius: 20px 20px 0 0; position: fixed; display: none; z-index: 5; bottom: 0; left: 0; text-align: center; } .container-notification .allRead-close_mob div { max-width: 300px; margin: auto; } .container-notification .allRead-close_mob div label { top: 7px; left: 7px; } .container-notification .allRead-close_mob .allRead { line-height: 35px; font-size: 14px; padding: 0; margin: 0 24px 0 45px; text-decoration: underline; font-weight: 600; } .container-notification .allRead-close_mob .allRead-close { font-weight: 600; } .notifications-mobile { display: none; } .notification-row__wrapper.sms-row.lim-height { max-height: 80px; cursor: pointer; overflow: hidden; } .notification-row__wrapper.sms-row.lim-height:after { content: ""; display: block; height: 45px; position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%); } .marked .notification-row__wrapper.sms-row.lim-height:after, .all-checked .notification-row__wrapper.sms-row.lim-height:after { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f4efff 75%) } .sms-row.lim-height.open { max-height: 999px; overflow: inherit; cursor: pointer; transition: 1s; } .sms-row.lim-height.open:after { content: none; transition: 1s; } @media all and (max-width: 1050px) { .container-notification .tabs-notification .title-medium { padding: 0 14px 0 50px; } } @media only screen and (max-width: 768px) { /*Usamov - add styles for mobile Notification*/ .container-notification .tabs-container { width: calc(100% + 30px); margin-left: -15px; max-width: none; } .container-notification .tabs-container .tabs-content { box-shadow: none; background-color: transparent; border-top: 1px dashed rgba(0, 0, 0, 0.05); } .container-notification .tabs-container .tabs-content:before { content: none; display: none; } .container-notification .tabs-container .tabs-notification { justify-content: space-around; padding-bottom: 16px; } .container-notification .tabs-notification .title-medium { min-width: 110px; width: 100%; cursor: pointer; padding: 0 0 0 30px; max-width: 160px; } .container-notification .tabs-notification .title-medium .notification-title { font-size: 14px; } .container-notification .tabs-notification .title-medium::after { transform: scale(0.74); left: 4px; } .container-notification .notification-title.notRead:before { left: -10px; width: 6.68px; height: 6.88px; } .container-notification .tabs-container .tab-message-input { position: fixed; right: 0; left: 0; background-color: #fff; z-index: 15; margin: 0; bottom: 66px; border: none; box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.25); padding: 10px 0; min-height: 40px; } .container-notification .tabs-container .tab-message-input .input-checkbox { max-width: none; top: 3px; z-index: 16; } .container-notification .tabs-container .tab-message-input.active .input-checkbox { width: auto; } .container-notification .tabs-container .tab-message-input .select-all { width: 100%; left: 0; text-align: center; top: 8px; cursor: pointer; } .container-notification .tabs-container .tab-message-input .input-checkbox .checkbox-set-message { left: 8px; } .container-notification .tabs-container .tab-message-input .mark-as-read { left: 0; width: 100%; text-align: center; top: 8px; } .container-notification .tabs-container .notification-row { padding: 0; } .container-notification .tabs-container .notification-row .notification-row__wrapper { border-bottom: 1px dashed rgba(0, 0, 0, 0.05); padding-left: 40px; } .container-notification .tabs-container .notification-row .input-checkbox { left: 8px; top: -4px; } .container-notification .tabs-container .notification-row.notRead:hover .mark-as-read { display: none; } .container-notification .tabs-container .notification-row .title-notification { line-height: 13px; width: 64%; } .container-notification .tabs-container .notification-row.notRead .title-notification:before { top: 19%; } .container-notification .tabs-container .notification-row .text-notification { margin-top: 0; padding-right: 30px; } .container-notification .tabs-container .notification-row .date-notification { top: 0; right: 8px; } /**/ .container-notification .tabs-container .tabs-content .table tr td { padding: 5px 0; } .container-notification .tabs-content .table .allRead-row { display: none; } .notifications .active-point { top: 9%; } .notifications-mobile { display: block; margin: 12px auto; position: relative; } } @media all and (max-width: 330px) { .container-notification .tabs-notification .title-medium { min-width: initial; } } @charset "UTF-8"; .confirmation-page { padding-top: 30px; } .confirmation-page h1 { font-size: 20px; line-height: 32px; } .confirmation-page .message-text { margin: 16px 0 30px; } .confirmation-page .btn-group { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; margin-bottom: 30px; } .confirmation-page .btn-group .btn { margin: 10px; width: 100%; } .confirmation-page .btn-block { margin-bottom: 30px; flex-wrap: wrap; width: 100%; display: flex; } .confirmation-page .btn-block a { margin-right: 0px; width: 100%; } .confirmation-page .btn-block a:last-child { margin-right: 0; margin-top: 15px; } .confirmation-page .container { padding: 0 16px; } .confirmation-page .btn-block a .edit-icon { background: url("/assets/img/icons/icon-edit.svg") no-repeat center center; background-size: contain; display: inline-block; width: 17px; height: 17px; margin-left: 15px; position: relative; top: 2px; } @media (min-width: 1240px) { .confirmation-page .container { padding: 0; } } @media (min-width: 768px) { .confirmation-page { padding-top: 120px; } .confirmation-page h1 { font-size: 34px; line-height: 52px; } .confirmation-page .message-text { margin: 25px 0 35px; } .confirmation-page .btn-group .btn { max-width: 288px; } .confirmation-page .btn-block { display: block; margin-bottom: 50px; } .confirmation-page .btn-block a { padding: 9.5px 65px; margin-right: 20px; } } .ui-datepicker-title { display: flex; justify-content: center; } .ui-datepicker-title .jq-selectbox { width: 80px; border: unset; } .ui-datepicker-title .jq-selectbox:hover, .ui-datepicker-title .jq-selectbox:focus { border: unset; } .ui-datepicker-title .jq-selectbox .jq-selectbox__select { position: relative; display: flex; align-items: center; justify-content: space-between; height: 25px; z-index: 3; padding-left: 8px; } .ui-datepicker-title .jq-selectbox .jq-selectbox__select:first-child { margin-right: 16px; } .ui-datepicker-title .jq-selectbox .jq-selectbox__select .jq-selectbox__select-text { padding: 0; height: unset; } .ui-datepicker-title .jq-selectbox .jq-selectbox__select .jq-selectbox__trigger { height: 5px; position: absolute; right: 10px; top: 9px; width: 10px; } .ui-datepicker-title .jq-selectbox .jq-selectbox__select .jq-selectbox__trigger .jq-selectbox__trigger-arrow:after { font-size: 7px; height: 8px; line-height: 8px; width: 13px; color: #915fff; } .ui-datepicker-title .jq-selectbox .jq-selectbox__select-text { font-weight: 600; font-size: 14px; line-height: 17px; } .ui-datepicker-title .ui-datepicker-month { margin-right: 16px; } .ui-datepicker-title .jq-selectbox__dropdown { border: unset; left: 0; top: 0 !important; z-index: 2; width: 100%; padding-top: 30px; background: #fff; box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.15); } .ui-datepicker-title .jq-selectbox__dropdown li { color: #828282; cursor: pointer; padding: 0; font-weight: 500; font-size: 14px; line-height: 17px; text-align: left; margin-bottom: 10px; border-bottom: unset; padding: 5px 8px; transition: 0.3s; } .ui-datepicker-title .jq-selectbox__dropdown li:hover { color: #333; background: #F3F3F3; } .ui-datepicker-title .custom-scrollbar { background: #fff; box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.15); } .ui-datepicker-title .custom-scrollbar::-webkit-scrollbar { width: 4px; } .flex-center { display: flex; align-items: center; } .flex-center-center { display: flex; align-items: center; justify-content: center; } .col-6-i { width: 50% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; } .resend-gp { font-size: 14px; line-height: 17px; } .container-sms-confirmation { justify-content: space-between; align-items: center; flex-wrap: wrap; border-top: 1px solid #DDDDDD; padding-top: 23px; padding-bottom: 28px; } .container-sms-confirmation .input-group { margin-bottom: 0px !important; } .container-sms-confirmation .input-group label { display: none; } .input-group-radio { display: flex; flex-wrap: wrap; } .input-group-radio label { display: inline-flex; align-items: center; font-size: 14px; line-height: 22px; margin-right: 11px; cursor: pointer; } .input-group-radio label .jq-radio { border-radius: 50%; border: 1px solid #F1F1F1; width: 19px; height: 19px; flex: 0 0 19px; background: #F1F1F1; margin-right: 11px; } .input-group-radio label .jq-radio:after { content: ""; display: block; width: 13px; height: 13px; position: absolute; top: 2px; left: 2px; background: #915FFF; opacity: 0; transition: 0.2s; border-radius: 50%; } .input-group-radio label .jq-radio.checked { border-color: #915FFF; } .input-group-radio label .jq-radio.checked:before { content: ""; } .input-group-radio label .jq-radio.checked:after { opacity: 1; } .btn.btn-facebook { border-radius: 0; background: #3A61B6; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.17); font-weight: 500; font-size: 16px; padding: 0 0 0 40px; height: 40px; line-height: 40px; min-width: 370px; transition: 0.2s; position: relative; } @media (max-width: 767px) { .btn.btn-facebook { min-width: unset; } } .btn-facebook__text { text-align: center; } .btn-facebook__icon { flex: 0 0 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #3D5A98; width: 40px; padding-right: 5px; position: absolute; left: 0; top: 0; } .ui-datepicker { border-radius: 0 !important; z-index: 998 !important; min-width: 305px; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.15) !important; } .ui-datepicker .ui-state-default { font-size: 12px !important; } .ui-datepicker .ui-datepicker-calendar thead th { background: transparent !important; border: none !important; font-size: 10px !important; } .ui-datepicker .ui-datepicker-calendar thead th.ui-datepicker-week-end span { color: #EB5757; } .ui-datepicker .ui-datepicker-calendar tbody td { padding: 8px !important; } .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-week-end a { color: #EB5757 !important; } .ui-datepicker .ui-datepicker-calendar tbody td a { background: transparent !important; font-size: 12px !important; line-height: 15px !important; } .ui-datepicker .ui-datepicker-calendar tbody td a:hover { color: #3DAE2B !important; } .ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-active { position: relative; z-index: 1; color: #fff; } .ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-active:after { content: ""; display: block; width: 26px; height: 26px; background: #915FFF; position: absolute; z-index: -1; top: -6px; left: 0; border-radius: 50%; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { left: 2px !important; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next { right: 2px !important; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next { top: 2px !important; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before { color: #915FFF !important; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover:before { color: #3DAE2B !important; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { font-size: 14px !important; width: 65px !important; margin: 0 8px; border: 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { background: transparent !important; } .ui-datepicker-calendar td.zero a:before { content: "0" !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset !important; } .status-wrap .block-up .block-description { width: 100%; } .table-download-wrapper.status-wrap .block-up .block-description { width: 100%; } .table-download-wrapper.status-wrap .block table tbody tr td:last-child textarea { border-radius: 0; } .table-download-wrapper.status-wrap .block table tr th { font-size: 14px; line-height: 17px; font-weight: bold; } .table-download-wrapper.status-wrap .block table .addPhoto { width: 46px; height: 46px; cursor: pointer; background: linear-gradient(90deg, #915FFF 0%, #6E36EA 100%); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border: 1px solid #915FFF; transition: all ease 0.4s; } .table-download-wrapper.status-wrap .block table .addPhoto:hover { opacity: 0.6; } @media (max-width: 767px) { .table-download-wrapper.status-wrap table tbody tr td { box-shadow: none !important; } } @media (max-width: 767px) { .table-download-wrapper.status-wrap .block table tbody tr { box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); margin-bottom: 16px; } } @media (max-width: 767px) { .table-download-wrapper.status-wrap .block table .thumb { margin-top: 4px !important; } } @media (max-width: 767px) { .table-download-wrapper.status-wrap .block table tbody tr .medium-row { border-radius: 0; } } @media (max-width: 767px) { .table-download-wrapper.status-wrap .block .block-btn_mob .btn-responsive { font-size: 16px; line-height: 19px; text-align: center; background: linear-gradient(45deg, #915FFF 7.32%, #6E36EA 94.1%); padding: 9px 50px 10px; border-radius: 0; text-transform: none; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.161175); border: 1px solid transparent !important; transition: 0.5s; font-weight: 500; cursor: pointer; position: relative; width: 100% !important; } } #container-documentupload .container { padding: 0; } #container-documentupload .status-wrap { padding: 0; } .additional-contactcs-container .input-group label { display: none; } .additional-contactcs-container .input-group .text-box[disabled=disabled] { text-decoration: line-through; opacity: 0.6; } .additional-contactcs-container #emailWrapper > div:not(:last-child) .send, .additional-contactcs-container #phoneWrapper > div:not(:last-child) .send { margin-bottom: 15px; } /*# sourceMappingURL=forms.css.map */ section#landing-loyalty.front-page--loyalty { background: #fff; padding: 10px 0 100px !important; } section#landing-loyalty.front-page--loyalty .loyalty-content h2 { font-family: inherit; font-size: 34px; line-height: 40px; text-align: center; color: #333; position: relative; padding-bottom: 5px; font-weight: 500; width: 100%; margin: 0 auto 60px; } section#landing-loyalty.front-page--loyalty .loyalty-content h2:after { content: ''; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; width: 100%; max-width: 508px; height: 1px; background: #915fff; } section#landing-loyalty.front-page--loyalty .loyalty-content .loyalty-logo { text-align: center; } section#landing-loyalty.front-page--loyalty .loyalty-content .l-sub { width: 100%; padding-bottom: 65px; color: #333; font-weight: 500; } section#landing-loyalty.front-page--loyalty .loyalty-content .kill-raccoon { text-align: center; width: 20%; padding: 87px 0 80px; position: relative; display: inline-block; } section#landing-loyalty.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(odd) { padding: 130px 0 80px; } section#landing-loyalty.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(even):after { content: ''; position: absolute; right: -120px; top: 0; background: url("/assets/img/redesign-icons/loyalty-ellipse.svg") no-repeat; background-size: 100%; width: 245px; height: 135px; } section#landing-loyalty.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(odd):after { content: ''; position: absolute; right: -125px; bottom: 0; background: url("/assets/img/redesign-icons/loyalty-ellipse.svg") no-repeat; background-size: 100%; width: 245px; height: 135px; transform: scale(1, -1); } section#landing-loyalty.front-page--loyalty .loyalty-content .kill-raccoon:last-child:after { display: none; } section#landing-loyalty.front-page--loyalty .loyalty-content .kill-raccoon img { max-height: 80px; width: auto; height: 55px; } section#landing-loyalty.front-page--loyalty .loyalty-content .kill-raccoon .loyalty-description { font-weight: 600; font-size: 14px; line-height: 17px; color: #0A0A0A; font-family: inherit; position: absolute; right: -25px; max-width: 100px; bottom: 100px; padding: 0; text-align: left; } @media only screen and (min-width: 992px) { section#landing-loyalty.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(3) .loyalty-description { bottom: 95px; right: 10px; } section#landing-loyalty.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(5) .loyalty-description,section#landing-loyalty.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(6) .loyalty-description { right: 25px; bottom: 95px; } } @media only screen and (max-width: 991px) { section#landing-loyalty.front-page--loyalty { padding-top: 50px !important; padding-bottom: 70px !important; } section#landing-loyalty.front-page--loyalty .loyalty-content { width: 320px; max-width: 100%; margin: auto; } section#landing-loyalty.front-page--loyalty .loyalty-content h2 { font-size: 22px; padding: 0; margin: 0 0 30px 0; line-height: 34px; } section#landing-loyalty.front-page--loyalty .loyalty-content h2:after { bottom: inherit; } section#landing-loyalty.front-page--loyalty .loyalty-content .kill-raccoon { width: 100%; padding: 15px 10px !important; } section#landing-loyalty.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(even):after { background: url("/assets/img/redesign-icons/main-page/loyalty-ellipse-mobile.svg") no-repeat; right: -150px; top: 35px; } section#landing-loyalty.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(odd):after { background: url("/assets/img/redesign-icons/main-page/loyalty-ellipse-mobile-left.svg") no-repeat; top: 35px; left: 20px; transform: inherit; } section#landing-loyalty.front-page--loyalty .loyalty-content .kill-raccoon img { max-width: 45px; height: inherit; } section#landing-loyalty.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(even) img { margin-left: -35px; } section#landing-loyalty.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(odd) img { margin-left: 50px; } section#landing-loyalty.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(even) .loyalty-description { left: 170px; right: inherit; bottom: 25px; text-align: left; } section#landing-loyalty.front-page--loyalty .loyalty-content .kill-raccoon:nth-child(odd) .loyalty-description { left: 100px; right: inherit; bottom: 25px; text-align: right; } section#landing-loyalty.front-page--loyalty .loyalty-content .kill-raccoon:last-child:after { display: block; background: url("/assets/img/redesign-icons/main-page/loyalty-ellipse-mobile-last.svg") no-repeat; right: 20px; top: 30px; width: 61px; height: 101px; } section#landing-loyalty.front-page--loyalty .loyalty-content .h2 { font-size: 24px; line-height: 28px; margin-bottom: 35px; } section#landing-loyalty.front-page--loyalty .loyalty-content .h2:after { width: 80%; } section#landing-loyalty.front-page--loyalty .loyalty-content .l-sub { font-size: 14px; padding: 0 15px 50px; } section#landing-loyalty.front-page--loyalty .loyalty-footer { padding-top: 30px; } section#landing-loyalty.front-page--loyalty .cent { padding: 0; } } .entrance { margin-top: 38px; display: flex; justify-content: center; color: #915FFF; } .entrance a, .entrance span { color: #915FFF; } .card-and-bank .l-btn { width: 100%; margin: 10px 0; } .l-btn { display: inline-block; cursor: pointer; } @media (max-width: 767px) { .new-status .desktop-bg { background: none; } } .new-calculator .new-calculator-payyoff-table { padding-top: 30px; margin-top: 20px; } .l-body .l-home { padding: 50px 0; } @media only screen and (max-width: 768px) { .l-body .l-home { padding: 0; } }