/* Minification failed. Returning unminified contents. (47227,15): run-time error CSS1039: Token not allowed after unary operator: '-Brand-Dark' (47235,15): run-time error CSS1039: Token not allowed after unary operator: '-Brand-Dark' (47259,20): run-time error CSS1039: Token not allowed after unary operator: '-Greyscale-Grey' (47263,20): run-time error CSS1039: Token not allowed after unary operator: '-Greyscale-Grey' (47267,20): run-time error CSS1039: Token not allowed after unary operator: '-Greyscale-Grey' (47270,20): run-time error CSS1039: Token not allowed after unary operator: '-Greyscale-Grey' (47278,15): run-time error CSS1039: Token not allowed after unary operator: '-Greyscale-Black' (47303,26): run-time error CSS1039: Token not allowed after unary operator: '-Greyscale-Grey' (47337,26): run-time error CSS1039: Token not allowed after unary operator: '-Greyscale-Grey' (47350,15): run-time error CSS1039: Token not allowed after unary operator: '-Brand-Dark' (47369,15): run-time error CSS1039: Token not allowed after unary operator: '-Greyscale-Grey-Dark' (47433,15): run-time error CSS1039: Token not allowed after unary operator: '-Notification-Green' (47455,15): run-time error CSS1039: Token not allowed after unary operator: '-Greyscale-Grey-Dark' (47465,15): run-time error CSS1039: Token not allowed after unary operator: '-Brand-Dark' (47480,15): run-time error CSS1039: Token not allowed after unary operator: '-Brand-Default' (47497,20): run-time error CSS1039: Token not allowed after unary operator: '-Button-Primary-Default' (47498,15): run-time error CSS1039: Token not allowed after unary operator: '-Greyscale-White' (47501,20): run-time error CSS1039: Token not allowed after unary operator: '-Button-Primary-Default' (47504,20): run-time error CSS1039: Token not allowed after unary operator: '-Button-Primary-Default' (47511,20): run-time error CSS1039: Token not allowed after unary operator: '-Button-Secondary-Default' (47514,20): run-time error CSS1039: Token not allowed after unary operator: '-Button-Secondary-Default' (47517,15): run-time error CSS1039: Token not allowed after unary operator: '-Brand-Dark' (47567,20): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Subdued' (47596,15): run-time error CSS1039: Token not allowed after unary operator: '-Greyscale-Grey-Dark' (47642,20): run-time error CSS1039: Token not allowed after unary operator: '-Surface-Subdued' (47656,26): run-time error CSS1039: Token not allowed after unary operator: '-Greyscale-Grey' (47657,20): run-time error CSS1039: Token not allowed after unary operator: '-WF-Colors-White' (47675,15): run-time error CSS1039: Token not allowed after unary operator: '-Brand-Dark' (47695,15): run-time error CSS1039: Token not allowed after unary operator: '-Brand-Dark' (47716,20): run-time error CSS1039: Token not allowed after unary operator: '-Button-Primary-Default' (47717,15): run-time error CSS1039: Token not allowed after unary operator: '-Greyscale-White' (47720,20): run-time error CSS1039: Token not allowed after unary operator: '-Button-Primary-Default' (47723,20): run-time error CSS1039: Token not allowed after unary operator: '-Button-Primary-Default' (47730,20): run-time error CSS1039: Token not allowed after unary operator: '-Button-Secondary-Default' (47733,20): run-time error CSS1039: Token not allowed after unary operator: '-Button-Secondary-Default' (47736,15): run-time error CSS1039: Token not allowed after unary operator: '-Brand-Dark' (47755,15): run-time error CSS1039: Token not allowed after unary operator: '-Notification-Green' (47766,15): run-time error CSS1039: Token not allowed after unary operator: '-Notification-Green' (47769,15): run-time error CSS1039: Token not allowed after unary operator: '-Notification-Green' (47793,15): run-time error CSS1039: Token not allowed after unary operator: '-Brand-Dark' (47800,20): run-time error CSS1039: Token not allowed after unary operator: '-Button-Primary-Default' (47801,15): run-time error CSS1039: Token not allowed after unary operator: '-Greyscale-White' (47817,20): run-time error CSS1039: Token not allowed after unary operator: '-Button-Primary-Default' (47820,20): run-time error CSS1039: Token not allowed after unary operator: '-Button-Primary-Default' (47836,15): run-time error CSS1039: Token not allowed after unary operator: '-Brand-Dark' (47847,15): run-time error CSS1039: Token not allowed after unary operator: '-Brand-Dark' (47860,15): run-time error CSS1039: Token not allowed after unary operator: '-Brand-Dark' (47867,20): run-time error CSS1039: Token not allowed after unary operator: '-Button-Primary-Default' (47868,15): run-time error CSS1039: Token not allowed after unary operator: '-Greyscale-White' (47885,20): run-time error CSS1039: Token not allowed after unary operator: '-Button-Primary-Default' (47888,20): run-time error CSS1039: Token not allowed after unary operator: '-Button-Primary-Default' */ /*! nucleus 2020-04-28 1:15:42 */ /*************** * Media query * ***************/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /******** * Grid * ********/ .row:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .row:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .row .cell { float: left; } .row--c { margin-right: -0.9375em; margin-left: -0.9375em; } .row--c .cell { padding-right: 0.9375em; padding-left: 0.9375em; } .w12, .w100_8 { width: 12.5%; } .w14, .w100_7 { width: 14.28571429%; } .w16, .w100_6 { width: 16.66666667%; } .w20, .w100_5 { width: 20%; } .w25, .w100_4 { width: 25%; } .w33, .w100_3 { width: 33.33333333%; } .w50, .w100_2 { width: 50%; } .w66 { width: 66.66666667%; } .w75 { width: 75%; } .w80 { width: 80%; } .w100 { width: 100%; } @media screen and (max-width: 1366px) { .pc_w16, .pc_w100_6 { width: 16.66666667%; } .pc_w20, .pc_w100_5 { width: 20%; } .pc_w25, .pc_w100_4 { width: 25%; } .pc_w33, .pc_w100_3 { width: 33.33333333%; } .pc_w50, .pc_w100_2 { width: 50%; } .pc_w66 { width: 66.66666667%; } .pc_w75 { width: 75%; } .pc_w100 { width: 100%; } } @media screen and (max-width: 480px) { .mobile_w16, .mobile_w100_6 { width: 16.66666667%; } .mobile_w20, .mobile_w100_5 { width: 20%; } .mobile_w25, .mobile_w100_4 { width: 25%; } .mobile_w33, .mobile_w100_3 { width: 33.33333333%; } .mobile_w50, .mobile_w100_2 { width: 50%; } .mobile_w66 { width: 66.66666667%; } .mobile_w75 { width: 75%; } .mobile_w100 { width: 100%; } } /********** * Mixins * **********/ /****************** * Basic elements * ******************/ strong, b { font-weight: bold; } em, i { font-style: italic; } a img { border: none; } /***************** * Basic classes * *****************/ .float-left { float: left; } .float-right { float: right; } .center { text-align: center; } .clear { clear: both; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } /********* * BASIC * *********/ * { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *:focus { outline: 0; } input[type="submit"], button { cursor: pointer; } /*! jQuery UI - v1.11.4 - 2015-03-11 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: alpha(opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: 0.5em 0.5em 0.5em 0.7em; min-height: 0; /* support: IE7 */ font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: 0.5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: 0.4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 0.4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 1em 0.4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 2.1em 0.4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: 0.4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: 0.5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 0.5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -0.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.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-year { width: 35%; } .ui-datepicker select.ui-datepicker-month { width: 55%; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0 0 0.4em; } .ui-datepicker th { padding: 0.7em 0.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: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em 0.6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: 0.2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0.5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px 0.4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: 0.2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.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: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: 0.2em 0; vertical-align: middle; margin-left: 0.4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: 0.5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: 0.2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0.2em 0.2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px 0.2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0.5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-size: 1.1em; font-weight: 500; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #cacaca; background: #ededed; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #dadada; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #474747; background: #474747; color: #fff; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #fff; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; filter: alpha(opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; filter: alpha(opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: alpha(opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-icon-circle-triangle-w { background-image: url("/Content/source/img/left.png"); } .ui-icon-circle-triangle-e { background-image: url("/Content/source/img/right.png"); } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: 0.3; filter: alpha(opacity=30); /* support: IE8 */ } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa; opacity: 0.3; filter: alpha(opacity=30); /* support: IE8 */ border-radius: 8px; } @media screen and (max-width: 575px) { .form__text { width: 100% !important; } } @media screen and (max-width: 899px) { .form__label br { display: none; } } @media screen and (max-width: 899px) { .form__required--middle { display: none; } } .form__required--end { display: none; } @media screen and (max-width: 899px) { .form__required--end { display: inline-block; } } /********** * Fonts * **********/ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('/Content/fonts/openSans/open-sans-latin-ext-regular.eot'); src: url('/Content/fonts/openSans/open-sans-latin-ext-regular.woff2') format('woff2'), url('/Content/fonts/openSans/open-sans-latin-ext-regular.woff') format('woff'), url('/Content/fonts/openSans/open-sans-latin-ext-regular.ttf') format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url('/Content/fonts/openSans/open-sans-latin-ext-italic.eot'); src: url('/Content/fonts/openSans/open-sans-latin-ext-italic.woff2') format('woff2'), url('/Content/fonts/openSans/open-sans-latin-ext-italic.woff') format('woff'), url('/Content/fonts/openSans/open-sans-latin-ext-italic.ttf') format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url('/Content/fonts/openSans/open-sans-latin-ext-300.eot'); src: url('/Content/fonts/openSans/open-sans-latin-ext-300.woff2') format('woff2'), url('/Content/fonts/openSans/open-sans-latin-ext-300.woff') format('woff'), url('/Content/fonts/openSans/open-sans-latin-ext-300.ttf') format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('/Content/fonts/openSans/open-sans-latin-ext-600.eot'); src: url('/Content/fonts/openSans/open-sans-latin-ext-600.woff2') format('woff2'), url('/Content/fonts/openSans/open-sans-latin-ext-600.woff') format('woff'), url('/Content/fonts/openSans/open-sans-latin-ext-600.ttf') format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('/Content/fonts/openSans/open-sans-latin-ext-700.eot'); src: url('/Content/fonts/openSans/open-sans-latin-ext-700.woff2') format('woff2'), url('/Content/fonts/openSans/open-sans-latin-ext-700.woff') format('woff'), url('/Content/fonts/openSans/open-sans-latin-ext-700.ttf') format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('/Content/fonts/Poppins/poppins-v15-latin-ext_latin-regular.eot'); src: url('/Content/fonts/Poppins/poppins-v15-latin-ext_latin-regular.woff2') format('woff2'), url('/Content/fonts/Poppins/poppins-v15-latin-ext_latin-regular.woff') format('woff'), url('/Content/Poppins/fonts/poppins-v15-latin-ext_latin-regular.ttf') format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('/Content/fonts/Poppins/poppins-v15-latin-ext_latin-600.eot'); src: url('/Content/fonts/Poppins/poppins-v15-latin-ext_latin-600.woff2') format('woff2'), url('/Content/fonts/Poppins/poppins-v15-latin-ext_latin-600.woff') format('woff'), url('/Content/fonts/Poppins/poppins-v15-latin-ext_latin-600.ttf') format('truetype'); } /********** * Colors * **********/ header > .container { font-size: 16px; } @media screen and (max-width: 400px) { header { font-size: 12px; } } header .header-top { display: flex; align-items: center; font-size: 16px; } header .header-top:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } header .header-top:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } header .header-top a { display: inline-block; } header .header-top .logo { float: left; } header .header-top .logo img { max-width: 100%; width: 16.375em; } @media screen and (max-width: 575px) { header .header-top .logo img { padding-left: 0 !important; } } header .header-top img { vertical-align: middle; } header .header-top .contact-phone:before, header .header-top .contact-mail:before { background-position: center center; background-repeat: no-repeat; vertical-align: middle; } header .header-top .contact-phone { position: relative; display: flex; font-weight: 700; text-align: left; } header .header-top .contact-phone:before { content: ""; display: inline-block; width: 0.94444444em; height: 1.66666667em; margin-right: 0.55555556em; background-image: url(/Content/source/img/svg/ico-16.svg); } header .header-top .header-link { color: #006DB3; } header .header-top .header-link:hover { text-decoration: none; } header .header-top contact-phone-number { color: #1CA21C; font-weight: bold; } header .header-top .contact-phone-number2 { color: #ffffff; font-size: 14px; background: #03609b; height: 40px; line-height: 40px; border-radius: 5px; padding: 0 16px; text-decoration: none; margin-left: 20px; } header .header-top .contact-phone-number2:hover { background: #035081; } header .header-top .contact-mail { display: inline-block; } header .header-top .contact-mail:before { content: ""; display: inline-block; width: 29px; height: 29px; margin-right: 0.55555556em; background-image: url(/Content/source/img/svg/ico-17.svg); } header .header-top .mob-menu { vertical-align: middle; display: inline-block; width: 2.75em; height: 3.4375em; background-image: url(/Content/source/img/mob-menu.png); background-size: 1.4375em 1.0625em; background-repeat: no-repeat; background-position: center center; cursor: pointer; } @media screen and (max-width: 424px) { header .header-top .mob-menu, header .header-top .mob-menu2, header .header-top .mob-phone, header .header-top .mob-mail { width: 35px; } } header .header-top .mob-menu--active { background-image: url(/Content/source/img/svg/cross.svg); background-size: 23px 23px; background-repeat: no-repeat; background-position: center center; z-index: 10000; position: relative; } header .header-top .mob-menu--active2 { background-image: url(/Content/source/img/mob-menu2.png); background-size: 1.0625em 1.0625em; background-repeat: no-repeat; background-position: center center; } header .header-top .mob-phone { background-image: url(/Content/source/img/svg/ico-16.svg); background-size: 1.0625em 1.6875em; } header .header-top .mob-mail { background-image: url(/Content/source/img/svg/ico-17.svg); background-size: 1.75em 1.25em; } header .header-top .header-account { display: inline-block; padding-left: 30px; background: url(/Content/source/img/svg/acount-user.svg) left center no-repeat; background-size: 24px; } header .header-top__left { max-width: 180px; float: left; } header .header__tab { display: flex; align-items: center; } header .header__tab + .header__tab { padding-left: 29px; } header .header__tab + .header__tab:before { content: ''; position: relative; height: 30px; width: 1px; background: #D8D8D8; margin-right: 29px; } .menu .menu-mob-lang { display: none; } @media screen and (min-width: 801px) { header .header-top { height: 80px; } } @media screen and (max-width: 1050px) { header .header__tab + .header__tab { padding-left: 15px; } header .header__tab + .header__tab:before { margin-right: 15px; } header .header-top .logo img { padding-left: 15px!important; } header .header-top__right { padding-right: 10px; } } @media screen and (max-width: 991px) { header .header-top { height: 60px; } header .header-top__left { max-width: 156px; } header .header-top .mob-menu { display: inline-block; margin-left: 3px; } header .header-top .header-nav-icon { display: none; } header .header-top .header-account, header .header-top .contact-mail { width: 30px; height: 30px; overflow: hidden; line-height: 30px; } header .header__tab:before, header .header__tab.header__tab--lang { display: none; } header .header__tab + .header__tab { padding-left: 20px; } .menu .menu-mob-lang { display: block; background: #fff; padding-left: 25px; font-size: 18px; border-top: 1px solid #D8D8D8; width: 100%; } .menu .menu-mob-lang .header-nav-icon { padding-left: 35px; } } @media screen and (min-width: 600px) and (max-width: 991px) { header .menu nav ul { display: inline-flex; flex-wrap: wrap; } header .menu nav ul li { width: 33.3333%; } header .menu nav ul li a { font-size: 16px; padding: 5px 15px; } } @media screen and (max-width: 376px) { header .header-top__left { max-width: 144px; } } header .header-top__right { text-align: right; flex: auto; display: flex; justify-content: flex-end; align-items: center; } @media screen and (max-width: 575px) { header .header-top .contact-phone-number2, header .header-top .contact-phone-number, header .header-top .contact-phone:before { display: none; } header .header-top .mob-phone { width: 17px; height: 27px; } } @media screen and (min-width: 1029px) { header .header-top--image .header-top__left { max-width: 550px; } } @media screen and (max-width: 1028px) { header .letter1 { display: none !important; } } header .menu { background: #474747; line-height: 3.33333333em; } header .menu:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } header .menu:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } header .menu--hide { display: none; } header .line { display: block; width: 100%; height: 0.125em; background: #91ce4b; } header nav li { float: left; position: relative; } header nav li a { display: inline-block; color: #fff; font-size: 1.125em; padding: 0 1.11111111em; -webkit-transition: color 0.2s; transition: color 0.2s; text-decoration: none; } @media screen and (max-width: 1349px) { header nav li a { font-size: 16px; padding: 0 15px; } } @media screen and (max-width: 1199px) { header nav li a { font-size: 14px; padding: 0 10px; } } header nav li a:hover { color: #91ce4b; -webkit-transition: color 0.2s; transition: color 0.2s; } header nav li a:hover > span:after { opacity: 1; } header nav li a:hover > span:before { opacity: 0 !important; } header nav li span { position: relative; display: inline-block; width: 1.66666667em; height: 1.66666667em; max-height: 20px; vertical-align: middle; margin-right: 0.55555556em; flex-shrink: 0; } header nav li span:after { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } header nav li .item-home { width: 1.33333333em; margin-right: 0; } header nav li .item-home:before { margin-right: 0; width: 1.33333333em; background: url(/Content/source/img/svg/ico-home.png); background: url(/Content/source/img/svg/ico-home.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-home.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: left center; background-size: contain; } header nav li .item-home:after { margin-right: 0; width: 1.33333333em; background: url(/Content/source/img/svg/ico-home_green.png); background: url(/Content/source/img/svg/ico-home_green.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-home_green.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: left center; background-size: contain; } header nav li .item-pov-ruc { width: 18px; } header nav li .item-pov-ruc:before { width: 1.66666667em; background: url(/Content/source/img/svg/ico-26.png); background: url(/Content/source/img/svg/ico-26.svg); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: left center; background-size: contain; } header nav li .item-pov-ruc:after { width: 1.66666667em; background: url(/Content/source/img/svg/ico-01.png); background: url(/Content/source/img/svg/ico-01.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-01.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: left center; background-size: contain; } header nav li .item-hav-poj:before { width: 1.72222222em; background: url(/Content/source/img/svg/ico-27.png); background: url(/Content/source/img/svg/ico-27.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-27.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: left center; background-size: contain; } header nav li .item-hav-poj:after { width: 1.72222222em; background: url(/Content/source/img/svg/ico-02.png); background: url(/Content/source/img/svg/ico-02.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-02.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: left center; background-size: contain; } header nav li .item-ziv-poj:before { width: 1.72222222em; background: url(/Content/source/img/svg/heart.svg) no-repeat left center; content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-size: contain; } header nav li .item-ziv-poj:after { width: 1.72222222em; background: url(/Content/source/img/svg/heart_green.svg) no-repeat left center; content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-size: contain; } header nav li .item-ces-poj:before { width: 21px; background: url(/Content/source/img/svg/ico-29.png); background: url(/Content/source/img/svg/ico-29.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-29.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: left center; background-size: contain; } header nav li .item-ces-poj:after { width: 21px; background: url(/Content/source/img/svg/ico-04.png); background: url(/Content/source/img/svg/ico-04.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-04.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: left center; background-size: contain; } header nav li .item-poj-dom:before { width: 20px; background: url(/Content/source/img/svg/home_white.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/home_white.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: center 1px; background-size: contain; } header nav li .item-poj-dom:after { width: 20px; background: url(/Content/source/img/svg/home_green.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/home_green.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: center 1px; background-size: contain; } header nav li .item-ele:before { width: 15px; background: url(/Content/source/img/svg/ico-28.png); background: url(/Content/source/img/svg/ico-28.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-28.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: center center; background-size: contain; } header nav li .item-ele:after { width: 15px; background: url(/Content/source/img/svg/ico-03.png); background: url(/Content/source/img/svg/ico-03.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-03.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: center center; background-size: contain; } header nav li .item-ply:before { width: 15px; background: url(/Content/source/img/svg/ico-31.png); background: url(/Content/source/img/svg/ico-31.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-31.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: left center; background-size: contain; } header nav li .item-ply:after { width: 15px; background: url(/Content/source/img/svg/ico-06.png); background: url(/Content/source/img/svg/ico-06.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-06.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: left center; background-size: contain; } header nav li .item-maz:before { width: 100%; background: url(/Content/source/img/svg/pet_white.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/pet_white.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: center center; background-size: contain; } header nav li .item-maz:after { width: 100%; background: url(/Content/source/img/svg/pet_green.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/pet_green.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: center center; background-size: contain; } header nav .active-item .item-maz:before { width: 100%; background: url(/Content/source/img/svg/pet_dark.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/pet_dark.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: center center; background-size: contain; } header nav li .item-money:before, header nav li .item-money:after { width: 24px; content: ""; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; transition: opacity 0.2s; background-size: contain; } header nav li .item-money:before { background: url(/Content/source/img/svg/money-white.svg) no-repeat 0 1px; } header nav li .item-money:after { background: url(/Content/source/img/svg/money.svg) no-repeat 0 1px; } header nav .active-item .item-money:before { background: url(/Content/source/img/svg/money-dark.svg) no-repeat 0 1px; } header nav li .others__link { color: #fff; position: relative; font-size: 14px; line-height: 1.3; display: flex; align-items: center; justify-self: center; height: 55px; padding: 0 15px; cursor: pointer; transition: color 0.2s; } header nav .others:hover .others__link { color: #1ca21c; } header nav li .others__icon:before, header nav li .others__icon:after { width: 24px; height: 24px; content: "."; text-indent: -10000px; display: inline-block; position: absolute; right: 0; top: -2px; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-size: 12px; } header nav li .others__arrow { width: 10px; height: 10px; margin: 0 0 0 10px; } header nav li .others__arrow:before, header nav li .others__arrow:after { content: ''; display: block; right: 0; top: 0; position: absolute; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-size: contain; width: 100%; height: 100%; } header nav li .others__icon:before { background: url(/Content/source/img/svg/plus-circle.svg) no-repeat center center; } header nav li .others__icon:after { background: url(/Content/source/img/svg/plus-circle_green.svg) no-repeat center center; } header nav li .others__arrow:before { background: url(/Content/source/img/svg/ico-23.svg) no-repeat center center; } header nav li .others__arrow:after { background: url(/Content/source/img/svg/ico-23_green.svg) no-repeat center center; } header nav li.others:hover .others__icon:after, header nav li.others:hover .others__arrow:after, header nav li.others:hover .others__arrow:before { opacity: 1; } header nav li.others:hover .others__icon:before { opacity: 0; } header nav li .others__menu { display: none; position: absolute; right: 0; height: auto; z-index: 99; padding: 10px 10px; min-width: 250px; } .others__menu .others__item-title { color: #797979; padding-left: 34px; margin-left: 10px; font-size: 12px; line-height: 24px; text-transform: uppercase; font-weight: 600; } .others__menu .others__item-title.title-poj { background: url(/Content/source/img/svg/umbrella.svg) no-repeat left center; background-size: 24px; } .others__menu .others__item-title.title-usp { background: url(/Content/source/img/svg/money.svg) no-repeat left center; background-size: 24px; } .others__menu .others__item-title.title-uzit { background: url(/Content/source/img/svg/info-circle_green.svg) no-repeat left center; background-size: 22px; } .others__menu .others__item { padding: 10px 0; } .others__menu .others__item:not(:last-child) { border-bottom: 1px solid rgba(121, 121, 121, 0.2); } .others__menu ul { height: auto; flex-direction: column; } .others__menu ul li { display: block; border-radius: 5px; transition: all 0.2s; padding: 0 10px; } .others__menu ul li:hover { background-color: rgba(0, 109, 179, 0.1); } .others__menu ul li a { color: #000; display: block; padding-left: 34px; height: 30px; line-height: 30px; background: url(/Content/source/img/svg/ico-23_grey.svg) no-repeat right center; background-size: 7px; } .others__menu ul li:hover a { color: #000; background-image: url(/Content/source/img/svg/ico-23_blue.svg); } @media screen and (min-width: 992px) { header nav li .others__menu { top: 50px; background: #fff; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.1); } header nav li.others:hover .others__menu { display: block; } header nav li.others:hover .others__arrow { transform: rotate(90deg); } } @media screen and (max-width: 991px) { header nav .others.others--active .others__menu { display: block; } header nav li .others__menu { position: relative; background: rgba(0,0,0,0.2); } .others__menu ul, .others__menu ul li { width: 100%!important; } .others__menu .others__item:not(:last-child) { border-bottom-color: #ffffff; } .others__menu .others__item-title { margin-left: 5px; } .others__menu ul li { width: 100%; } .others__menu ul li a { background-position: right center; color: #ffffff; height: 37px; line-height: 37px; } .others__menu ul li:hover a { color: #ffffff; } header nav li .others__link { font-size: 17px; } .others__arrow { transform: rotate(90deg); transform-origin: center left; } .others--active .others__arrow { transform: rotate(-90deg); transform-origin: center; } } @media screen and (max-width: 599px) { header nav li .others__link { padding: 0 15px; } header nav li .others__arrow { position: absolute; right: 15px; } .others__menu .others__item-title { background-size: 27px!important; line-height: 30px; } header nav li .others__icon { width: 30px; } header nav li .others__icon:before, header nav li .others__icon:after { background-size: 30px; max-height: 30px; height: 30px; } } header nav .active-item { background: #97d060; } header nav .active-item a { color: #474747; } header nav .active-item a:hover { color: #474747; } header nav .active-item a:hover > span:after { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } header nav .active-item a:hover > span:before { opacity: 1 !important; } header nav .active-item .item-home:before { background: url(/Content/source/img/svg/ico-home_dark.png); background: url(/Content/source/img/svg/ico-home_dark.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-home_dark.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: left center; background-size: contain; } header nav .active-item .item-pov-ruc:before { background: url(/Content/source/img/svg/ico-26_dark.png); background: url(/Content/source/img/svg/ico-26_dark.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-26_dark.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: left center; background-size: contain; } header nav .active-item .item-hav-poj:before { background: url(/Content/source/img/svg/ico-27_dark.png); background: url(/Content/source/img/svg/ico-27_dark.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-27_dark.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: left center; background-size: contain; } header nav .active-item .item-ziv-poj:before { background: url(/Content/source/img/svg/heart_dark.svg) no-repeat left center; content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-size: contain; } header nav .active-item .item-ces-poj:before { background: url(/Content/source/img/svg/ico-29_dark.png); background: url(/Content/source/img/svg/ico-29_dark.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-29_dark.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: left center; background-size: contain; } header nav .active-item .item-poj-dom:before { background: url(/Content/source/img/svg/home_dark.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/home_dark.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: left center; background-size: contain; } header nav .active-item .item-ele:before { background: url(/Content/source/img/svg/ico-28_dark.png); background: url(/Content/source/img/svg/ico-28_dark.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-28_dark.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: left center; background-size: contain; } header nav .active-item .item-ply:before { background: url(/Content/source/img/svg/ico-31_dark.png); background: url(/Content/source/img/svg/ico-31_dark.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-31_dark.svg), linear-gradient(transparent, transparent); content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: left center; background-size: contain; } @media screen and (max-width: 991px) { header .container { padding: 0; } header .header-top { line-height: 55px; } header .header-top .logo { margin: 0; } header .header-top .logo img { width: 100%; padding-left: 20px; position: relative; z-index: 10000; } header nav { display: none; position: absolute; top: 60px; left: 0px; width: 100%; z-index: 9999; background: #474747; padding-bottom: 10px; } header nav li { float: none; } header nav li a { display: block; padding: 5px 20px; font-size: 18px; line-height: 2.5; } header nav li span { max-height: 24px; max-width: 30px; margin-right: 12px; } header nav li span:after, header nav li span:before { background-position: center center !important; width: 100%!important; top: -3px!important; } header nav li .item-pov-ruc { width: 30px; top: 3px; } header .menu { display: block; } header .menu .container { padding: 0; } } .blog { padding-bottom: 1.875em; } .blog h3, .blog .h3 { font-weight: 300; } .blog .blog__content { margin-left: -0.9375em; margin-bottom: 1.875em; -webkit-transition: background 0.2s; transition: background 0.2s; } .blog .blog__content .blog__content__box { display: block; border-radius: 0.625em; margin: 0 0.9375em; background: #ededed; color: #474747; border: 1px solid #ededed; text-decoration: none; -webkit-transition: background 0.2s; transition: background 0.2s; } .blog .blog__content .blog__content__box img { max-width: 100%; border-radius: 0.625em 0.625em 0 0; -webkit-filter: opacity(0.85); filter: opacity(0.85); } .blog .blog__content .blog__content__box .blog__content__box__pad { padding: 1.25em; } .blog .blog__content .blog__content__box:hover { background: #fff; } .blog .blog__content .blog__content__box:hover > .blog__content__box__pad .blog__content__box__hover { opacity: 1; } .blog .blog__content .blog__content__box .date { margin-bottom: 0.3125em; display: block; } .blog .blog__content .blog__content__box h5 { color: #91ce4b; font-size: 1.625em; margin-bottom: 0.38461538em; min-height: 2em; } .blog .blog__content .blog__content__box p { line-height: 1.375em; padding-bottom: 1.25em; } .blog .blog__content .blog__content__box .blog__content__box__hover { border-top: 1px solid #474747; padding-top: 1.25em; text-align: right; opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .blog .blog__content .blog__content__box .blog__content__box__hover span { text-transform: uppercase; color: #91ce4b; font-weight: 600; } .blog .blog__content .blog__content__box .blog__content__box__hover span:after { content: ""; display: inline-block; width: 1em; height: 0.72222222em; margin-left: 0.625em; vertical-align: middle; background: url(/Content/source/img/svg/ico-23_green.svg) center left no-repeat; } .blog .post-with-img { margin-left: -0.9375em; margin-bottom: 1.875em; -webkit-transition: background 0.2s; transition: background 0.2s; } .blog .post-with-img .blog__content__box { display: block; border-radius: 0.625em; margin: 0 0.9375em; background: #ededed; color: #474747; border: 1px solid #ededed; text-decoration: none; -webkit-transition: background 0.2s; transition: background 0.2s; overflow: hidden; min-height: 33.125em; border-radius: 0.625em 0.625em 0 0 !important; } .blog .post-with-img .blog__content__box img { max-width: 100%; width: 100%; height: auto; border-radius: 0.625em 0.625em 0 0; -webkit-filter: opacity(0.85); filter: opacity(0.85); } .blog .post-with-img .blog__content__box .blog__content__box__pad { padding: 1.25em; background: #ededed; -webkit-transition: transform 0.5s, background 0.2s; transition: transform 0.5s, background 0.2s; } .blog .post-with-img .blog__content__box:not(.small) .blog__content__box__pad { position: relative; z-index: 666; } .blog .post-with-img .blog__content__box:hover, .blog .post-with-img .blog__content__box.small:hover .blog__content__box__pad { background: #fff; } .blog .post-with-img .blog__content__box:not(.small):hover .blog__content__box__pad { background: #fff; transform: translateY(-3.75em); } .blog .post-with-img .blog__content__box.small .blog__content__box__hover { opacity: 1; display: block; } .blog .post-with-img .blog__content__box.small .block-with-text { min-height: 180px; } .blog .post-with-img .blog__content__box:hover > .blog__content__box__pad .blog__content__box__hover { opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .blog .post-with-img .blog__content__box .date { margin-bottom: 0.3125em; display: block; } .blog .post-with-img .blog__content__box h5, .blog .post-with-img .blog__content__box .h5 { color: #91ce4b; font-size: 1.625em; margin-bottom: 0.625em; text-align: left; padding: 0; font-weight: 400; } .blog .post-with-img .blog__content__box p { line-height: 1.375em; padding-bottom: 1.25em; } .blog .post-with-img .blog__content__box .blog__content__box__hover { border-top: 1px solid #474747; padding-top: 1.25em; text-align: right; opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; margin-bottom: -60px; } .blog .post-with-img .blog__content__box .blog__content__box__hover span { text-transform: uppercase; color: #91ce4b; font-weight: 600; } .blog .post-with-img .blog__content__box .blog__content__box__hover span:after { content: ""; display: inline-block; width: 1em; height: 0.72222222em; margin-left: 0.625em; vertical-align: middle; background: url(/Content/source/img/svg/ico-23_green.svg) center left no-repeat; } .blog .blog__button { display: block; text-align: center; background-color: #91ce4b; color: #fff; padding: 0.875em 1.375em; text-transform: uppercase; text-decoration: none; border-radius: 0.3125em; width: 12.5em; font-weight: 600; margin: 0 auto; position: relative; padding-right: 2.8125em; overflow: hidden; } .blog .blog__button:hover:before { -webkit-transform: translateY(3.63636364em); transform: translateY(3.63636364em); } .blog .blog__button:hover:after { -webkit-transform: translateY(0); transform: translateY(0); } .blog .blog__button:before, .blog .blog__button:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: url(/Content/source/img/svg/ico-23.png) center right; background: url(/Content/source/img/svg/ico-23.svg) center right 1.5625em, -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-23.svg) center right 1.5625em, linear-gradient(transparent, transparent); background-repeat: no-repeat; background-size: 0.5em 0.875em; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .blog .blog__button:after { -webkit-transform: translateY(-3.63636364em); transform: translateY(-3.63636364em); } .blog--custom .blog__content__box p { padding-bottom: 0!important; cursor: pointer; } .blog--custom .blog__content__box__hover { opacity: 1; display: none; } .blog--custom .blog__content__box { text-decoration: none!important; cursor: pointer; } .blog--custom .blog__content__box:hover { border-color: #8c8c8c; } .blog--custom .blog__content__box:hover .blog__content__box__hover { display: block; } .blog--custom .blog__content__box:hover .blog__content__box__hover span { text-decoration: underline; } .blog--custom .post-with-img .blog__content__box { min-height: auto; overflow: visible; } .blog--custom .post-with-img .blog__content__box:hover .blog__content__box__pad { margin-top: 0; } .blog--custom .post-with-img .blog__content__box .blog__content__box__hover { margin-bottom: 0; } .blog--custom .blog__content__box__pad { border-radius: 10px; } .main-content { padding: 2.1875em 0; } .main-content .row .w33, .main-content .row .w66 { float: right; } .main-content h4 { font-size: 1.25em; margin-bottom: 0.625em; } .main-content .helpful-link { margin-bottom: 3.125em; } .main-content .helpful-link li { display: block; margin: 0.3125em 0; } .main-content .helpful-link li a { border-radius: 0.3125em; padding: 1.125em; background: #ededed; display: block; text-decoration: none; color: #474747; /*transition: all 0.2s;*/ position: relative; font-weight: 600; padding-right: 2.1875em; } .main-content .helpful-link li a:hover { background: #91ce4b; color: #fff; -webkit-transition: all 0.2s; transition: all 0.2s; } .main-content .helpful-link li a:hover:after { background-image: url(/Content/source/img/svg/ico-23.svg); } .main-content .helpful-link li a:after { content: "."; text-indent: -10000px; display: inline-block; width: 0.4em; height: 100%; background-repeat: no-repeat; background-position: right center; margin-right: 1.125em; background-image: url(/Content/source/img/svg/ico-23_dark.svg); position: absolute; right: 0px; top: 0px; } .main-content .helpful-link li .active { color: #fff; background: #91ce4b; -webkit-transition: all 0.2s; transition: all 0.2s; } .main-content .helpful-link li .active:after { background-image: url(/Content/source/img/svg/ico-23.svg); } .main-content .related-site li { display: block; margin: 0.3125em 0; } .main-content .related-site li:last-child a { border-bottom: 1px solid #c6c6c6; } .main-content .related-site li a { border-top: 1px solid #c6c6c6; padding: 0.625em; display: block; text-decoration: none; color: #474747; -webkit-transition: all 0.2s; transition: all 0.2s; position: relative; } .main-content .related-site li a:hover { color: #91ce4b; -webkit-transition: all 0.2s; transition: all 0.2s; } .main-content .related-site li a:hover:after { background-image: url(/Content/source/img/svg/ico-23_green.svg); } .main-content .related-site li a:after { content: "."; text-indent: -10000px; display: inline-block; width: 0.4em; height: 100%; background-repeat: no-repeat; background-position: right center; margin-right: 1.125em; background-image: url(/Content/source/img/svg/ico-23_dark.svg); position: absolute; right: 0px; top: 0px; } .main-content .related-site li .active { color: #91ce4b; } .main-content .related-site li .active:after { background-image: url(/Content/source/img/svg/ico-23_green.svg); } .main-content #detail_tarifu_vypis table, .main-content #detail_tarifu_vypis div, .main-content #detail_tarifu_vypis ul, .main-content #detail_tarifu_vypis ol { color: #474747; margin-bottom: 1.25em; line-height: 1.75em; } .main-content .text-content { line-height: 1.75em; padding: 0 2.5em; } .main-content .text-content *[itemprop="aggregateRating"] img { position: relative; top: 0.3em; width: 1.3em; height: auto; } .main-content .text-content h2, .main-content .text-content h3, .main-content .text-content h4, .main-content .text-content h5 { color: #91ce4b; margin-bottom: 0.41666667em; line-height: 1.16666667em; } .main-content .text-content h2 a, .main-content .text-content h3 a, .main-content .text-content h4 a, .main-content .text-content h5 a { text-decoration: underline; } .main-content .text-content h2 { font-size: 1.5em; } .main-content .text-content h3 { font-size: 1.5em; } .main-content .text-content h3 { font-size: 1.375em; } .main-content .text-content h5 { font-size: 1.25em; } .main-content .text-content p { color: #474747; margin-bottom: 1.25em; line-height: 1.75em; } .main-content .text-content ul, .main-content .text-content ol { list-style: disc; padding-left: 1.25em; line-height: 1.75em; } .main-content .text-content ol { list-style: decimal; } .main-content .text-content a { color: #91ce4b; text-decoration: none; } .main-content .text-content a:hover { text-decoration: underline; } .layout_wrap { position: relative; } #posledni-uzavrene-pojistky { background: #fff; } #prohlizi { position: fixed; bottom: 10px; left: 0; display: none; background: #ffe; padding: 14px; color: #90c200; border: 1px #a0d20a solid; text-align: center; font-size: 12px; } .lightbox .js-close { position: absolute; right: 10px; top: 10px; } .lightbox .js-rating-text { width: 100%; resize: none; } .tabula17 { width: 100%; margin: 20px auto; border-collapse: collapse; } .tabula17__img { width: 100%; max-width: 98px; } .tabula17 td { border: 1px solid #888; padding: 2px 5px; } .h2_klik17 { cursor: pointer; } .schovat { display: block; } @media screen and (max-width: 800px) { .schovat { display: none; } } .ytvideo17 { display: block; width: 560px; height: 315px; margin: 20px auto; } @media screen and (max-width: 1000px) { .ytvideo17 { width: 320px; height: 180px; } } @media screen and (max-width: 800px) { .ytvideo17 { width: 560px; height: 315px; } } @media screen and (max-width: 600px) { .ytvideo17 { width: 320px; height: 180px; } } @media screen and (max-width: 350px) { .ytvideo17 { width: 100%; height: 200px; } } @media screen and (max-width: 800px) { .text-content { line-height: 1.75em; } .text-content h2 { font-size: 1.25em; } .text-content h3 { font-size: 1.25em; } .text-content h3 { font-size: 1.125em; } .text-content h5 { font-size: 1em; } .text-content p { line-height: 1.5em; } .text-content ul, .text-content ol { line-height: 1.75em; } } footer { background: #474747; color: #fff; font-family: 'Poppins'; } footer h6, footer .h6 { color: #fff; padding-top: 3.5em; padding-bottom: 1.625em; font-weight: 600; font-size: 1em; text-align: left; } footer img { max-width: 100%; } footer .semi-bold { font-weight: 600; } footer .copyright { display: inline-block; font-size: 0.875em; margin-right: 2em; line-height: 1.71428571em; } footer .fb-plugin { padding-top: 3.5em; } footer li { line-height: 1.75em; } footer li a { font-size: 0.875em; color: #fff; display: block; text-decoration: none; } footer li a:hover { text-decoration: underline; } footer li span { font-size: 0.875em; color: #fff; display: block; } footer li:hover > a .soc:after { opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } footer .soc { width: 1.5625em; height: 1.5625em; position: relative; display: inline-block; margin-left: 0.625em; vertical-align: middle; } footer .soc:before, footer .soc:after { position: absolute; top: 0; left: -0.625em; content: "."; text-indent: -10000px; display: inline-block; width: 1.5625em; height: 1.5625em; background: url(/Content/source/img/svg/ico-12.svg); background-position: center left; background-repeat: no-repeat; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } footer .soc__fb:before { background-image: url(/Content/source/img/svg/ico-12.svg); } footer .soc__fb:after { opacity: 0; background-image: url(/Content/source/img/svg/ico-32.svg); } footer .soc__go:before { background-image: url(/Content/source/img/svg/ico-13.svg); } footer .soc__go:after { opacity: 0; background-image: url(/Content/source/img/svg/ico-33.svg); } footer .soc__tw:before { background-image: url(/Content/source/img/svg/ico-14.svg); } footer .soc__tw:after { opacity: 0; background-image: url(/Content/source/img/svg/ico-34.svg); } footer .soc__yo:before { background-image: url(/Content/source/img/svg/ico-15.svg); } footer .soc__yo:after { opacity: 0; background-image: url(/Content/source/img/svg/ico-35.svg); } footer .footer__bottom { margin-top: 3.625em; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 1.5625em 0; } footer .footer__bottom--special { border-top: 0; margin-top: 0; } footer .footer__bottom .footer__icon { background-image: url("/Content/source/img/svg/ico-16.svg"); background-size: 1.1875em 2.0625em; background-position: left center; background-repeat: no-repeat; padding-left: 2.8125em; } footer .footer__bottom .footer__icon span { display: block; } footer .footer__bottom .footer__icon .footer__icon__small { font-size: 0.9375em; line-height: 1.86666667em; } footer .footer__bottom .footer__icon .footer__icon__big { font-size: 1.5em; line-height: 1.16666667em; font-weight: 600; } footer .footer__bottom .icon-tel { background-image: url("/Content/source/img/svg/ico-16.svg"); background-size: 1.21875em 2em; } footer .footer__bottom .icon-mail { background-image: url("/Content/source/img/svg/ico-17.svg"); background-size: 1.875em 1.28125em; } footer .ico-soc { position: relative; width: 3.75em; height: 3.75em; display: inline-block; } footer .ico-soc:hover:before { opacity: 0; } footer .ico-soc:hover:after { opacity: 1; } footer .ico-soc:before, footer .ico-soc:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: inline-block; background-image: url("/Content/source/img/svg/ico-fb.svg"); background-size: 0.875em 1.75em; background-repeat: no-repeat; background-position: center center; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } footer .ico-soc:after { opacity: 0; background-image: url("/Content/source/img/svg/ico-fb_h.svg"); } footer .ico-fb:before, footer .ico-fb:after { background-image: url("/Content/source/img/svg/ico-fb.svg"); background-size: 0.875em 1.75em; } footer .ico-fb:after { background-image: url("/Content/source/img/svg/ico-fb_h.svg"); } footer .ico-go:before, footer .ico-go:after { background-image: url("/Content/source/img/svg/ico-go.svg"); background-size: 1.8125em 1.8125em; } footer .ico-go:after { background-image: url("/Content/source/img/svg/ico-go_h.svg"); } footer .ico-tw:before, footer .ico-tw:after { background-image: url("/Content/source/img/svg/ico-tw.svg"); background-size: 1.9375em 1.5625em; } footer .ico-tw:after { background-image: url("/Content/source/img/svg/ico-tw_h.svg"); } footer .ico-yo:before, footer .ico-yo:after { background-image: url("/Content/source/img/svg/ico-yo.svg"); background-size: 1.8125em 2.0625em; } footer .ico-yo:after { background-image: url("/Content/source/img/svg/ico-yo_h.svg"); } footer .footer__social { text-align: right; } footer .footer__bottom2 { padding: 1.5625em 0; padding-right: 9.375em; background-image: url("/Content/source/img/logo_footer.png"); background-repeat: no-repeat; background-position: center right; } footer .footer__bottom2 a { color: #fff; display: inline-block; font-size: 0.9375em; text-decoration: none; } footer .footer__bottom2 a:hover { text-decoration: underline; } footer .footer__bottom2 a:after { content: "|"; display: inline-block; padding: 0 10px; } footer .footer__bottom2 a:last-child:after { content: ""; } .sprite { background-image: url(/Content/source/img/spritesheet.png); background-repeat: no-repeat; display: inline-block; } .sprite-border { width: 17px; height: 15px; background-position: -5px -5px; } .sprite-check { width: 21px; height: 16px; background-position: -32px -5px; } .sprite-checkbox { width: 32px; height: 32px; background-position: -63px -5px; } .sprite-checkbox1 { width: 32px; height: 32px; background-position: -105px -5px; } .sprite-checkbox2 { width: 32px; height: 32px; background-position: -147px -5px; } .sprite-checkbox3 { width: 32px; height: 32px; background-position: -189px -5px; } .sprite-f-hvezka { width: 19px; height: 20px; background-position: -231px -5px; } .sprite-fb2 { width: 357px; height: 45px; background-position: -5px -47px; } .sprite-ico-tip { width: 55px; height: 55px; background-position: -5px -102px; } .sprite-mob-menu2 { width: 19px; height: 19px; background-position: -260px -5px; } .sprite-next { width: 50px; height: 45px; background-position: -70px -102px; } .sprite-next-black { width: 14px; height: 24px; background-position: -289px -5px; } .sprite-next-green { width: 14px; height: 24px; background-position: -313px -5px; } .sprite-platba { width: 40px; height: 40px; background-position: -130px -102px; } .sprite-prev { width: 50px; height: 45px; background-position: -180px -102px; } .sprite-prev-black { width: 14px; height: 24px; background-position: -337px -5px; } .sprite-prev-green { width: 14px; height: 24px; background-position: -240px -102px; } .sprite-right { width: 10px; height: 16px; background-position: -264px -102px; } .sprite-select-dark { width: 16px; height: 10px; background-position: -284px -102px; } .sprite-select-sprite { width: 16px; height: 20px; background-position: -310px -102px; } .sprite-shape-i { width: 40px; height: 40px; background-position: -264px -132px; } .sprite-shape-karty { width: 56px; height: 66px; background-position: -5px -182px; } .sprite-shape-kufr { width: 40px; height: 40px; background-position: -314px -132px; } .sprite-shape-lupa { width: 35px; height: 35px; background-position: -71px -182px; } .sprite-shape-osoba { width: 40px; height: 40px; background-position: -116px -182px; } .sprite-shape-otaznik { width: 40px; height: 40px; background-position: -166px -182px; } .sprite-shape-papir { width: 50px; height: 66px; background-position: -216px -182px; } .sprite-shape-papir2 { width: 40px; height: 40px; background-position: -276px -182px; } .sprite-shape-srdce { width: 40px; height: 40px; background-position: -71px -232px; } .sprite-shape-vahy { width: 80px; height: 66px; background-position: -121px -232px; } .sprite-star { width: 145px; height: 24px; background-position: -211px -258px; } .sprite-stars { width: 130px; height: 22px; background-position: -361px -5px; } .sprite-top { width: 49px; height: 49px; background-position: -372px -37px; } .sprite-vahy { width: 40px; height: 40px; background-position: -431px -37px; } .sprite-w-hvezka { width: 18px; height: 18px; background-position: -481px -37px; } .tabulka-znacky { width: 100%; } .tabulka-znacky td { width: 50%; padding-bottom: 2em; } .tabulka-znacky td > div:first-child { float: left; width: 33%; min-width: 50px; text-align: center; } .tabulka-znacky td > div:first-child img { width: auto; height: auto; max-width: 100%; } .tabulka-znacky td > div:last-child { float: left; width: 66%; min-width: 200px; } @media screen and (max-width: 500px) { .tabulka-znacky { display: block; } .tabulka-znacky td, .tabulka-znacky tr, .tabulka-znacky th { display: block; width: 100%; } } .indent-list__header { padding-left: 80px; padding-top: 30px; } .indent-list__body { padding-left: 100px; } @media screen and (max-width: 480px) { .indent-list__header, .indent-list__body { padding-left: 0; } } .p-b-0 { padding-bottom: 0 !important; } .photo { max-width: 750px; } .photo__item { padding: 0 0 30px; } .photo__item:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .photo__item:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .photo__item:not(.photo__item--last) { border-bottom: 1px solid #797979; margin-bottom: 30px; } .photo__left, .photo__right { float: left; width: 50%; padding: 0 28px; } @media screen and (max-width: 575px) { .photo__left, .photo__right { width: 100%; margin-bottom: 20px; } } .photo__left a, .photo__right a { display: block; margin-bottom: 5px; background-position: center center; background-size: contain; } @media screen and (max-width: 575px) { .photo__left a, .photo__right a { background-image: none !important; } } .photo__desc { display: block; } .photo__submit { position: relative; display: inline-block; background-color: #FF8000; text-align: center; font-size: 24px; font-weight: 700; padding: 10px 25px; margin-top: 10px; color: #ffffff !important; border-radius: 6px; cursor: pointer; text-decoration: none !important; text-transform: uppercase; } .photo__submit:hover { background-color: #B35A00; } .photo__button { position: relative; display: inline-block; background-color: #cacaca; text-align: center; font-weight: 700; padding: 5px 45px 5px 15px; margin-top: 10px; color: #ffffff !important; border-radius: 6px; cursor: pointer; } .photo__button:before { content: ''; position: absolute; top: 50%; right: 8px; width: 30px; height: 30px; margin-top: -15px; background-repeat: no-repeat; background-position: center center; } .photo__button:hover { background-color: #797979; } .photo__button--remove:before { background-size: 10px auto; background-image: url('/Content/source/img/svg/ico-23.svg'); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .photo__button--add { width: 100%; max-width: 230px; margin-top: 30px; background-color: #006db3 !important; } .photo__button--add:hover { background-color: #085d9d !important; } .photo__button--add:before { background-size: 10px auto; background-image: url('/Content/source/img/svg/ico-23.svg'); } .photo ul { list-style: none !important; padding-left: 0 !important; } .photo ul li { font-size: 14px; line-height: 20px; } .photo input[type='file'] { display: none; } .photo img { max-width: 100%; } @media screen and (min-width: 576px) { .photo img { width: 320px; height: 245px; opacity: 0; } } .bubble--left { width: 100% !important; height: 480px; background-image: url("/Content/Source/img/poj_car.png"); background-repeat: no-repeat; background-size: 623px auto; background-position: center right; position:relative; } #btn-for-bg-lp-pov { position: absolute; left: 40rem; top: 3rem; padding: 12rem 17rem; opacity: 0; } @media only screen and (max-width: 1260px) { .bubble--left { background-position: center left 670px; } #btn-for-bg-lp-pov { padding: 11rem 13rem; } } @media only screen and (max-width: 1120px) { .bubble--left { background-position: center left 550px; background-size: 600px auto; } #btn-for-bg-lp-pov { padding: 11rem 11.1rem; left: 35rem; } } @media only screen and (max-width: 992px) { .bubble--left { background-position: top 50px left 410px; } #bubble--left-bg { background-position: center left 520px; background-size: 450px auto; } #btn-for-bg-lp-pov { padding: 10rem 3.9em; left: 35rem; } } @media only screen and (max-width: 763px) { .bubble--left { background-position: top 135px left 225px; background-size: 430px; height: 520px; } #bubble--left-bg { background-position: top 125px left 225px; background-size: 430px; height: 520px; } #btn-for-bg-lp-pov { padding: 7rem 5.9rem; left: 14rem; top: 9rem; } } @media only screen and (max-width: 525px) { .bubble--left { background-position: top 135px left 155px; } #bubble--left-bg { background-position: top 135px left 165px; background-size:385px; } #btn-for-bg-lp-pov { padding: 6rem 3.9rem; left: 10rem; top: 9rem; } } @media only screen and (max-width: 375px) { .bubble--left { background-size: 280px; background-position: center bottom 15px; } #btn-for-bg-lp-pov { display: block; padding: 5rem 5.8rem; left: 1rem; top: 23rem; } #bubble--left-bg { background-image: url("/Content/Source/img/poj_car_mobile.png"); background-position: bottom right -15px; background-size: contain; height: 545px; } #pb-fix { padding-bottom: 25px !important; } } @media only screen and (max-width: 345px) { #bubble--left-bg { height: 535px; } #btn-for-bg-lp-pov { display: block; padding: 4rem 5.8rem; left: 1rem; top: 23rem; } } .bubble--left .bubble__left { width: 100%; display: block; } .bubble--left h1:not(.h1--subtitle), .bubble--left .h1--title { padding-bottom: 50px; } @media only screen and (max-width: 1080px) { .bubble--left h1 { max-width: 400px; width: 100%; padding-bottom: 15px !important; } } @media only screen and (max-width: 763px) { .bubble--left h1:not(.h1--subtitle) { max-width: 100%; font-size: 36px; } } @media only screen and (max-width: 490px) { .bubble--left h1 { max-width: 300px; line-height: 43px !important; } } @media only screen and (max-width: 375px) { .bubble--left h1:not(.h1--subtitle) { max-width: 245px; font-size: 32px !important; line-height: 35px !important; padding-bottom: 10px !important; } } .bubble--left h1 span { font-weight: 700; } .bubble-pb0 { padding-bottom: 0 !important; } @media only screen and (max-width: 1260px) { .bubble-pb0 .container { padding-right: 0; } } @media only screen and (max-width: 575px) { .bubble-pb0 .container { padding-left: 20px; } } @media only screen and (max-width: 375px) { .bubble-pb0 .container { padding-right: 20px; } } @media only screen and (max-width: 768px) { .bubble-pb0 + .info--block .container { padding-left: 20px; } } @media only screen and (max-width: 992px) { .bubble-pb0 + .info--block .info--block__people { text-align: left; padding-left: 0px; } } @media only screen and (max-width: 992px) { .bubble-pb0 + .info--block .info--block__item { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media only screen and (max-width: 992px) { .bubble-pb0 + .info--block .info--block__content { margin-bottom: 20px; position: relative; } } @media only screen and (max-width: 1120px) { .bubble--con { max-width: 530px; } } .bubble-pb0 + .info--block + .insurance { padding-top: 65px !important; } @media only screen and (max-width: 992px) { .bubble-pb0 + .info--block + .insurance { padding-top: 40px !important; } } @media only screen and (max-width: 763px) { .bubble-pb0 + .info--block + .insurance { padding-top: 10px !important; } } @media only screen and (max-width: 512px) { .bubble-pb0 + .info--block + .insurance { padding-top: 0px !important; margin: 0px !important; } } @media only screen and (max-width: 992px) { .bubble-pb0 + .info--block + .insurance .insurance__box a { width: 20%; margin: 0 20px; } .bubble-pb0 + .info--block + .insurance .insurance__box a:nth-child(1n+6) { display: none !important; } } @media only screen and (max-width: 763px) { .bubble-pb0 + .info--block + .insurance .insurance__box a { width: 25%; } .bubble-pb0 + .info--block + .insurance .insurance__box a:nth-child(1n+5) { display: none !important; } } @media only screen and (max-width: 512px) { .bubble-pb0 + .info--block + .insurance .insurance__box a { display: none !important; } } .bubble-pb0 + .info--block + .insurance .insurance__box img { padding: 5px; } @media only screen and (max-width: 992px) { .bubble-pb0 + .info--block + .insurance .insurance__box img { padding: 0px; } } @media only screen and (max-width: 1120px) { .bubble--con { max-width: 530px; } } .bubble__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 600px) { .bubble__row { margin-bottom: 10px; } } .bubble__item { margin-right: 30px; } @media only screen and (max-width: 1120px) { .bubble__item { width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; margin-right: 0 !important; } } @media only screen and (max-width: 763px) { .bubble__item { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 15px; } } @media only screen and (max-width: 375px) { .bubble__item { margin-bottom: 5px; } } @media only screen and (max-width: 525px) { .bubble__item.last .bubble__content { background-position: left center !important; } } @media only screen and (max-width: 525px) { .bubble__item.last .bubble__content p br { display: none !important; } } @media only screen and (max-width: 525px) { .bubble__item.last .bubble__content p strong { display: inline-block !important; } } .bubble__content { width: 100%; height: 100%; padding-left: 40px; background-image: url("/Content/Source/img/lander/check.png"); background-repeat: no-repeat; background-position: top left; background-size: 25px; } @media only screen and (max-width: 763px) { .bubble__content { background-size: 14px; padding-left: 25px; background-position: center left; } } @media only screen and (max-width: 525px) { .bubble__content { background-position: top 6px left; max-width: 170px; font-size: 12px; line-height: 20px; } } @media only screen and (max-width: 375px) { .bubble__content { max-width: 100%; background-position: left center; } } .bubble__content h5 { font-size: 22px; font-weight: 700; text-transform: uppercase; } @media only screen and (max-width: 763px) { .bubble__content h5 { display: none; } } @media only screen and (max-width: 992px) { .bubble__content p strong { display: block; } } @media only screen and (max-width: 763px) { .bubble__content p strong { display: inline-block; } } @media only screen and (max-width: 525px) { .bubble__content p strong { display: inline; } } @media only screen and (max-width: 375px) { .bubble__content p strong { display: inline-block; } } .bubble__content br { display: none; } @media only screen and (max-width: 992px) { .bubble__content br { display: none; } } .bubble__content p { font-size: 16px; } @media only screen and (max-width: 1260px) { .bubble__content p { padding-top: 5px; } } @media only screen and (max-width: 1180px) { .bubble__content p { padding-top: 0; } } .bubble--mobile { display: none; } @media only screen and (max-width: 763px) { .bubble--mobile { display: block; margin-top: 45px; margin-bottom: 62px; } } @media only screen and (max-width: 525px) { .bubble--mobile { margin-bottom: 36px; } } @media only screen and (max-width: 490px) { .bubble--mobile { margin-top: 25px; } } @media only screen and (max-width: 375px) { .bubble--mobile { margin-top: 5px; margin-bottom: 0; } } @media only screen and (max-width: 763px) { .bubble--desktop { display: none; } } .h1--subtitle { font-size: 22px; font-weight: 700; text-transform: uppercase; color: #ffffff; margin-top: 67px; margin-bottom: 10px; } @media only screen and (max-width: 1260px) { .h1--subtitle { margin-top: 47px; } } @media only screen and (max-width: 991px) { .h1--subtitle { margin-bottom: 0; } } @media only screen and (max-width: 763px) { .h1--subtitle { font-size: 18px; margin-top: 44px; } } @media only screen and (max-width: 375px) { .h1--subtitle { font-size: 15px; margin-top: 27px; } h1.h1--subtitle { padding-bottom: 0!important; line-height: 27px!important; } } .lander--button { max-width: 370px; width: 100%; padding: 0 !important; border-radius: 10px !important; position: relative; top: 15px; margin-bottom: 33px; } @media only screen and (max-width: 763px) { .lander--button { top: 0px; margin-bottom: 25px; } } @media only screen and (max-width: 512px) { .lander--button { max-width: calc(100% - 20px); top: 0; } } @media only screen and (max-width: 375px) { .lander--button { max-width: 290px; top: 5px; margin-bottom: 20px; } } .lander--button a { width: 100%; height: 84px; padding-top: 24px !important; padding-left: 70px !important; text-transform: uppercase; font-weight: 700; color: #ffffff; text-decoration: none; font-size: 25px !important; background-image: url("/Content/Source/img/lander/ico-18.svg"), url("/Content/Source/img/lander/ico-23.svg"); background-repeat: no-repeat, no-repeat; background-position: left 28px center, right 33px center; background-size: 32px auto, 14px auto; } @media only screen and (max-width: 763px) { .lander--button a { height: 78px; padding-top: 21px !important; } } @media only screen and (max-width: 512px) { .lander--button a { height: 65px; padding-top: 16px !important; font-size: 20px !important; background-size: 18px auto, 9px auto; } } .lander--button a:after, .lander--button a:before { content: none !important; } .lander__hav { position: relative; margin-bottom: 53px; } .lander__hav:before { content: ">"; color: #ffffff; position: relative; left: -2px; } .lander__hav a { margin-left: -3px; font-size: 16px; color: #ffffff; text-decoration: underline; } .lander__hav a span { text-decoration: none; } .lander__hav a:hover { text-decoration: none; } @media only screen and (max-width: 1260px) { .lander__hav { margin-bottom: 38px; } } @media only screen and (max-width: 992px) { .lander__hav { margin-bottom: 30px; } } @media only screen and (max-width: 763px) { .lander__hav { margin-bottom: 15px; } } .info--block__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .info--block__item { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } @media only screen and (max-width: 768px) { .info--block__item { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .info--block__people { text-align: right; } @media only screen and (max-width: 768px) { .info--block__people { padding-left: 15px; text-align: left; } } .info--block__people p { font-size: 20px; font-weight: 400; } @media only screen and (max-width: 768px) { .info--block__people p { font-size: 18px; } } .info--block__people p span { font-weight: 900; } .info--block__content p { font-size: 14px; } @media only screen and (max-width: 992px) { .info--block__content p { font-size: 13px; } } @media only screen and (max-width: 768px) { .info--block__content p { line-height: 20px; } } .info--block__content br { display: none; } @media only screen and (max-width: 768px) { .info--block__content { margin-bottom: 20px; position: relative; padding-left: 15px; } } @media only screen and (max-width: 768px) { .info--block__content span { position: absolute; top: 2px; left: 0; } } .info__text { text-align: center; margin-top: 50px; margin-bottom: 50px; } .info__text p { font-size: 24px; color: #201c46; font-weight: 700; } @media only screen and (max-width: 575px) { .info__text p { font-size: 15px; } } .info__text span { color: #3788c3; } .info--text { background-color: #ffffff; border-top: 1px solid #e0e2ee; border-bottom: 1px solid #e0e2ee; } .info__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 810px) { .info__row { padding: 0 15px; } } .info__counter { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-left: 24px; } @media only screen and (max-width: 1140px) { .info__counter { padding-left: 15px; } } @media only screen and (max-width: 575px) { .info__counter { display: none; } } .info__counter p { font-size: 18px; color: #201c46; font-weight: 700; } .info__counter p span { color: #3788c3; } .info__filter { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; text-align: right; position: relative; top: -8px; padding-right: 25px; } @media only screen and (max-width: 810px) { .info__filter { padding-right: 0; } } .info-karma-hvezda { width: 14px; height: 14px; background-image: url("/Content/Source/img/icon/star-solid.svg"); background-position: center center; background-size: 14px 14px; background-repeat: no-repeat; display: inline-block; } .info__sum { display: none; position: relative; top: -8px; } @media only screen and (max-width: 575px) { .info__sum { display: block; width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .info__sum .button--sum { margin-left: 0; margin-right: auto; } .h1--title { font-size: 52px !important; } @media only screen and (max-width: 762px) { .h1--title { font-size: 40px !important; line-height: 55px !important; } } @media only screen and (max-width: 450px) { .h1--title { max-width: 320px; } } @media only screen and (max-width: 375px) { .h1--title { font-size: 32px !important; line-height: 35px !important; } } @media only screen and (max-width: 1025px) { .h1--title span { display: block; } } .result { margin-top: 12px; background-color: #edeff5; } .result__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } @media only screen and (max-width: 575px) { .result__row { display: block; } } .result__row.pl { padding-left: 15px; margin-bottom: 15px; } @media only screen and (max-width: 810px) { .result__row.pl { padding: 0 15px; } } @media only screen and (max-width: 575px) { .result__row.pl { display: -webkit-box; display: -ms-flexbox; display: flex; } } .result__item90 { width: 90%; -webkit-box-flex: 0; -ms-flex: 0 0 90%; flex: 0 0 90%; } @media only screen and (max-width: 575px) { .result__item90 { width: 60%; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; } } @media only screen and (max-width: 440px) { .result__item90 { width: 60%; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; position: relative; left: -20px; } } @media only screen and (max-width: 335px) { .result__item90 { left: -30px; } } .result__col { width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; border: 1px solid #edeff5; border-right: none; } @media only screen and (max-width: 575px) { .result__col { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; border-bottom: none; border-right: 1px solid #edeff5; border-top: none; } } @media only screen and (max-width: 575px) { .result__col.first, .result__col.second, .result__col.three { background-color: #fcfdfe; } } @media only screen and (max-width: 575px) { .result__col.bt { border-top: 1px solid #edeff5; } } @media only screen and (max-width: 575px) { .result__col.first { padding-top: 10px; } } .result__content { text-align: left; padding: 17px 0 17px 17px; } @media only screen and (max-width: 575px) { .result__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 20px 0 20px; } } @media only screen and (max-width: 575px) { .result__content.big { padding-top: 10px; } .result__content.big .result__choice { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .result__content.big .result__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-top: 4px; } } .result__content.big .result__choice { margin-bottom: 10px; } .result__content.big .result__choice p { font-size: 18px; line-height: 24px; } .result--green { background-color: #f8fcf4; border-color: #61b500; border-right: 1px solid #61b500; } @media only screen and (max-width: 575px) { .result--green { border-top: 1px solid #61b500; border-bottom: 1px solid #61b500; } } .result--green .result__choice p { color: #61b500; } .result--green .result__title p { color: #61b500; } .result__info { border-right: none; width: 80%; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; } @media only screen and (max-width: 810px) { .result__info { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media only screen and (max-width: 575px) { .result__info { border-top: 1px solid #edeff5; } } .result__detail { width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; } @media only screen and (max-width: 810px) { .result__detail { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: left; } } .result__title { margin-bottom: 15px; } @media only screen and (max-width: 575px) { .result__title { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-bottom: 10px; } } .result__title p { font-size: 12px; line-height: 16px; margin-bottom: 0 !important; } @media only screen and (max-width: 575px) { .result__title p br { display: none; } } @media only screen and (max-width: 575px) { .result__choice { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; text-align: right; } } .result__choice p { font-size: 13px; line-height: 16px; font-weight: 700; color: #201c46; margin-bottom: 0 !important; } .result__items { background-color: #edeff5; padding-top: 40px; padding-bottom: 10px; position: relative; } .result__items:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 102%; background-color: #edeff5; z-index: -1; } .result__overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; display: none; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: opacity 0.2s; transition: opacity 0.2s; z-index: 100; cursor: pointer; } .result__overlay.is-active { display: block; opacity: 1; } .result__item { max-width: 958px; width: 100%; margin-left: 26px; margin-bottom: 20px; display: none; -webkit-box-shadow: 0px 0px 16px -10px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 16px -10px rgba(0, 0, 0, 0.75); } @media only screen and (max-width: 1290px) { .result__item { margin: 0 auto; margin-bottom: 20px; } } @media only screen and (max-width: 810px) { .result__item { -webkit-box-shadow: none; box-shadow: none; } } .result__item.action .result__button { position: absolute; top: 20px; right: 0; width: 100%; } @media only screen and (max-width: 810px) { .result__item.action .result__button { top: auto; bottom: 53px; } } @media only screen and (max-width: 368px) { .result__item.action .result__button { bottom: 61px; } } @media only screen and (max-width: 335px) { .result__item.action .result__button { bottom: 51px; } } @media only screen and (max-width: 810px) { .result__item .list-item { -webkit-box-shadow: 0px 0px 16px -10px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 16px -10px rgba(0, 0, 0, 0.75); } } .result__item.is-active { display: block; } @media only screen and (max-width: 1290px) { .result__item { max-width: 840px; } } @media only screen and (max-width: 1200px) { .result__item { max-width: 780px; } } @media only screen and (max-width: 810px) { .result__item { max-width: 100%; padding: 0 15px; } } .result__item .list-bottom-text { width: 180px; padding: 14px 15px; line-height: 7px; background-position: left 12px center; background-repeat: no-repeat; background-size: 15px auto; } @media only screen and (max-width: 649px) { .result__item .list-bottom-text { display: block; } } @media only screen and (max-width: 650px) { .result__item .list-bottom-text { width: 36%; -webkit-box-flex: 0; -ms-flex: 0 0 36%; flex: 0 0 36%; z-index: 10; } } @media only screen and (max-width: 533px) { .result__item .list-bottom-text { background-position: left 4px center; } } @media only screen and (max-width: 430px) { .result__item .list-bottom-text { width: 40%; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; } } @media only screen and (max-width: 399px) { .result__item .list-bottom-text { padding-left: 30px; font-size: 13px; } } .result__item .list-bottom-text2 { width: calc(100% - 180px); line-height: 35px; border-bottom-right-radius: 5px; } @media only screen and (max-width: 755px) { .result__item .list-bottom-text2 { font-size: 11px; color: #757583 !important; } } @media only screen and (max-width: 650px) { .result__item .list-bottom-text2 { width: 64%; -webkit-box-flex: 0; -ms-flex: 0 0 64%; flex: 0 0 64%; line-height: 12px; font-size: 11px; padding-top: 11px; } } @media only screen and (max-width: 550px) { .result__item .list-bottom-text2 { padding-top: 5px; } } @media only screen and (max-width: 430px) { .result__item .list-bottom-text2 { width: 60%; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; } } @media only screen and (max-width: 399px) { .result__item .list-bottom-text2 { line-height: 12px; padding-top: 4px; padding-bottom: 3px; } } .result__item .c-rating__item { background: url('/Content/Source/img/icon/stars.svg'); } .result__item .row-list { background-color: #ffffff; } .list-top-box-icon p:before { content: ""; display: inline; background: url("/Content/Source/share/povruc/crash3.svg"); background-repeat: no-repeat; background-size: 24px; width: 24px; height: 24px; float: left; margin: 0 16px 0 6px; } .list-top-box-icon p { font-size: 16px; font-weight: 700; } .list-top-box { display: flex; margin-left: -15px; width: calc(100% + 30px); } .list-top-box-text { color: white; background-color: #1CA21B; padding-left: 16px; padding-right: 33px; padding-top: 13px; padding-bottom: 13px; margin-top: -1px; border-radius: 2px 0 5px 0; text-align: left; } .result__item .list-item-doporucujeme { border: none; } .result__item .list-item-doporucujeme .list-bottom { margin-left: 0; border-bottom-right-radius: 5px; } @media only screen and (max-width: 650px) { .result__item .list-item-doporucujeme .list-bottom { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .result__item .list-item-doporucujeme .list-bottom .list-bottom-text--skew { overflow: hidden; padding-left: 28px; } @media screen and (max-width: 399px) { .result__item .list-item-doporucujeme .list-bottom .list-bottom-text--skew { padding-left: 10px; text-align: left; line-height: 12px; background-image: none; } } .result__item .list-item-doporucujeme .list-bottom .list-bottom-text--skew:before { right: -12px; width: 25px; height: 100px; margin-top: -25px; background-color: #fafbfd; border: none; -webkit-transform: skew(-25deg); transform: skew(-25deg); } .result__item .list-item-doporucujeme .list-bottom .list-bottom-text { background-color: #65b1e8; } .result__item .list-item-doporucujeme .list-bottom .list-bottom-text2 { background-color: #fafbfd; color: #000000; } .result__button { position: absolute; top: 20px; right: 0; width: 100%; } @media only screen and (max-width: 810px) { .result__button { top: auto; bottom: 19px; } } .result__detail { padding-top: 37px; } .result__detail span { font-size: 14px; font-weight: 700; color: #3788c3 !important; cursor: pointer; position: relative; z-index: 20; padding-right: 10px; background-image: url("/Content/Source/img/icon/arrow-right-blue.svg"); background-repeat: no-repeat; background-size: 6px auto; background-position: right center; } @media only screen and (max-width: 810px) { .result__detail span { top: -11px; } } .result__detail span:hover { text-decoration: underline !important; } .result__header { padding-top: 30px; margin-bottom: 20px; padding-left: 35px; } @media only screen and (max-width: 575px) { .result__header { width: 100%; padding-top: 19px; margin-bottom: 15px; } } @media only screen and (max-width: 350px) { .result__header { padding-left: 15px; } } .result__column.first .list-inner { height: 30px; overflow: hidden; } .result__column.first .list-inner img { height: 60px !important; margin-top: -15px; } @media only screen and (max-width: 899px) { .result__column .forms-content .forms-block__box .form-block__info { position: absolute !important; } } .result__column .forms-content .forms-block__box .form-block__info .info-box { width: 24.625em !important; } @media only screen and (max-width: 755px) { .result__column .forms-content .forms-block__box .form-block__info .info-box { left: -140px !important; top: 20px; } } @media only screen and (max-width: 614px) { .result__column .forms-content .forms-block__box .form-block__info .info-box { left: -250px !important; } } @media only screen and (max-width: 575px) { .result__column .forms-content .forms-block__box .form-block__info .info-box { left: -385px !important; top: 50px; } } @media only screen and (max-width: 400px) { .result__column .forms-content .forms-block__box .form-block__info .info-box { width: 312px !important; left: -332px !important; } } @media only screen and (max-width: 330px) { .result__column .forms-content .forms-block__box .form-block__info .info-box { left: -308px !important; } } @media only screen and (max-width: 899px) { .result__column .forms-content { overflow: inherit; } } @media only screen and (max-width: 1199px) { .result__column .list-rating .c-rating__item { background-image: url("/Content/Source/img/icon/star-regular.svg"); } } @media only screen and (max-width: 1199px) { .result__column .list-rating .c-rating__item.is-active { background-image: url("/Content/Source/img/icon/star-solid.svg"); } } .result__column .list-inner.hodnoceni { width: 80%; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; } @media only screen and (max-width: 575px) { .result__column .list-inner.hodnoceni { width: 60%; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; } } .result__column.three { text-align: left; } .result__column.first { margin-right: 50px; } @media only screen and (max-width: 575px) { .result__column.first { margin-right: 0; } } .result__column.second { margin-right: 30px; } .result__column.second > .row { -ms-flex-wrap: initial; flex-wrap: initial; } @media only screen and (max-width: 575px) { .result__column.second { margin-right: 0; } } .result__column .forms-content.info-bar { width: 10%; -webkit-box-flex: 0; -ms-flex: 0 0 10%; flex: 0 0 10%; background: transparent; } @media only screen and (max-width: 575px) { .result__column .forms-content.info-bar { width: 40%; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; position: relative; top: -21px; } } @media only screen and (max-width: 440px) { .result__column .forms-content.info-bar { width: 40%; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; } } @media only screen and (max-width: 575px) { .result__column { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .result__column .forms-content .forms-block__box { padding: 0; border: none; } .result__column .forms-content .forms-block__box .info__container { line-height: 16px; padding: 0; width: auto; } .result__rating .rating__star:before { background-image: url("/Content/Source/img/icon/stars-outline-blue.svg") !important; } .result__rating .rating__star span { background-image: url("/Content/Source/img/icon/stars-fill-blue.svg") !important; } .result__contact { padding-left: 20px; display: none; } @media only screen and (max-width: 575px) { .result__contact { display: block; height: 230px; } } @media only screen and (max-width: 400px) { .result__contact { padding-left: 0; } } .result__contact .contact { display: block !important; border: none !important; } .result__contact .contact__info { max-width: 100% !important; background-color: #EDEFF5 !important; } .result__contact .forms-content .forms-block__box .info__container .info { background-color: #ffffff; } @media only screen and (max-width: 575px) { .result__contact .info-box.infobox--width.active { margin-top: 136px; } } @media only screen and (max-width: 380px) { .result__contact .info-box.infobox--width.active { width: 330px !important; } } @media only screen and (max-width: 365px) { .result__contact .info-box.infobox--width.active { width: 300px !important; } } @media only screen and (max-width: 335px) { .result__contact .info-box.infobox--width.active { width: 270px !important; } } @media only screen and (max-width: 575px) { .result__contact .contact .forms-content .forms-block__box .info__container { position: absolute; } } @media only screen and (max-width: 350px) { .result__contact .contact__info .info__container p { font-size: 14px !important; } } .detail { max-width: 899px; width: 100%; margin: 0 auto; position: absolute; background-color: #ffffff; z-index: 100; display: none; left: 0; right: 0; } @media only screen and (max-width: 940px) { .detail { left: 0; } } @media only screen and (max-width: 768px) { .detail { top: 0 !important; -webkit-box-shadow: none; box-shadow: none; max-width: 100%; overflow: hidden; height: 100%; } } .detail.fancybox-content { padding: 0; max-width: 899px; width: 100%; overflow: initial; } .detail.is-active { display: block; } .detail .row { margin-left: 0 !important; margin-right: 0 !important; } .detail .row .col-12 { padding-left: 0 !important; padding-right: 0 !important; } .detail .fancybox-button.fancybox-close-small { display: none; } .detail__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .detail__item50 { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .detail__item50 .list-rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .detail__item100 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .detail__item100.pt { padding-top: 9px; } .detail__title { margin-bottom: 10px; } .detail__title p { margin-bottom: 0 !important; font-size: 18px; color: #201c46; font-weight: 700; } @media only screen and (max-width: 575px) { .detail__title p { font-size: 15px; } } @media only screen and (max-width: 399px) { .detail__title p { font-size: 13px; } } .detail__text { margin-bottom: 10px; } .detail__text p { margin-bottom: 0 !important; font-size: 14px; font-weight: 400; color: #201c46 !important; } @media only screen and (max-width: 575px) { .detail__text p { font-size: 12px; } } .detail__result { text-align: right; margin-bottom: 10px; } .detail__result p { margin-bottom: 0 !important; font-size: 14px; font-weight: 700; color: #201c46; } @media only screen and (max-width: 575px) { .detail__result p { font-size: 12px; } } .detail__zaloha, .detail__tarif, .detail__karma { padding-bottom: 15px; border-bottom: 1px solid #edeff5; margin-bottom: 25px; } .detail__karma .list-rating .c-rating__item { background-image: url("/Content/Source/img/icon/stars.svg"); } @media only screen and (max-width: 1199px) { .detail__karma .list-rating .c-rating__item { background-image: url("/Content/Source/img/icon/star-regular.svg"); } } .detail__karma .list-rating .c-rating__item.is-active { background-image: url("/Content/Source/img/icon/stars.svg"); } @media only screen and (max-width: 1199px) { .detail__karma .list-rating .c-rating__item.is-active { background-image: url("/Content/Source/img/icon/star-solid.svg"); } } .detail__left, .detail__right { padding-top: 80px; padding-bottom: 80px; } .detail__left { padding-left: 130px; background-color: #fafbfd; padding-right: 15px; } @media only screen and (max-width: 768px) { .detail__left { padding-left: 15px; padding-top: 30px; } } .detail__right { text-align: center; padding-right: 20px; } @media only screen and (max-width: 768px) { .detail__right { padding-left: 0; padding-right: 0; padding-bottom: 30px; } } .detail__type { margin-bottom: 40px; } .detail__type p { font-size: 14px; font-weight: 700; color: #201c46; } .detail__price { margin-bottom: 40px; } @media only screen and (max-width: 768px) { .detail__price { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media only screen and (max-width: 575px) { .detail__price { margin-bottom: 35px; } } .detail__price p { font-size: 14px; font-weight: 400; color: #000; margin-bottom: 15px !important; } @media only screen and (max-width: 575px) { .detail__price p { font-size: 13px; margin-bottom: 2px !important; } } @media only screen and (max-width: 768px) { .detail__total { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 25px; } } @media only screen and (max-width: 575px) { .detail__total { padding: 0 35px; } } .detail__sum p { font-size: 30px; font-weight: 700; color: #000; } @media only screen and (max-width: 575px) { .detail__sum p { font-size: 24px; } } .detail__logo { margin-bottom: 15px; } .detail__logo img { height: 100px!important; } .detail__sale { margin-bottom: 40px; } @media only screen and (max-width: 768px) { .detail__sale { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media only screen and (max-width: 575px) { .detail__sale { margin-bottom: 35px; } } .detail__sale p { margin-bottom: 15px !important; font-size: 14px; font-weight: 400; } @media only screen and (max-width: 575px) { .detail__sale p { margin-bottom: 2px !important; font-size: 13px; } } .detail__greenprice p { font-size: 30px; font-weight: 700; color: #61b500; } @media only screen and (max-width: 575px) { .detail__greenprice p { font-size: 24px; } } .detail__btn { margin-bottom: 80px; } @media only screen and (max-width: 768px) { .detail__btn { margin-bottom: 40px; } } .detail__inner { position: relative; } @media only screen and (max-width: 360px) { .detail__inner { background-color: #ffffff; } } .detail__close { position: absolute; top: 35px; z-index: 120; right: -25px; } @media only screen and (max-width: 768px) { .detail__close { right: 7px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; top: 20px; } } .detail__close--text { display: none; } @media only screen and (max-width: 768px) { .detail__close--text { display: block; } } .detail__close--text p { margin-bottom: 0 !important; font-size: 13px; font-weight: 700; color: #a5a5ac; } .detail__garance { background-color: #f8f8fb; text-align: left; } @media only screen and (max-width: 768px) { .detail__garance { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .detail__garance--inner { background-color: #65b1e8; width: 85%; } @media only screen and (max-width: 768px) { .detail__garance--inner { height: 100%; width: 90%; } } @media only screen and (max-width: 475px) { .detail__garance--inner { width: 85%; } } @media only screen and (max-width: 415px) { .detail__garance--inner p { position: relative; z-index: 20; } } .detail__garance--header { position: relative; } @media only screen and (max-width: 768px) { .detail__garance--header { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .detail__garance--header:after { content: ""; width: 40px; height: 40px; display: block; position: absolute; -webkit-transform: skew(-25deg); transform: skew(-25deg); right: 10px; top: 0; background-color: #65b1e8; } @media only screen and (max-width: 768px) { .detail__garance--header:after { height: 100%; } } .detail__garance--header p { text-align: left; font-size: 15px; color: #ffffff; font-weight: 700; margin-bottom: 0; padding: 8px 0; } @media only screen and (max-width: 768px) { .detail__garance--header p { padding: 0; margin-bottom: 0 !important; padding-top: 14px; } } @media only screen and (max-width: 575px) { .detail__garance--header p { font-size: 13px; padding-top: 12px; } } @media only screen and (max-width: 401px) { .detail__garance--header p { padding-top: 11px; } } @media only screen and (max-width: 341px) { .detail__garance--header p { padding-top: 18px; } } @media only screen and (max-width: 327px) { .detail__garance--header p { font-size: 11px; } } .detail__garance--header p span { width: 16px; height: 13px; background-repeat: no-repeat; background-size: 16px 13px !important; background-position: center center!important; display: inline-block; margin-left: 20px; margin-right: 7px; } .detail__garance--content { padding: 15px 25px; } @media only screen and (max-width: 768px) { .detail__garance--content { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 10px; } } .detail__garance--content p { font-size: 14px; font-weight: 400; color: #201c46; } @media only screen and (max-width: 768px) { .detail__garance--content p { line-height: 18px; margin-bottom: 0 !important; padding-top: 10px; padding-bottom: 10px; } } @media only screen and (max-width: 575px) { .detail__garance--content p { font-size: 11px; line-height: 15px; } } @media only screen and (max-width: 401px) { .detail__garance--content p { font-size: 10px; line-height: 14px; } } .detail__group { display: -webkit-box; display: -ms-flexbox; display: flex; } .detail__infobox { position: relative; top: 1px; } @media only screen and (max-width: 425px) { .detail__infobox .forms-content { background: none; } } @media only screen and (max-width: 800px) { .detail__infobox .forms-content .forms-block__box .form-block__info { position: absolute; } } .detail__infobox .forms-content .forms-block__box .form-block__info .info-box { border-color: #201C46 !important; } @media only screen and (max-width: 800px) { .detail__infobox .forms-content .forms-block__box .form-block__info .info-box { width: 24.625em !important; } } @media only screen and (max-width: 525px) { .detail__infobox .forms-content .forms-block__box .form-block__info .info-box { left: -85px; top: 25px; } } @media only screen and (max-width: 440px) { .detail__infobox .forms-content .forms-block__box .form-block__info .info-box { left: -170px; } } @media only screen and (max-width: 425px) { .detail__infobox .forms-content .forms-block__box .form-block__info .info-box { left: -129px; } } @media only screen and (max-width: 355px) { .detail__infobox .forms-content .forms-block__box .form-block__info .info-box { left: -120px; width: 300px !important; } } @media only screen and (max-width: 334px) { .detail__infobox .forms-content .forms-block__box .form-block__info .info-box { left: -82px; width: 250px !important; } } .detail__infobox .forms-content .forms-block__box .info__container { height: 25px; line-height: 20px; padding: 0 0 0 5px; background-color: #FAFBFD; } @media only screen and (max-width: 575px) { .detail__infobox .forms-content .forms-block__box .info__container { margin-top: 0; } } @media only screen and (max-width: 334px) { .detail__infobox .forms-content .forms-block__box .info__container { position: absolute; } } .detail__infobox .forms-content .forms-block__box { padding: 0; border-bottom: none; } .detail__infobox .info-box.show-8.show--nopadding { max-width: 333px; width: 100%; } .detail__rollup--content { background-color: #fff; border-bottom: 1px solid #edeff5; display: none; padding-right: 13px; } .detail__rollup--content.is-active { display: block; } .detail__rollup p { color: #65B1E8; } .detail__rollup .detail__result span { width: 10px; height: 10px; background-image: url("/Content/Source/img/icon/dropdown-down-blue.svg"); background-repeat: no-repeat; background-size: 10px auto; background-position: center top -6px; display: inline-block; } .detail__rollup.is-active .detail__result span { background-image: url("/Content/Source/img/icon/dropdown-up-blue.svg"); background-position: center top 0px; } .detail__dph { padding-right: 13px; } .detail__rating .rating__star { margin-right: 0; margin-left: auto; } @media only screen and (max-width: 575px) { .detail__rating .rating__star { width: 99px !important; } } @media only screen and (max-width: 575px) { .detail__rating .rating__star:before { width: 99px !important; background-size: 6.125rem auto !important; } } @media only screen and (max-width: 575px) { .detail__rating .rating__star span { background-size: 6.125rem auto !important; } } .detail__info p { padding: 30px 15px; color: #000; } .js-rollup { cursor: pointer; border-bottom: 1px solid #edeff5; } .js-rollup.is-active { border-bottom: none; } .js-rollup.is-active .detail__text p { color: #65B1E8 !important; } .js-rollup.is-active .detail__item50 { background-color: #fff; } .fancybox-slide--html { padding: 0 !important; } .calculate__div .calculate__image.calculate--lander { text-align: center !important; padding-left: 0 !important; } .calculate.btn--disabled div { background-color: #cdcdcd; cursor: not-allowed; opacity: 0.7; } .calculate.btn--disabled div:hover { background-color: #cdcdcd; } .tip { position: fixed; display: block; top: 35%; right: 0; z-index: 99; -webkit-transition: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; cursor: pointer; border-radius: 0 0 0 10px; background-color: #CA2D29; -webkit-transform: translate3d(305px, 0, 0); transform: translate3d(305px, 0, 0); } .tip-timer, .tip-active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .tip-timer .tip__title:after, .tip-active .tip__title:after { top: 22px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .tip__content { position: relative; width: 305px; border-radius: 0 0 0 8px; font-size: 16px; border-top: 5px solid; border-left: 5px solid; border-bottom: 5px solid; border-color: #CA2D29; background-color: #fff; } .tip__content__image a { display: block; } .tip__content__image img { display: block; width: 100%; height: auto; } .tip__title { position: absolute; top: 48px; left: -109px; font-size: 21px; font-weight: 600; background-color: #CA2D29; border-radius: 8px 8px 0 0; color: #fff; text-transform: uppercase; padding: 13px 46px 14px 16px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .tip__title:after { content: ""; position: absolute; right: 20px; top: 16px; width: 13px; height: 15px; background: url(/Content/source/img/svg/ico-23.svg) top left no-repeat; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .shortlead .forms-content .forms-block__box { margin-bottom: 41px; } @media only screen and (max-width: 991px) { .shortlead .forms-content .forms-block__box { padding: 45px 0 0 0; } } @media only screen and (max-width: 512px) { .shortlead .forms-content .forms-block__box { padding: 14px 0 0 0; margin-bottom: 24px; } } @media only screen and (max-width: 375px) { .shortlead .forms-content .forms-block__box { padding: 7px 0 0 0; } } @media only screen and (max-width: 991px) { .shortlead .forms-content .forms-block__box .form-block__text { width: 220px !important; padding: 12px 0; font-size: 16px; line-height: 18px; font-weight: 600; } } @media only screen and (max-width: 650px) { .shortlead .forms-content .forms-block__box .form-block__text { width: 150px !important; padding: 13px 0 5px 0; } } @media only screen and (max-width: 512px) { .shortlead .forms-content .forms-block__box .form-block__text { width: 100% !important; padding: 0; font-size: 15px; } } @media only screen and (max-width: 991px) { .shortlead .forms-content .forms-block__box .form-block__text label { margin: 0px; font-size: 18px; line-height: 20px; font-weight: 600; } } @media only screen and (max-width: 650px) { .shortlead .forms-content .forms-block__box .form-block__text label { font-size: 14px; line-height: 16px; } } @media only screen and (max-width: 512px) { .shortlead .forms-content .forms-block__box .form-block__text label { font-size: 13px; line-height: 14px; } } @media only screen and (max-width: 991px) { .shortlead .forms-content .forms-block__box .form-block__form { width: calc(100% - 220px); padding: 0 0 22px 0; } } @media only screen and (max-width: 650px) { .shortlead .forms-content .forms-block__box .form-block__form { width: calc(100% - 150px); } } @media only screen and (max-width: 512px) { .shortlead .forms-content .forms-block__box .form-block__form { width: 100%; padding: 0 0 4px 0; } } .shortlead .forms-content .forms-block__box .form-block__form input, .shortlead .forms-content .forms-block__box .form-block__form select { font-size: 14px !important; } @media only screen and (max-width: 991px) { .shortlead .forms-content .forms-block__box .form-block__form input, .shortlead .forms-content .forms-block__box .form-block__form select { padding: 10px 13px; } } @media only screen and (max-width: 991px) { .shortlead .forms-content .forms-block__box .form-block__form select { background-position: right 0.625em top 14px; } } @media only screen and (max-width: 991px) { .shortlead .forms-content .forms-block__box .form-block__before { padding-right: 52px; } } @media only screen and (max-width: 375px) { .shortlead .forms-content .forms-block__box .form-block__before { padding-right: 44px; } } @media only screen and (max-width: 991px) { .shortlead .forms-content .forms-block__box .form-block__info { width: 100%; top: -18px; padding-top: 0px; } } @media only screen and (max-width: 512px) { .shortlead .forms-content .forms-block__box .form-block__info { top: -10px; } } @media only screen and (max-width: 991px) { .shortlead .forms-content .forms-block__box .form-block__info .info-box { top: 0px !important; } } @media only screen and (max-width: 512px) { .shortlead .forms-content .forms-block__box .form-block__info .info-box { margin-top: 10px; } } @media only screen and (max-width: 991px) { .shortlead .forms-content .forms-block__box .info__container { top: -10px; right: 0; text-align: right; margin-top: 0px; } } @media only screen and (max-width: 512px) { .shortlead .forms-content .forms-block__box .info__container { top: 12px; margin-top: -3px; } } @media only screen and (max-width: 991px) { .shortlead .forms-content .forms-block__box .form-block__full { width: 100% !important; margin-bottom: 0px !important; } } @media only screen and (max-width: 991px) { .shortlead .forms-content .forms-block__box .form-block__full label { padding-left: 48px; } } @media only screen and (max-width: 375px) { .shortlead .forms-content .forms-block__box .form-block__full label { padding-left: 44px; } } @media only screen and (max-width: 991px) { .shortlead .forms-content .forms-block__box .form-block__full label:before { top: 3px !important; } } @media only screen and (max-width: 991px) { .shortlead header { height: 48px; } } @media only screen and (max-width: 991px) { .shortlead header .container { padding-right: 19px; } } @media only screen and (max-width: 512px) { .shortlead header .container { padding-right: 12px; } } @media only screen and (max-width: 375px) { .shortlead header .container { padding-right: 8px; } } @media only screen and (max-width: 991px) { .shortlead header .header-top { line-height: 45px; } } @media only screen and (max-width: 991px) { .shortlead header .header-top .mob-menu, .shortlead header .header-top .mob-menu2, .shortlead header .header-top .mob-phone, .shortlead header .header-top .mob-mail { width: 37px; height: 47px; } } @media only screen and (max-width: 991px) { .shortlead header .header-top__left { max-width: 125px; } } @media only screen and (max-width: 991px) { .shortlead header .header-top__right { max-width: calc(100% - 125px); } } @media only screen and (max-width: 991px) { .shortlead header .header-top .logo img { padding-left: 0px; } } @media only screen and (max-width: 991px) { .shortlead .container { padding: 0 30px; } } @media only screen and (max-width: 512px) { .shortlead .container { padding: 0 18px; } } @media only screen and (max-width: 375px) { .shortlead .container { padding: 0 15px; } } @media only screen and (max-width: 991px) { .shortlead .container--shortlead { max-width: 80%; } } @media only screen and (max-width: 991px) { .shortlead .form--description { max-width: 520px; padding-bottom: 40px !important; font-weight: 500; } } @media only screen and (max-width: 512px) { .shortlead .form--description { padding-bottom: 28px !important; } } @media only screen and (max-width: 512px) { .shortlead .form--description { padding-bottom: 27px !important; } } @media only screen and (max-width: 991px) { .shortlead .form--description p { font-size: 14px; line-height: 18px !important; } } @media only screen and (max-width: 512px) { .shortlead .form--description p { font-size: 13px; line-height: 16px !important; } } @media only screen and (max-width: 991px) { .shortlead .form--description p.strong { margin-bottom: 18px; font-weight: 700; font-size: 16px; } } @media only screen and (max-width: 512px) { .shortlead .form--description p.strong { font-size: 13px; margin-bottom: 11px; } } @media only screen and (max-width: 375px) { .shortlead .form--description p.strong { font-size: 12px; } } .shortlead .bg-green3 h1 { font-size: 24px !important; padding: 11px 0 11px 46px; } @media only screen and (max-width: 512px) { .shortlead .bg-green3 h1 { padding: 12px 0; font-size: 18px !important; line-height: 21px; } } @media only screen and (max-width: 375px) { .shortlead .bg-green3 h1 { padding: 6px 0; font-size: 14px !important; line-height: 16px; } } .shortlead .bg-green3 h1:before { background-image: url("/Content/source/img/svg/ico-26.svg"); } @media only screen and (max-width: 512px) { .shortlead .bg-green3 h1:before { display: none; } } .shortlead__header { display: block; } @media only screen and (max-width: 375px) { .shortlead__header--tablet { display: none; } } @media only screen and (min-width: 376px) { .shortlead__header--mobile { display: none; } } .shortlead__button { max-width: 356px; width: 100%; padding: 0 !important; border-radius: 10px !important; position: relative; margin: 25px 0 32px 0; } @media only screen and (max-width: 512px) { .shortlead__button { max-width: calc(100% - 54px); margin: 14px 0 11px 0; } } @media only screen and (max-width: 375px) { .shortlead__button { max-width: 100%; margin: 9px 0 16px 0; } } .shortlead__button a { width: 100%; height: 80px; padding-top: 24px !important; padding-left: 72px !important; text-transform: uppercase; font-weight: 700 !important; color: #ffffff; text-decoration: none; font-size: 25px !important; background-image: url("/Content/source/img/svg/ico-18.svg"), url("/Content/source/img/svg/ico-23.svg"); background-repeat: no-repeat, no-repeat; background-position: left 27px top 31px, right 23px top 32px; background-size: 18px auto, 12px auto; } @media only screen and (max-width: 512px) { .shortlead__button a { height: 60px; padding-top: 14px !important; padding-left: 55px !important; font-size: 16px !important; background-position: left 18px top 21px, right 23px top 21px; } } .shortlead__button a:after, .shortlead__button a:before { content: none !important; } .shortlead__button--center { margin: 64px auto 20px auto; } @media only screen and (max-width: 512px) { .shortlead__button--center { max-width: calc(80% - 30px); } } @media only screen and (max-width: 375px) { .shortlead__button--center { margin-top: 30px; max-width: 100%; } } .shortlead__button--phone { margin-top: 0; margin-bottom: 75px; background-color: #016db5; } @media only screen and (max-width: 375px) { .shortlead__button--phone { margin-bottom: 15px; } } .shortlead__button--phone a { display: block; height: 45px; padding-top: 11px !important; padding-left: 55px !important; font-size: 18px !important; text-transform: none; text-align: left; background-image: url("/Content/source/img/svg/ico-phone.svg"), url("/Content/source/img/svg/ico-23.svg"); background-position: left 18px top 15px, right 23px top 16px; background-size: 18px auto, 8px auto; } .shortlead__button--phone:hover { background-color: #397ba7; } .shortlead__thanks { max-width: 585px; margin: 63px auto; padding: 130px 0; font-size: 30px; line-height: 35px; font-weight: 700; color: #1ca21c; background-color: #eef8ed; } @media only screen and (max-width: 512px) { .shortlead__thanks { padding: 75px 0; } } @media only screen and (max-width: 375px) { .shortlead__thanks { margin: 30px auto; padding: 35px 0; } } .shortlead__thanks__ico { width: 30px; height: 30px; margin: 0 auto 10px auto; background: url("/Content/source/img/svg/ico-22_green.svg") no-repeat center; } @media only screen and (max-width: 512px) { .shortlead__break { display: none; } } .item-before { content: "."; text-indent: -10000px; display: inline-block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-repeat: no-repeat; background-position: left center; background-size: contain; } /******* * web * *******/ body { font-family: "Open Sans", sans-serif; font-size: 16px; color: #474747; position: relative; } header { background: #fff; } .text-center { text-align: center; } .row .float-right { float: right; } .big-120 { font-size: 120%; } .tlacitko { display: block; padding: 0.8125em 1.25em; font-size: 1em; color: #fff; text-transform: uppercase; background: #8e5cd4; border-radius: 0.625em; font-weight: 600; width: 10em; } .tlacitko:after { content: "."; text-indent: -10000px; display: inline-block; width: 0.94444444em; height: 100%; margin-left: 1.25em; background: url(/Content/source/img/svg/ico-23.svg) top left no-repeat; } .js-slider { position: absolute; left: 0; top: 0; opacity: 0; z-index: 0; width: 100%; height: 100%; -webkit-transform: translateX(-100px); transform: translateX(-100px); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; transition: transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s; } .js-slider-right { -webkit-transform: translateX(100px); transform: translateX(100px); } .js-slider-out { opacity: 0; z-index: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px); } .js-slider-in { opacity: 1; z-index: 69; -webkit-transform: translateX(0); transform: translateX(0); } .js-slider-right.js-slider-out { -webkit-transform: translateX(100px); transform: translateX(100px); } .mobile-app a { text-align: center; display: inline-block; width: 8.125em; padding: 0.625em; background: #474747; border-radius: 0.3125em; } .mobile-app a img { max-width: 100%; max-height: 1.875em; } .letter1 { width: 100%; max-width: 15.9375em; } .letter3 { width: 100%; max-width: 6.25em; display: inline-block; margin-right: 0.625em; margin-top: 2.5em; } h3, .h3 { font-size: 2.25em; color: #474747; padding: 1.625em 0; line-height: 100%; } .v-tab, .v-mob { display: none !important; } .green { color: #91ce4b !important; } .red { color: #ff0000; } .strong { font-weight: 600; } .container { width: 100%; max-width: 82.375em; margin: 0 auto; padding: 0 20px; } .container:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .container:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } @media screen and (max-width: 575px) { .container { padding: 0 10px; } } .index { position: relative; overflow-x: auto; } @media screen and (max-width: 799px) { .index { font-size: 16px !important; } } .viewer { width: 20.9375em; position: relative; height: 4.6875em; display: inline-block; font-size: 1em; margin-top: 2.1875em; color: #fff; text-align: left; } .viewer:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .viewer:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .viewer__circle { text-align: center; float: left; background: url(/Content/source/img/svg/ico-19.png) top center no-repeat; background: url(/Content/source/img/svg/ico-19.svg) top center no-repeat, -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-19.svg) top center no-repeat, linear-gradient(transparent, transparent); background-size: 0.625em; background-position-y: 0.15625em; font-size: 2em; line-height: 100%; width: 2.34375em; height: 2.34375em; padding-top: 0.875em; border: 3px solid #fff; border-radius: 50%; display: block; } .viewer__text { float: left; width: calc(100% - 75px); line-height: 20px; vertical-align: middle; padding-left: 20px; padding-top: 25px; } @media screen and (max-width: 799px) { .viewer__text { width: 100%; padding-left: 0; } } .viewer__inner { display: inline-block; line-height: 20px; vertical-align: middle; } .mapa-v-textu { width: 100%; max-width: 600px; margin: 20px 0; } .pojistovny-v-textu { width: 100%; max-width: 967px; margin: 20px 0px; } #cekejte_prosim { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(240, 240, 240, 0.6); z-index: 99999; } #cekejte_prosim > div { position: absolute; top: 40%; width: 100%; text-align: center; font-size: 30px; color: #333; } .table-rekap { width: 100%; } .table-rekap-50 { width: 50%; } .table-rekap td { padding-bottom: 7px; } @media screen and (max-width: 480px) { .table-rekap tr, .table-rekap th, .table-rekap td { display: block; width: 100%; } .table-rekap td { padding-bottom: 3px; } .table-rekap tr { padding-bottom: 10px; } } .calculate { float: right; max-width: 21.875em; width: 100%; display: block; color: #fff; padding-top: 0.9375em; } .calculate--center { display: block; margin: 20px auto; float: none; } .calculate--center .calculate__image { color: #ffffff; } .calculate__div { background: #8e5cd4; padding: 2.25em 1.875em; border-radius: 4px; text-align: left; overflow: hidden; -webkit-transition: background 0.2s; transition: background 0.2s; /*&:hover{ .calculate__image{ &:before{ transform: translateY(120/33em); } &:after{ transform: translateY(0); } } }*/ } .calculate__div .calculate__image { text-align: left; font-size: 33px; padding-left: 86px; display: inline-block; line-height: 36px; font-weight: 700; position: relative; } .calculate__div .calculate__image:before, .calculate__div .calculate__image:after { position: absolute; left: 0; top: 0; width: 1.63636364em; height: 100%; content: ""; display: inline-block; background: url(/Content/source/img/svg/ico-18.png); background: url(/Content/source/img/svg/ico-18.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-18.svg), linear-gradient(transparent, transparent); background-position: top left; background-repeat: no-repeat; background-size: 1.63636364em 2.06060606em; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .calculate__div .calculate__image:after { -webkit-transform: translateY(-3.63636364em); transform: translateY(-3.63636364em); } .calculate__div--lower { padding-top: 1em; padding-bottom: 1em; } .calculate__div--lower2 { padding-top: 1em; padding-bottom: 1em; } .calculate__div--lower2 .calculate__image { font-size: 1.5em; min-height: 1.4em; padding-top: 0.14em; } .calculate__div--lower2 .calculate__image br { display: none; } .calculate__div--lower2 .calculate__image:before { background-size: 1em auto; background-position: 0 center; } .calculate--inline { display: inline-block; width: 18.75em; } .mob-text { color: #474747; font-size: 14px; padding: 10px; } .mob-text a { color: #474747; } .bg-green { overflow: hidden; background: #9ad05d; background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#4ad1a6), to(#9ad05d)); background: linear-gradient(0, #4ad1a6, #9ad05d); } .bg-green h1 { font-size: 2.25em; color: #fff; padding: 0.69444444em 0; font-weight: 600; line-height: 1.11111111em; } .bg-green .h1--sub { padding: 0.3125em 0 0.625em; } .bg-green .h1--sub a { color: #fff; } .bg-green .index-left { position: relative; height: 26.875em; } .bg-green .index-left--small { height: 20em; } .bg-green .index-left ul { margin-bottom: 3.5em; } .bg-green .index-left ul li { line-height: 1.75em; color: #474747; font-size: 1em; position: relative; padding-left: 1.875em; } .bg-green .index-left ul li a { display: block; } .bg-green .index-left ul li:before { position: absolute; left: 0; top: 0; content: ""; display: inline-block; height: 100%; width: 0.77777778em; background: url(/Content/source/img/svg/ico-22.png) left center no-repeat; background: url(/Content/source/img/svg/ico-22.svg) left center no-repeat, -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-22.svg) left center no-repeat, linear-gradient(transparent, transparent); } .bg-green .index-left .circle-1, .bg-green .index-left .circle-2 { color: #474747; text-transform: uppercase; font-weight: 700; font-size: 1em; display: inline-block; padding: 1.25em 0; padding-left: 3.75em; line-height: 1.5em; position: relative; } .bg-green .index-left .circle-1:before, .bg-green .index-left .circle-2:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .bg-green .index-left .circle-1 { margin-right: 1.875em; } .bg-green .index-left .circle-1:before { background: url(/Content/source/img/svg/ico-20.png); background: url(/Content/source/img/svg/ico-20.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-20.svg), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-position: left center; background-size: 2.8125em; } .bg-green .index-left .circle-2:before { background: url(/Content/source/img/svg/ico-21.png); background: url(/Content/source/img/svg/ico-21.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-21.svg), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-position: left center; background-size: 2.8125em; } .bg-green .index-left__left { float: left; margin-right: 1.5625em; } .bg-green .index-left__left ul, .bg-green .index-left__left p { max-width: 28.75em; } .bg-green .index-left__left p { line-height: 1.75em; color: #fff; font-size: 1em; position: relative; margin-bottom: 3.5em; } @media screen and (max-width: 480px) { .bg-green .index-left__left p { margin-bottom: 15px; } } .bg-green .index-left__left--small ul { margin-bottom: 0.5em; } .bg-green .index-left__right { position: relative; height: 19.6875em; } .bg-green .index-left__right img { position: absolute; right: 0; bottom: 0; width: 100%; max-width: 23.75em; max-height: 18.75em; height: auto; } .bg-green .index-right { padding-top: 2.1875em; color: #fff; text-align: right; } .bg-green .index-right .letter2 { margin-top: 2.1875em; width: 12.8125em; height: 1.875em; max-width: 255px; text-align: right; margin-right: 4.0625em; } .bg-green .index-right--small { padding-top: 0; } .bg-green .index-right--small .viewer { margin-top: 1.5em; } .bg-green .index-right--small .calculate__div { width: 22em; float: right; margin-top: 1.5em; } .insurance { margin-top: 0; background: #ffffff; background: rgba(255, 255, 255, 0.75), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: rgba(255, 255, 255, 0.75), linear-gradient(transparent, transparent); text-align: center; padding: 1.875em 0; z-index: 96; position: relative; } .insurance__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .insurance__box a { display: inline-block; width: 12.5%; line-height: 4.375em; margin-bottom: 1.25em; } @media only screen and (max-width: 800px) { .insurance__box a { width: 12.5% !important; } } @media only screen and (max-width: 762px) { .insurance__box a { width: 20%; margin: 0 20px; } .insurance__box a:nth-child(1n+6) { display: none !important; } } @media only screen and (max-width: 512px) { .insurance__box a { width: 25% !important; } .insurance__box a:nth-child(1n+5) { display: none !important; } } @media only screen and (max-width: 375px) { .insurance__box a { display: none; } } .insurance__box a img { vertical-align: middle; max-height: 4.375em; max-width: 85%; width: auto; height: auto; } main { display: block; } .poj { margin-left: -0.9375em; } .poj__content { display: block; } @media screen and (min-width: 800px) { .poj__content .cell:nth-child(3n+1) { clear: both; } } @media screen and (max-width: 800px) { .poj__content { display: flex; flex-wrap: wrap; } } .poj__link { margin: 0 0.9375em; margin-bottom: 1.875em; color: #000; display: block; background: #ededed; border-radius: 0.625em; position: relative; -webkit-transition: background 0.2s; transition: background 0.2s; text-decoration: none; } .poj__link:hover > .poj__box { opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .poj__link:hover > .poj__box--hover { opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .poj__link:hover { background: #8e5cd4; -webkit-transition: background 0.2s; transition: background 0.2s; } .poj__link h4, .poj__link h3 { font-size: 1.25em; font-weight: 600; margin-bottom: 0.5em; padding: 0; text-align: left; } .poj__link span { font-size: 1em; line-height: 1.25em; } .poj__link .tlacitko { margin-top: 1.25em; } .poj__box { padding: 2.25em 0; opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; padding-left: 10em; background: url('/Content/source/img/svg/ico-01.png'); background: url('/Content/source/img/svg/ico-01.svg'), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url('/Content/source/img/svg/ico-01.svg'), linear-gradient(transparent, transparent); background-size: 5.25em auto; background-position: 3.125em center; background-repeat: no-repeat; } @media screen and (max-width: 1199px) { .poj__box { padding: 20px; } } @media screen and (min-width: 800px) and (max-width: 1199px) { .poj__box { background-image: none !important; } } .poj__box--pov_ruc { background-image: url('/Content/source/img/svg/ico-26_green.svg'); } .poj__box--hav_poj { background-image: url('/Content/source/img/svg/ico-27_green.svg'); } .poj__box--ces_poj { background-image: url('/Content/source/img/svg/ico-29_green.svg'); } .poj__box--poj_dom { background-image: url('/Content/source/img/svg/ico-30_green.svg'); } .poj__box--ele { background-size: 3.4375em 4.25em; background-position: 3.75em center; background-image: url('/Content/source/img/svg/ico-28_green.svg'); } .poj__box--ply { background-size: 3.125em 4.375em; background-position: 4.375em center; background-image: url('/Content/source/img/svg/ico-31_green.svg'); } .poj__box--money { background-size: 86px; background-position: 48px center; background-image: url('/Content/source/img/svg/money.svg'); } .poj__box--mutumutu { background-image: url('/Content/source/img/svg/heart_green.svg'); } .poj__box--hover { background: url('/Content/source/img/svg/ico-26.svg'); background-size: 5.25em auto; background-position: 3.125em center; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; position: absolute; height: 100%; top: 0; left: 0; } .poj__box--hover span { line-height: 4.0625em; font-size: 2.0625em; font-weight: 400; text-transform: uppercase; color: #fff; } .poj__box--hover span:after { content: "."; text-indent: -10000px; display: inline-block; width: 0.94444444em; height: 100%; margin-left: 0.625em; background: url('/Content/source/img/svg/ico-23.svg') center left no-repeat; } .poj__box--hover--pov_ruc { background-image: url('/Content/source/img/svg/ico-26.svg'); } .poj__box--hover--hav_poj { background-image: url('/Content/source/img/svg/ico-27.svg'); } .poj__box--hover--ces_poj { background-image: url('/Content/source/img/svg/ico-29.png'); background-image: url('/Content/source/img/svg/ico-29.svg'), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background-image: url('/Content/source/img/svg/ico-29.svg'), linear-gradient(transparent, transparent); } .poj__box--hover--poj_dom { background-image: url('/Content/source/img/svg/ico-30.svg'); } .poj__box--hover--ele { background-size: 3.4375em 4.25em; background-position: 3.75em center; background-image: url('/Content/source/img/svg/ico-28.svg'); } .poj__box--hover--ply { background-size: 3.125em 4.375em; background-position: 4.375em center; background-image: url('/Content/source/img/svg/ico-31.svg'); } .poj__box--hover--mutumutu { background-image: url('/Content/source/img/svg/heart.svg'); } .poj__box--hover--money { background-size: 86px; background-position: 48px center; background-image: url('/Content/source/img/svg/money-white.svg'); } .poj__tag a { box-shadow: 0 0 0 2px #ff8615; } .poj__tag--new { position: absolute; background: #FF8615; color: #fff; font-size: 14px; font-weight: 700; padding: 5px 10px; border-radius: 5px 0 5px 0; } .poj__bottom { text-align: center; padding: 0.9375em 0 2.8125em 0; } .poj__bottom span { font-size: 1.125em; color: #000; margin: 0 0.625em; position: relative; padding-left: 1.5625em; display: inline-block; } .poj__bottom span:before { position: absolute; top: 0; left: 0; content: ""; display: inline-block; width: 1.0625em; height: 100%; background-image: url('/Content/source/img/svg/ico-07.svg'); background-position: top left; background-size: 1.0625em 1.0625em; background-repeat: no-repeat; } .about { background: #ededed; text-align: center; } .about__box { padding-bottom: 3.75em; } .about__box:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .about__box:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .about__box a { display: inline-block; line-height: 8.125em; width: 14.28571429%; float: left; padding: 0 0.625em; } .about__box a img { vertical-align: middle; max-height: 8.125em; max-width: 100%; } .relative { position: relative; } .bg-green2 { background: #9ad05d; background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#4ad1a6), to(#9ad05d)); background: linear-gradient(0, #4ad1a6, #9ad05d); padding-top: 2.375em; } .bg-green2--p0 { padding-top: 0; } .bg-green2 h1 { font-size: 2.25em; color: #fff; padding: 0.69444444em 0; font-weight: 600; line-height: 1.11111111em; margin-bottom: 35px; } .bg-green2 h5 { font-size: 1.625em; color: #fff; padding: 1.625em 0; } .bg-green2 .bg-green2__left { float: left; text-align: center; margin-top: 3.125em; } .bg-green2 .bg-green2__left p { color: #474747; font-size: 1em; margin-top: 0.9375em; line-height: 1.375em; text-align: left; } .bg-green2 .bg-green2__left p span { font-weight: 600; } .bg-green2 .bg-green2__left img { max-width: 6.875em; height: auto; } .bg-green2 .bg-green2__app { display: block; max-width: 21.375em; height: auto; } @media screen and (max-width: 1099px) { .bg-green2 .bg-green2__app { max-width: 300px; } } @media screen and (max-width: 1069px) { .bg-green2 .bg-green2__app { position: absolute; bottom: 0; left: 162px; } } @media screen and (max-width: 959px) { .bg-green2 .bg-green2__app { max-width: 200px; } } @media screen and (max-width: 799px) { .bg-green2 .bg-green2__app { bottom: -10px; } } .bg-green2 .bg-green2__right { text-align: center; } .bg-green2 .bg-green2__right h4, .bg-green2 .bg-green2__right .h4 { line-height: 1.1875em; font-size: 2.25em; color: #fff; margin-bottom: 1.25em; padding: 0; } .bg-green2 .bg-green2__right p { line-height: 1.5em; margin-bottom: 3.4375em; font-size: 1em; color: #474747; } .bg-green2 .bg-green2__right .mobile-app a { width: 9.375em; } .bg-green2 .bg-green2__right .letter1 { margin-top: 1.25em; } .bg-green2--line { padding-bottom: 1.875em; } .bg-green2--line h5 { font-size: 1.625em; line-height: 1.23076923em; font-weight: 600; } .list-detail > .row { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 649px) { .list-detail > .row { display: block; } } .list-detail > .row > .cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 649px) { .list-detail > .row > .cell { display: block; } } .list-detail > .row > .cell .list-button-big { margin-top: auto; } @media screen and (max-width: 649px) { .list-detail > .row > .cell .list-button-big { margin-top: 40px; } } @media screen and (max-width: 480px) { .hidden_mobile_down { display: none !important; } } @media screen and (min-width: 481px) { .hidden_mobile_up { display: none !important; } } .hidden { display: none; } .reference { background: #ededed; padding-bottom: 5em; } .reference .reference__content { margin-left: -0.9375em; } .reference .reference__content .reference__content__box { padding: 2.5em; margin: 0 0.9375em; background: #fff; border-radius: 0.625em; } .reference .reference__content .reference__content__box:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .reference .reference__content .reference__content__box:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .reference .reference__content .reference__content__box p { line-height: 1.5em; font-style: italic; font-weight: 400; } .reference .reference__content .reference__content__box input { width: 100%; border: 2px solid #cacaca; border-radius: 0.3125em; background-color: #ededed; padding: 0.9375em; line-height: 15px; margin-bottom: 0.5em; } .reference .reference__content .reference__content__box textarea { width: 100%; border: 2px solid #cacaca; border-radius: 0.3125em; background-color: #ededed; padding: 0.9375em; line-height: 15px; margin-bottom: 0.5em; } .reference .reference__content .reference__content__box #star-rating { margin: 0 auto; display: table; } .reference .reference__content .reference__content__box #star-rating li { float: left; width: 24px; list-style-type: none; } .reference .reference__content .reference__content__box .blog__button { display: block; text-align: center; background-color: #1DAA7E; color: #fff; padding: 0.875em 1.375em; text-transform: uppercase; text-decoration: none; border-radius: 0.3125em; width: 12.5em; font-weight: 600; margin: 0 auto; position: relative; overflow: hidden; min-width: 185px; } .reference .reference__content .reference__content__box h3 { font-size: 26px; padding-top: 0; } .reference .reference__content .reference__content__box .rating_container { display: table; margin: 0 auto; margin-bottom: 20px; } .reference .reference__content .reference__content__box .rating_container .rating_row { display: table-row; } .reference .reference__content .reference__content__box .rating_container .rating_row .rating_cell { display: table-cell; vertical-align: middle; } .reference .reference__content .reference__content__box .rating_container .rating_row .rating_cell input[type='number'] { -moz-appearance: textfield; } .reference .reference__content .reference__content__box .rating_container .rating_row .rating_cell input::-webkit-outer-spin-button, .reference .reference__content .reference__content__box .rating_container .rating_row .rating_cell input::-webkit-inner-spin-button { -webkit-appearance: none; } .reference .reference__content .reference__content__box .rating_container .rating_row .rating_cell:nth-child(1) { padding-right: 30px; } .reference .reference__content .reference__content__box .rating_container .rating_row .rating_cell:nth-child(2) { width: 450px; } .reference .reference__avatar { float: left; text-align: center; margin-left: 1.25em; width: 3.125em; } .reference .reference__avatar img { max-width: 3.75em; height: auto; } .reference .reference__right { display: block; margin-left: 6.875em; } .reference .reference__user { margin-bottom: 0.9375em; } .reference .reference__user span { font-weight: 600; } .reference .reference__star { margin-bottom: 1.875em; color: #91ce4b; line-height: 1.8125em; } .reference .reference__star .reference__star__percent { vertical-align: middle; display: inline-block; width: 9.0625em; height: 1.5em; z-index: 0; position: relative; } .reference .reference__star .reference__star__percent:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; background-image: url("/Content/source/img/star.png"); background-position: center left; background-size: 9.0625em 1.5em; background-repeat: no-repeat; } .reference .reference__star .reference__star__percent .perc_after { margin: 0; position: absolute; z-index: 1; width: 0; max-width: calc(100% - 1px) !important; height: calc(100% - 1px) !important; top: 1px; left: 0; background-color: #91ce4b; } .reference .reference__star .percentage90:after { width: 90%; } .reference .reference__star .percentage100:after { width: 100%; } .reference .reference__star span { vertical-align: middle; font-size: 1.25em; margin-left: 0.75em; } .reference ul { padding-bottom: 1.875em; } .reference ul li { display: inline-block; padding-bottom: 0.625em; width: 8em; text-align: center; } .reference ul li a { display: block; } .reference ul li img { max-width: 72%; height: auto; vertical-align: middle; } .navigace { line-height: 3.125em; white-space: nowrap; overflow: hidden; } .navigace a, .navigace span { font-size: 0.875em; color: #474747; display: inline-block; text-decoration: none; vertical-align: middle; margin-right: 0.625em; -webkit-transition: color 0.2s; transition: color 0.2s; } .navigace a:after, .navigace span:after { content: "."; text-indent: -10000px; display: inline-block; width: 0.4em; height: 100%; background-repeat: no-repeat; background-position: left center; margin-left: 0.625em; background-image: url(/Content/source/img/svg/ico-23.svg); } .navigace a:hover, .navigace span:hover { color: #fff; } .navigace .active { color: #fff; } .navigace .active:after { display: none; } .navigace i { font-style: normal; } .before-close { border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; padding: 1.875em 2.5em; } .before-close h3 { padding-top: 0; font-size: 1.25em; font-weight: 600; } .before-close .circle { display: block; width: 4.625em; height: 4.625em; border-radius: 50%; background: #91ce4b; background-repeat: no-repeat; background-position: center center; background-size: 2.5em; float: left; } .before-close p { line-height: 1.375em; padding-left: 6.25em; } .before-close p .strong { font-weight: 700; } .before-close p span { display: block; } .before-close .circle--pov-ruc { background-image: url(/Content/source/img/svg/ico-26.svg); } .before-close .circle--hav-poj { background-image: url(/Content/source/img/svg/ico-27.svg); } .before-close .circle--ces-poj { background-image: url(/Content/source/img/svg/ico-29.svg); } .before-close .circle--poj-dom { background-image: url(/Content/source/img/svg/ico-30.svg); } .before-close .circle--ele { background-image: url(/Content/source/img/svg/ico-28.svg); } .before-close .circle--ply { background-image: url(/Content/source/img/svg/ico-31.svg); } .garance { padding-bottom: 3.125em; } .garance .gar-image { display: block; margin-bottom: 1.25em; background-repeat: no-repeat; background-position: center center; background-size: 3.75em 3.75em; width: 100%; height: 5.3125em; margin-left: auto; margin-right: auto; } .garance .gar-image__1 { background-image: url(/Content/source/img/svg/ico-40.svg); background-size: 6.125em 4.25em; width: 6.125em; } .garance .gar-image__2 { background-image: url(/Content/source/img/svg/ico-41.svg); background-size: 4.625em 4.625em; width: 4.625em; } .garance .gar-image__3 { background-image: url(/Content/source/img/svg/ico-42.svg); background-size: 4.9375em 5.1875em; width: 4.9375em; } .garance .gar-image__4 { background-image: url(/Content/source/img/svg/ico-43.svg); background-size: 3.8125em 4.9375em; width: 3.8125em; } .garance p { text-align: center; font-size: 1.25em; font-weight: 500; line-height: 1.4em; text-transform: uppercase; } .garance p span { font-weight: 700; } @media screen and (min-width: 992px) { header nav { display: block !important; } header nav ul { display: flex; height: 55px ; } header nav li a { font-size: 14px; line-height: 1.3; display: flex; align-items: center; justify-self: center; height: 55px; padding: 0 19px; } header nav li a span { margin-right: 10px; } } @media screen and (max-width: 991px) { .header-nav { display: none; } .h-tab { display: none !important; } .v-tab { display: inline-block !important; } } @media screen and (max-width: 1300px) { header nav li a { padding: 0 15px; } } @media screen and (max-width: 800px) { h3 { font-size: 22px; padding: 20px 0; } .letter1, .letter2, .letter3 { display: none; } .container { max-width: 100%; } .insurance { margin-top: 20px; } .bg-green .row { /*min-height: 540/16em;*/ } .bg-green .row .w66, .bg-green .row .w33 { width: 50%; } .bg-green .index-right { text-align: center; } .bg-green .index-right .mobile-app a { margin-bottom: 0.3125em; } main .poj .row .w33 { width: 50%; } main .poj .poj__content .poj__link h3 { text-align: center; } main .poj .poj__content .poj__link .poj__box { background-position: center 20px; text-align: center; margin-bottom: 10px; } main .poj .poj__content .poj__link:hover > .poj__box { opacity: 1; } main .poj .poj__content .poj__link:hover > .poj__box--hover { opacity: 0; } main .poj .poj__content .poj__link:hover { background: #ededed; } main .poj .poj__content .poj__link .poj__box { padding: 20px 10px; padding-top: 110px; } main .poj .poj__content .poj__link .tlacitko { margin-left: auto; margin-right: auto; } main .poj .poj__content .poj__box--hover { display: none; } .main-content .row .w33, .main-content .row .w66 { width: 100%; } .main-content .text-content { padding: 0; } .before-close { padding-left: 0; padding-right: 0; } .before-close .row .w25 { margin-bottom: 20px; width: 50%; } .garance .row .w25 { width: 50%; margin-bottom: 20px; } .bg-green2 { padding-top: 10px; } .bg-green2--line .row .w33 { text-align: center; width: 100%; } .calculate__div { text-align: left; } .bg-green2 h5 { font-size: 22px; padding: 10px 0; } .blog .blog__content { margin: 0; } .blog .blog__content .blog__content__box { margin: 0; margin-bottom: 10px; } .blog .blog__content .blog__content__box .blog__content__box__hover { display: none; } .blog .row .w33 { width: 100%; } .reference .reference__avatar { margin: 0 10px 0 0; } .reference .reference__avatar img { max-width: 50px; } .reference .reference__user { margin-bottom: 0px; font-size: 14px; } .reference .reference__star { margin: 5px 0 10px 0; } .reference .reference__star img { max-width: 18px; } .reference .reference__content { margin: 0; } .reference .reference__content .reference__content__box { padding: 20px; margin: 0 0 10px 0; } .reference .reference__content .reference__content__box .reference__right { margin-left: 0; } .reference .row .w50 { width: 100%; } .reference-loga { display: none; } .small .forms-block__box .button-recount { padding-top: 0 !important; padding-bottom: 0.9375em !important; } footer .foter__seo-link { padding-bottom: 3.125em; } footer .foter__seo-link .w25 { margin-bottom: 20px; width: 50%; } footer .w25 { margin-bottom: 20px; width: 50%; } main .poj .poj__bottom span { margin-bottom: 5px; line-height: 20px; } .footer__bottom .w33 { width: 100%; text-align: center; } .footer__icon { display: inline-block; } footer .footer__bottom2 .copyright { display: block; margin-bottom: 1.25em; padding-top: 1.25em; } .viewer { margin-bottom: 2.1875em; } .mobile-app { margin-top: 1.5625em; } } @media screen and (max-width: 480px) { .garance .row .w25 { width: 50%; } .garance .gar-image { margin-bottom: 0; } .garance .gar-image__1 { background-size: 3.0625em 2.125em; width: 3.125em; } .garance .gar-image__2 { background-size: 2.3125em 2.3125em; width: 2.5em; } .garance .gar-image__3 { background-size: 2.5em 2.5625em; width: 2.8125em; } .garance .gar-image__4 { background-size: 1.875em 2.4375em; width: 2.1875em; } .garance p { font-size: 0.875em; } .h-mob { display: none !important; } .v-mob { display: block !important; } .bg-green h1 { font-size: 22px; line-height: 25px; } .bg-green .row .w66, .bg-green .row .w33 { width: 100%; } .bg-green .mobile-app { float: none; width: 100%; } .bg-green .mobile-app a { width: 49%; } .bg-green .index-left { text-align: center; } .bg-green .index-left .circle-1, .bg-green .index-left .circle-2 { display: block; } .bg-green .index-left .circle-1, .bg-green .index-left .circle-2 { background-position: top center; background-size: 50px; margin: 10px auto; } .bg-green .index-right { padding-top: 10px; } .bg-green .index-right .letter2 { display: none; } .bg-green .index-left__left { margin: 0; float: none; text-align: center; } .bg-green .index-left__left ul { display: none; } main .poj { margin: 0; } main .poj .poj__content .poj__link { margin: 0 5px 0 5px; } main .poj .poj__content .poj__link .poj__box span { display: none; } main .poj .poj__content .poj__link .poj__box span.tlacitko { display: block; width: 100%; font-size: 14px; padding: 10px; } main .poj .poj__content .poj__link .poj__box span.tlacitko:after { margin-left: 10px; } main .poj .poj__bottom { display: none; } main .poj .poj__content .poj__link .poj__box span.tlacitko { margin: 0; } main .poj .poj__content .poj__link h3 { min-height: 53px; line-height: 1.2; padding-bottom: 5px; } .mobile-app { float: left; width: 50%; } .mobile-app a { margin-bottom: 10px; } .bg-green2 .bg-green2__right h4 { font-size: 22px; } .bg-green2 .bg-green2__right .mobile-app a { width: 100%; } .bg-green2 .bg-green2__app { max-width: 50%; float: left; padding-right: 4px; vertical-align: bottom; } .bg-green2 .row .w50 { width: 100%; } .insurance ul li { padding: 0; margin: 10px; } .insurance ul li a { width: 25%; } .insurance ul li a:nth-child(4n+1) { clear: both; } footer { text-align: center; } footer .foter__seo-link { display: none; } footer .row .w25 { width: 100%; } footer .copyright { line-height: 25px; font-size: 14px; } footer .social a { display: inline-block; margin: 0 10px; } footer .soc { width: 40px; height: 40px; margin: 0; } footer .soc:before, footer .soc:after { width: 40px; height: 40px; left: 0; } .calculate--inline { width: 100%; } .before-close { text-align: center; } .before-close .circle { margin: 0 auto; margin-bottom: 10px; float: none; } .before-close p { padding-left: 0; } .viewer { padding-top: 10px; } .viewer .viewer__circle { float: none; margin: 10px auto; } .viewer .viewer__text { line-height: 22px; } .reference-loga { display: none; } } @media screen and (max-width: 480px) and (max-width: 991px) { .bg-green2 .bg-green2__app { display: none; } } /*form-in*/ .top-nav { padding: 20px 0; } @media screen and (min-width: 992px) { .top-nav--up { display: block; } } @media screen and (max-width: 991px) { .top-nav--up { display: none; } } @media screen and (min-width: 992px) { .top-nav--down { display: none; } } @media screen and (max-width: 991px) { .top-nav--down { display: block; } } .top-nav a { display: inline-block; font-size: 1.25em; font-weight: 500; color: #797979; text-decoration: none; text-align: center; line-height: 2em; } .top-nav a:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .top-nav a:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } @media screen and (max-width: 1199px) { .top-nav a { font-size: 16px; } } @media screen and (max-width: 480px) { .top-nav a { font-size: 14px; } }@media screen and (max-width: 360px) { .calculate__div .calculate__image { font-size: 25px; padding-left: 70px; } .bubble .calculate__image:before, .bubble .calculate__image:before { background-position: 0 center; } } .top-nav a span { display: inline-block; border: 0.125em solid #797979; border-radius: 50%; width: 2.0625em; height: 2.0625em; float: left; padding: 0.3125em; vertical-align: middle; line-height: 1.25em; text-align: center; } .top-nav a.active { color: #91ce4b; } .top-nav a.active span { color: #474747; background: #91ce4b; border-color: #91ce4b; } .top-nav a.done { color: #fff; } .top-nav a.done span { color: #474747; background: #fff; border-color: #fff; } .top-nav-text { display: inline-block; vertical-align: middle; margin-left: 0.625em; line-height: 1.125em; } @media screen and (max-width: 991px) { .top-nav .cell { width: 50% !important; } .top-nav h1 { font-size: 28px; line-height: 1.25em; } .top-nav a { margin-bottom: 0.625em; } .top-nav a span { margin: 0 0.625em 0 0; } } .bg-grey { background: #474747; } .bg-green3 { display: block; background: #91ce4b; } .bg-green3 h1 { color: #fff; font-size: 2.25em; font-weight: 300; position: relative; padding-left: 1.65714286em; line-height: 42px; } @media screen and (max-width: 575px) { .bg-green3 h1 { font-size: 20px !important; } } .bg-green3 h1:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: url('/Content/source/img/svg/ico-29.png'); background: url('/Content/source/img/svg/ico-29.svg'), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url('/Content/source/img/svg/ico-29.svg'), linear-gradient(transparent, transparent); background-size: 1.25em 1em; background-position: center left; background-repeat: no-repeat; display: inline-block; } .bg-green3 h1.ico-auto:before { background-image: url('/Content/source/img/svg/ico-26.png'); background-image: url('/Content/source/img/svg/ico-26.svg'), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background-image: url('/Content/source/img/svg/ico-26.svg'), linear-gradient(transparent, transparent); } .red { color: #ff3131; } .forms-content { background: #fff; } .forms-content .forms-block__box { padding: 2.5em 0; border: none; border-bottom: 1px solid #c6c6c6; } .forms-content .forms-block__box--without-pt { padding-top: 0; } .forms-content .forms-block__box .error { display: none; font-size: 1.25em; padding: 0.625em 0 1.25em; line-height: 1.25em; } .forms-content .forms-block__box .error.show { display: block; } .forms-content .forms-block__box h2 { font-size: 1.875em; line-height: 36px; color: #97d060; font-weight: 600; margin-bottom: 1.25em; background: url("/Content/source/img/svg/ico-pen.png"); background: url("/Content/source/img/svg/ico-pen.svg"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url("/Content/source/img/svg/ico-pen.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-position: center left; background-size: 1.16666667em; padding-left: 1.33333333em; } .forms-content .forms-block__box h3 { font-size: 1.625em; margin-top: 1.25em; margin-bottom: 1.25em; padding: 0; text-align: left; font-weight: bold; } @media screen and (max-width: 649px) { .forms-content .forms-block__box h3 { line-height: 20px; min-height: 50px; } } .forms-content .forms-block__box p, .forms-content .forms-block__box ul, .forms-content .forms-block__box ol, .forms-content .forms-block__box table, .forms-content .forms-block__box .ces_smlouva_odeslani_text { line-height: 1.4em; margin-top: 1em; } .forms-content .forms-block__box p:first-child, .forms-content .forms-block__box ul:first-child, .forms-content .forms-block__box ol:first-child, .forms-content .forms-block__box table:first-child, .forms-content .forms-block__box .ces_smlouva_odeslani_text:first-child { margin-top: 0; } .forms-content .forms-block__box ul, .forms-content .forms-block__box ol { list-style: initial; margin-left: 2em; } .forms-content .forms-block__box .h2-sub { font-size: 1.5em; font-weight: 400; color: #474747; display: block; margin: 0.83333333em 0; } .forms-content .forms-block__box .h2-sub--without-mt { margin-top: 0; } .forms-content .forms-block__box .icon-pen { background-image: url("/Content/source/img/svg/ico-pen.svg"); } .forms-content .forms-block__box .icon-person { position: relative; background-image: none !important; } .forms-content .forms-block__box .icon-person:before { content: ''; position: absolute; top: 0; left: 0; width: 1.33333333em; height: 100%; background-image: url("/Content/source/img/svg/ico-person.svg"); background-repeat: no-repeat; background-position: left center; } .forms-content .forms-block__box .icon-persons { background-image: url("/Content/source/img/svg/ico-persons.svg"); } .forms-content .forms-block__box .icon-sport { background-image: url(/Content/source/img/svg/ico-sport.svg); } .forms-content .forms-block__box .form-block:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .forms-content .forms-block__box .form-block:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .forms-content .forms-block__box .error-bg:before { content: ""; position: absolute; left: -1.25em; top: 0; width: calc(100% + 40 / 16em); height: 100%; z-index: 0; } .forms-content .forms-block__box .form-block__before { position: relative; float: left; padding-right: 0.625em; } @media screen and (max-width: 901px) { .forms-content .forms-block__box .form-block__before { padding-right: 0; width: calc(100% - 45px); } } @media screen and (max-width: 575px) { .forms-content .forms-block__box .form-block__before { padding-right: 0; width: calc(100% - 45px); } .forms-content .forms-block__box .form-block__before.error-bg { margin-bottom: 10px; } } .forms-content .forms-block__box .form-block__text { position: relative; z-index: 22; line-height: 2.8125em; width: 220px; float: left; font-size: 1.25em; font-weight: 500; } @media screen and (max-width: 575px) { .forms-content .forms-block__box .form-block__text { line-height: 20px; } } .forms-content .forms-block__box .form-block__text label { vertical-align: middle; display: inline-block; line-height: 1.5em; } .forms-content .forms-block__box .form-block__form { position: relative; float: left; width: 550px; padding: 10px 0; line-height: 2.8125em; /* select.status-good { background-image: url("/Content/source/img/select-green.png"); } .status-good { border-color: @green8; background-color: #fff; } */ } @media screen and (max-width: 899px) { .forms-content .forms-block__box .form-block__form { width: calc(100% - 220px); } } @media screen and (max-width: 575px) { .forms-content .forms-block__box .form-block__form { width: 100%; padding-top: 0; } } .forms-content .forms-block__box .form-block__form .freetext { vertical-align: middle; font-size: 1.25em; } .forms-content .forms-block__box .form-block__form input, .forms-content .forms-block__box .form-block__form select { width: 100%; border: 2px solid #cacaca; border-radius: 0.3125em; background-color: #ededed; padding: 0.9375em; line-height: 15px; } .forms-content .forms-block__box .form-block__form .error-form { border: 2px solid #ff3131; background-color: #fff; } .forms-content .forms-block__box .form-block__form input[type=checkbox], .forms-content .forms-block__box .form-block__form input[type=radio] { width: 32px; } .forms-content .forms-block__box .form-block__form input.form-radio + label { position: relative; display: inline-block; padding-left: 42px; line-height: 32px; margin-right: 20px; } .forms-content .forms-block__box .form-block__form input.form-radio + label:before { content: ""; position: absolute; top: 0; left: 0; width: 32px; height: 32px; border: 2px #91ce4b solid; border-radius: 100%; } .forms-content .forms-block__box .form-block__form input.form-radio:checked + label:after { content: ""; position: absolute; top: 8px; left: 8px; width: 20px; height: 20px; background: #91ce4b; border-radius: 100%; } .forms-content .forms-block__box .form-block__form .input_60 { width: 60%; } .forms-content .forms-block__box .form-block__form .input_30 { width: 30%; float: right; } .forms-content .forms-block__box .form-block__form .input_10 { width: 10%; display: inline-block; text-align: center; font-size: 1.5em; vertical-align: middle; } .forms-content .forms-block__box .form-block__form select:focus { border-color: #1DAA7E; background-image: url("/Content/source/img/select-green.png"); } .forms-content .forms-block__box .form-block__form input:focus { border-color: #1DAA7E; } .forms-content .forms-block__box .form-block__form textarea:focus { border-color: #1DAA7E; } .forms-content .forms-block__box .form-block__form .select_w__25 { width: 148px; margin-right: 0.9375em; line-height: 15px; } @media screen and (max-width: 899px) { .forms-content .forms-block__box .form-block__form .select_w__25 { width: calc((100% - 105px)/3); } } .forms-content .forms-block__box .form-block__form .checkbox--student { width: 32px; } .forms-content .forms-block__box .form-block__form .calendar { width: 55px; height: 46px; border-radius: 0.3125em; display: inline-block; background: url("/Content/source/img/svg/calendar.png"); background: url("/Content/source/img/svg/calendar.svg"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url("/Content/source/img/svg/calendar.svg"), linear-gradient(transparent, transparent); background-color: #ededed; border: 2px solid #cacaca; background-size: 1.9375em 1.9375em; background-repeat: no-repeat; background-position: center center; vertical-align: middle; cursor: pointer; float: right; margin-right: 0; } .forms-content .forms-block__box .form-block__info { position: relative; float: left; line-height: 4.0625em; display: inline-block; } .forms-content .forms-block__box .form-block__info .info-box.active { display: block; opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .forms-content .forms-block__box .form-block__info .info-box.bottom { top: auto; bottom: 0.9375em; } .forms-content .forms-block__box .form-block__info .info-box.bottom:before { top: auto; bottom: 0.5em; width: 1.0625em; height: 0.9375em; } .forms-content .forms-block__box .form-block__info .info-box { display: none; position: absolute; z-index: 50; left: 1.375em; top: 0.9375em; z-index: 9999; padding: 1.25em; border: 2px solid #97d060; width: 24.625em; background: #fff; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .forms-content .forms-block__box .form-block__info .info-box:before { content: ""; background-image: url("/Content/source/img/border.png"); background-position: top left; background-repeat: no-repeat; background-size: 1.0625em 0.9375em; display: inline-block; position: absolute; top: 0.625em; left: -1em; width: 100%; height: 100%; } .forms-content .forms-block__box .form-block__info .info-box .title_info { font-size: 1.25em; color: #97d060; font-weight: 600; } .forms-content .forms-block__box .form-block__info .info-box p { font-size: 1.125em; font-weight: 500; color: #474747; line-height: 1.4em; margin-bottom: 1.25em; } .forms-content .forms-block__box .form-block__info .info-box p:last-child { margin-bottom: 0; } .forms-content .forms-block__box .form-block__info .info-box img { margin-top: 1em; width: 100%; height: auto; } .forms-content .forms-block__box .info__container { display: inline-block; padding: 0 0 0 0.9375em; line-height: 4.0625em; float: left; width: 45px; } .forms-content .forms-block__box .info__container.info__container--radio { position: absolute; top: 8px; right: 8px; float: none; width: auto; line-height: inherit; padding: 0; } .forms-content .forms-block__box .info__container.info__container--radio + .form-block__info { float: none; } .forms-content .forms-block__box .info__container.info__container--radio + .form-block__info .info-box { top: 0; left: 0; } @media screen and (max-width: 575px) { .forms-content .forms-block__box .info__container { margin-top: 20px; } } @media screen and (max-width: 425px) { .forms-content .forms-block__box .info__container { width: 10%; } } @media screen and (max-width: 300px) { .forms-content .forms-block__box .info__container { margin-left: -10px; } } .forms-content .forms-block__box .info__container .info { position: relative; z-index: 45; cursor: pointer; display: inline-block; background: #797979; color: #fff; vertical-align: middle; width: 1.875em; height: 1.875em; line-height: 1.875em; text-align: center; border-radius: 50%; } .forms-content .forms-block__box--checkbox .info__container { line-height: 55px; } @media screen and (max-width: 899px) { .forms-content .forms-block__box--checkbox .info__container { margin-top: 0; } } .forms-content .forms-block__box--checkbox input[type=checkbox] + label, .forms-content .forms-block__box--checkbox input[type=radio] + label { margin-left: 0; } .forms-content .form-block--checkbox .info__container { line-height: 45px; } @media screen and (max-width: 899px) { .forms-content .form-block--checkbox .info__container { margin-top: 0; } } .forms-content .form-block__full { position: relative; width: auto; line-height: 2.8125em; } .forms-content .form-block__full .info__container { line-height: initial; float: none; display: inline-block; vertical-align: top; } @media screen and (max-width: 800px) { .forms-content .form-block__full .info__container { float: right; } } .forms-content .form-block__full .info__container .info { margin-left: 0.9375em; } .forms-content .form-block__full .form-block__info { float: none; } .forms-content .form-block__full input, .forms-content .form-block__full label { vertical-align: middle; } .forms-content .form-left, .forms-content .form-right, .forms-content .form-center { padding: 2.5em 0; } .forms-content .form-left p, .forms-content .form-right p, .forms-content .form-center p { margin-bottom: 1.875em; margin-right: 1.875em; line-height: 1.5em; } .forms-content .form-right { color: #fff; } .forms-content .form-right .title-next { padding-top: 2.5em; float: left; vertical-align: middle; max-width: 13.125em; height: auto; } .forms-content .form-right .calculate { padding-top: 0px; } .forms-content .form-right .calculate__div { width: 21.875em; float: right; } @media screen and (max-width: 1099px) { .forms-content .form-right--center { text-align: center; } .forms-content .form-right--center .calculate, .forms-content .form-right--center .title-next { display: block; float: none; margin-left: auto; margin-right: auto; padding-top: 0; } .forms-content .form-right--center .title-next { margin-bottom: 20px; } } @media screen and (max-width: 767px) { .forms-content .form-right--center .title-next { display: none; } } .error-p { position: relative; } .forms-content .forms-block__box .form-block__full { min-width: 300px; } @media screen and (max-width: 800px) { .forms-content .forms-block__box .form-block__full { width: calc(100% - 45px) !important; } } .forms-content .form-block__full { margin-bottom: 10px; } .form-block__full + .error-p { padding-bottom: 10px !important; } .back-form { display: inline-block; margin-right: 0.625em; } .next-form { display: inline-block; } .tlacitko_big { min-width: 10.625em; text-align: left; position: relative; font-size: 1em; display: inline-block; font-weight: 600; background-color: #1DAA7E; color: #fff !important; text-decoration: none; text-transform: uppercase; height: 3.5em; line-height: 3.5em; padding-left: 4.5em; border-radius: 0.625em; margin-right: 0.625em; overflow: hidden; background-color: #8e5cd4; padding-right: 4.5em; height: 5em; line-height: 5em; font-size: 150%; font-weight: bold; } .payment-info { display: inline-block; border: solid 1px black; padding: 10px; } .tlacitko_big--pay { float: left; padding-left: 1.5em; padding-right: 1.5em; font-size: 2.3em; } .mt-50 { margin-top: 50px; } .fb_share_wrap h3 { text-align: center; color: #4462a9; margin-bottom: 0.25em; } .fb_share_wrap .fb_share_box { max-width: 358px; margin: 0 auto; } .fb_share_wrap .fb_share_button { cursor: pointer; } /*form style*/ /*checkbox*/ input[type=radio] { position: relative; z-index: 5; width: 32px; height: 32px; margin: 0; padding: 0; display: none; } input[type=checkbox] + label, input[type=radio] + label { position: relative; display: inline-block; padding-left: 42px; line-height: 32px; } input[type=checkbox] + label:before, input[type=radio] + label:before { content: url('/Content/source/img/checkbox.png'); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: inline-block; background-repeat: no-repeat; background-position: 0 0; } input[type=checkbox]:checked + label:before, input[type=radio]:checked + label:before { content: url('/Content/source/img/checkbox2.png'); } input[type=checkbox]:disabled + label:before, input[type=radio]:disabled + label:before { content: url('/Content/source/img/checkbox3.png'); } input[type=radio]:checked + label:before { background-position: 0 -32px; } /*selectbox*/ select { border: none; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url("/Content/source/img/select-dark.png"); background-position: right 0.625em top 1.25em; background-repeat: no-repeat; } select::-ms-expand { display: none; } .margin30 { margin-top: 1.875em; } .margin20 { margin-top: 1.25em; display: block; } .margin15 { margin-top: 0.9375em; display: block; } .payment { padding-top: 2.5em; padding-bottom: 3.75em; } .payment h2 { font-size: 1.875em; color: #91ce4b; } .payment h3 { font-size: 1.25em; color: #474747; text-align: left; line-height: 1.2em; padding-bottom: 0.65em; font-weight: 600; } .payment p { line-height: 1.5em; margin-bottom: 1.875em; } .payment p strong { font-weight: 600; color: #474747; } .payment .border-tb { border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; padding: 1.25em 0; } .payment .summary span { display: block; font-size: 1.25em; margin-bottom: 0.5em; } .payment .summary .summary2 { font-size: 1em; } .payment .button--payment { font-size: 2.0625em; display: block; padding: 1.21212121em 0.60606061em; background: #8e5cd4; border-radius: 0.625em; font-weight: 600; width: 12.12121212em; color: #fff; text-transform: uppercase; text-decoration: none; position: relative; overflow: hidden; } .payment .button--payment:hover:before { -webkit-transform: translateY(3.5em); transform: translateY(3.5em); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .payment .button--payment:hover:after { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .payment .button--payment:before, .payment .button--payment:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; background-image: url(/Content/source/img/svg/ico-right.svg); background-repeat: no-repeat; background-position: center right 1.06060606em; background-size: 0.93939394em 1.78787879em; } .payment .button--payment:before { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .payment .button--payment:after { -webkit-transform: translateY(-3.5em); transform: translateY(-3.5em); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .payment .button--payment span { display: block; line-height: 1.125em; vertical-align: middle; } .padding0 { padding: 0; } .form-button { line-height: 4.375em; } .button { display: inline-block; width: 10.625em; background-color: #797979; background-image: url(/Content/source/img/svg/ico-23.svg); background-repeat: no-repeat; background-position: center left 1.25em; background-size: 0.75em 1.375em; text-transform: uppercase; color: #fff; text-decoration: none; font-weight: 600; padding: 0.9375em 1.25em; padding-left: 2.8125em; border-radius: 0.3125em; vertical-align: middle; line-height: 1.25em; } .button--next { background-color: #8e5cd4; padding: 1.5625em 1.25em; padding-right: 2.8125em; background-position: center right 1.25em; } .app-content { text-align: center; padding-bottom: 5em; } .app-content h1 { font-size: 2.25em; padding-top: 2.08333333em; margin-bottom: 2.22222222em; font-weight: 600; } .app-content h2 { color: #fff; font-size: 1.5em; margin: 0.83333333em 0 1.04166667em; line-height: 1.33333333em; font-weight: 600; } .app-content p { color: #474747; line-height: 1.5em; } .app2 { text-align: center; } .app2 .app2__img { margin-top: -21.25em; max-width: 25.5em; height: auto; } .feature { padding-bottom: 1.875em; } .feature .feature__small { text-align: center; margin-top: 3.75em; margin-bottom: 1.25em; } .feature .feature__small p { padding-top: 4.25em; font-size: 1.25em; line-height: 1.4em; text-transform: uppercase; font-weight: 600; background-image: url(/Content/source/img/svg/ico-down.svg); background-repeat: no-repeat; background-position: center top; background-size: 3em 3em; } .feature .feature__small .icon-check { background-image: url(/Content/source/img/svg/ico-check.svg); } .feature .feature__small .icon-down { background-image: url(/Content/source/img/svg/ico-down.svg); } .feature .feature__small .icon-time { background-image: url(/Content/source/img/svg/ico-time.svg); } .feature .feature__small .icon-pay { background-image: url(/Content/source/img/svg/ico-42.svg); } .icon-first { width: 6.25em; height: auto; margin-bottom: 0.625em; } .app_box { text-align: center; padding: 3.75em 0 2.5em; } .app_box .title-app { max-width: 100%; margin-bottom: 0.9375em; } .app_box .mobile-app a { width: 15.125em; } .bg-grey-light { background-color: #ededed; } .left { float: left; } .left--big { width: 30em; } .small .forms-block__box { border: none; line-height: 2.0625em; padding-top: 1.5625em; } .small .forms-block__box:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .small .forms-block__box:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .small .forms-block__box .form-block__form { width: 15.625em; padding: 0; } .small .forms-block__box .form-block__form input, .small .forms-block__box .form-block__form select { background-color: #fff; height: 2.0625em; padding: 0 0.625em; background-position: top 0.75em right 0.9375em; background-size: 0.75em 0.5em; } .small .forms-block__box .button-recount { padding-top: 0.9375em; text-align: center; } .small .forms-block__box .button-recount a { display: block; border: 2px solid #8e5cd4; color: #8e5cd4; text-transform: uppercase; font-weight: 600; text-decoration: none; border-radius: 0.3125em; position: relative; overflow: hidden; padding: 0 0.625em; width: 12.8125em; } .small .forms-block__box .button-recount a:hover:before { -webkit-transform: translateY(3.125em); transform: translateY(3.125em); } .small .forms-block__box .button-recount a:hover:after { -webkit-transform: translateY(0em); transform: translateY(0em); } .small .forms-block__box .button-recount a:before, .small .forms-block__box .button-recount a:after { position: absolute; right: 0; top: 0; width: 100%; height: 100%; content: ""; background: url("/Content/source/img/svg/ico-right-purple.png"); background: url("/Content/source/img/svg/ico-right-purple.svg"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url("/Content/source/img/svg/ico-right-purple.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-position: center right 1.875em; background-size: 0.4375em 0.8125em; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .small .forms-block__box .button-recount a:after { -webkit-transform: translateY(-3.125em); transform: translateY(-3.125em); } .small .forms-block__box .form-block__form input[type=checkbox], .small .forms-block__box .form-block__full input[type=checkbox], .small .forms-block__box .form-block__form input[type=radio], .small .forms-block__box .form-block__full input[type=radio] { height: 20px; vertical-align: middle; position: absolute; } .small .forms-block__box .form-block__form input[type=checkbox] + label, .small .forms-block__box .form-block__full input[type=checkbox] + label, .small .forms-block__box .form-block__form input[type=radio] + label, .small .forms-block__box .form-block__full input[type=radio] + label { position: relative; vertical-align: middle; padding-left: 32px; line-height: 20px; } @media screen and (max-width: 768px) { .small .forms-block__box .form-block__form input[type=checkbox] + label, .small .forms-block__box .form-block__full input[type=checkbox] + label, .small .forms-block__box .form-block__form input[type=radio] + label, .small .forms-block__box .form-block__full input[type=radio] + label { line-height: 16px; margin-bottom: 10px; } } .small .forms-block__box .form-block__form input[type=checkbox] + label:before, .small .forms-block__box .form-block__full input[type=checkbox] + label:before, .small .forms-block__box .form-block__form input[type=radio] + label:before, .small .forms-block__box .form-block__full input[type=radio] + label:before { content: ""; left: 0; top: 0; width: 100%; height: 20px; display: inline-block; background-image: url(/Content/source/img/check-sprite.png?3); background-repeat: no-repeat; background-size: 20px; } .small .forms-block__box .form-block__form input[type=checkbox]:checked + label:before, .small .forms-block__box .form-block__full input[type=checkbox]:checked + label:before, .small .forms-block__box .form-block__form input[type=radio]:checked + label:before, .small .forms-block__box .form-block__full input[type=radio]:checked + label:before { background-position: 0 -20px; } .small .forms-block__box .form-block__form input[type=checkbox]:disabled + label:before, .small .forms-block__box .form-block__full input[type=checkbox]:disabled + label:before, .small .forms-block__box .form-block__form input[type=radio]:disabled + label:before, .small .forms-block__box .form-block__full input[type=radio]:disabled + label:before { background-position: 0 -40px; } .small .forms-block__box .form-block__form .width125, .small .forms-block__box .form-block__full .width125 { width: 7.8125em; } .small .forms-block__box .form-block__form .datepicker, .small .forms-block__box .form-block__full .datepicker { background: url("/Content/source/img/svg/calendar.png"); background: url("/Content/source/img/svg/calendar.svg"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url("/Content/source/img/svg/calendar.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-position: top 0.3125em right 0.625em; background-size: 1.3125em; } .small .forms-block__box .form-block__text { line-height: 2.0625em; width: 9.6875em; } .small .forms-block__box .form-block__text label { font-size: 0.7em; } .small .forms-block__box .form-block__full { min-width: 1px !important; } .small .forms-block__box .form-block__full label { font-size: 0.875em; } .small .forms-block__box h2 { font-size: 1.5em; margin-bottom: 0.83333333em; background-image: none; padding-left: 0; } .small .forms-block__box h3 { font-size: 1.25em; line-height: 20px; text-align: left; padding: 0.25em 0; font-weight: 600; } .small .forms-block__box h3:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .small .forms-block__box h3:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .small .forms-block__box h3 .h3-span, .small .forms-block__box h3 .info-container { display: inline-block; float: left; } .small .forms-block__box h3 .info-container { width: 25px; } .small .forms-block__box h3 .h3-span { width: calc(100% - 25px); } .small .forms-block__box .form-block__full { float: left; width: auto; } .small .forms-block__box .form-block__info { line-height: 2.8125em; } .small .forms-block__box .padding-no-title { padding-top: 3.25em; } .small .forms-block__box .paddingright { padding-right: 3.75em; } .results { padding-top: 1em; /*min-width: 1000px; overflow: auto;*/ } .results .info-text { font-weight: 600; color: #91ce4b; font-size: 0.875em; text-align: center; padding-bottom: 1.14285714em; text-transform: uppercase; } .result-boxes { /*min-width: 1000px; overflow: auto;*/ } .result-header { border: 1px solid #c6c6c6; margin-left: 1.5625em; position: relative; } .result-header:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .result-header:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .result-header div { float: left; border-right: 1px solid #c6c6c6; padding: 0 0.5em; min-height: 5.875em; line-height: 5.875em; display: table-cell; text-align: center; background-color: #fff; } .result-header div div { line-height: 1.5em; vertical-align: middle; height: auto; padding: 0; display: inline-block; min-height: 0px; float: none; max-width: 100%; } .result-header div div:first-child { background: none; } .result-header div:last-child { border: none; } .result-header div span { display: block; } .result-header .cell--1 span, .result-header .cell--2 span, .result-header .cell--3 span, .result-header .cell--4 span { font-size: 0.875em; font-weight: 700; line-height: 1.14285714em; } .result-header .cell--1 small, .result-header .cell--2 small, .result-header .cell--3 small, .result-header .cell--4 small { font-size: 0.75em; font-weight: 400; } .cell--0 { width: 1.5625em; background-color: #fff; } .cell--1 { width: 9.5em; } .cell--2 { width: 8.125em; } .cell--3 { width: 10.125em; } .cell--4 { width: 7.625em; } .cell--5 { width: 11.25em; } .cell--small { width: 4.5em; } .cell--small-ico span { display: block; font-size: 0.75em; padding-top: 3.33333333em; background-image: url("/Content/source/img/svg/ico-kruh.svg"); background-repeat: no-repeat; background-position: center top; background-size: 2.5em; line-height: 1.33333333em; } .cell--small-ico .ico-kruh { background-image: url("/Content/source/img/svg/ico-kruh.svg"); background-size: 2.5em; } .cell--small-ico .ico-sanitka { background-image: url("/Content/source/img/svg/ico-sanitka.svg"); background-size: 2.75em 2.5em; } .cell--small-ico .ico-zavaz { background-image: url("/Content/source/img/svg/ico-zavaz.svg"); background-size: 2.5em 2em; } .cell--small-ico .ico-skoda { background-image: url("/Content/source/img/svg/ico-skoda.svg"); } .cell--small-ico .ico-storno { background-image: url("/Content/source/img/svg/ico-storno.svg"); } .cell--small-ico .ico-padak { background-image: url("/Content/source/img/svg/ico-padak.svg"); background-size: 2.5em 2.66666667em; } .cell--small-ico .ico-zima { background-image: url("/Content/source/img/svg/ico-zima.svg"); background-size: 2.58333333em 2.58333333em; } .cell--small-ico .ico-ohen { background-image: url("/Content/source/img/svg/ico-ohen.svg"); } .cell--small-ico .ico-blesk { background-image: url("/Content/source/img/svg/ico-blesk.svg"); background-size: auto 3.1em; } .cell--small-ico .ico-vandal { background-image: url("/Content/source/img/svg/ico-vandal.svg"); background-size: auto 3.1em; } .cell--small-ico .ico-povoden { background-image: url("/Content/source/img/svg/ico-povoden.svg"); } .cell--small-ico .ico-stit { background-image: url("/Content/source/img/svg/ico-stit.svg"); } .cell--small-ico .ico-vodovod { background-image: url("/Content/source/img/svg/ico-vodovod.svg"); } .cell--5--ico span { text-align: left; display: block; font-size: 0.875em; padding-left: 2.14285714em; background-image: url("/Content/source/img/svg/ico-star0.svg"); background-repeat: no-repeat; background-position: left center; background-size: 1.14285714em; font-weight: 700; } .cell--5--ico .ico-star1 { background-image: url("/Content/source/img/svg/ico-star1.svg"); } .cell--5--ico .ico-star0 { background-image: url("/Content/source/img/svg/ico-star0.svg"); } .cell--5--ico .ico-line { background-image: url("/Content/source/img/svg/ico-line.svg"); } .ico-big-star1 { width: 1.5em; height: 1.5em; background: url("/Content/source/img/svg/ico-star1.png"); background: url("/Content/source/img/svg/ico-star1.svg"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url("/Content/source/img/svg/ico-star1.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-position: center center; background-size: 1.5em 1.375em; } .ico-big-star0 { width: 1.5em; height: 1.5em; background: url("/Content/source/img/svg/ico-star0.png"); background: url("/Content/source/img/svg/ico-star0.svg"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url("/Content/source/img/svg/ico-star0.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-position: center center; background-size: 1.5em 1.375em; } .ico-big-none { width: 0.6875em; height: 0.125em; background: url("/Content/source/img/svg/ico-line.png"); background: url("/Content/source/img/svg/ico-line.svg"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url("/Content/source/img/svg/ico-line.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-position: center center; background-size: 0.6875em 0.125em; } .ico-plus, .ico-minus { width: 1.5625em; height: 1.5625em; background: url("/Content/source/img/svg/ico-plus.png"); background: url("/Content/source/img/svg/ico-plus.svg"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url("/Content/source/img/svg/ico-plus.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-position: center center; background-size: 0.8125em; background-color: #797979; cursor: pointer; } .ico-minus { background: url("/Content/source/img/svg/ico-minus.png"); background: url("/Content/source/img/svg/ico-minus.svg"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url("/Content/source/img/svg/ico-minus.svg"), linear-gradient(transparent, transparent); } .line-none { border: none; } .ico-sponsored { width: 0.8125em; height: 7.125em; background: url("/Content/source/img/svg/sponzorovany-odkaz.png"); background: url("/Content/source/img/svg/sponzorovany-odkaz.svg"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url("/Content/source/img/svg/sponzorovany-odkaz.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-position: center center; background-size: 0.8125em 7.125em; cursor: pointer; } .ico-tip { background-image: url("/Content/source/img/ico-tip.png"); background-repeat: no-repeat; background-position: top left; background-size: 3.4375em; } .result-boxes { margin-top: 0.625em; } .result-box:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .result-box:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .result-box:hover div { background-color: #d9d9d9; } .result-box div { position: relative; float: left; border-right: 1px solid #c6c6c6; padding: 0 0.5em; background-color: #ededed; min-height: 9.375em; line-height: 9.375em; display: table-cell; text-align: center; } .result-box div div { line-height: 1.5em; vertical-align: middle; height: auto; padding: 0; display: inline-block; min-height: 0; float: none; max-width: 100%; } .result-box div div:first-child { background: none; } .result-box div:first-child { background-color: #fff; } .result-box div:first-child, .result-box div:last-child { border: none; } .result-box div span { display: block; font-size: 1em; font-weight: 600; vertical-align: middle; } .result-box .cell--0 { position: relative; padding: 0; } .result-box .cell--1 img { /*max-*/ width: 100%; height: auto; } .result-box .cell--1 span { font-size: 0.875em; width: 100%; position: absolute; bottom: 1.42857143em; left: 0; line-height: 1.28571429em; font-weight: 400; } .result-box .cell--2 span { font-size: 1.875em; color: #91ce4b; } .result-box .cell--2 span small { font-size: 0.66666667em; font-weight: 700; } .result-box .cell--3 a { display: block; font-size: 0.875em; font-weight: 400; color: #474747; } .result-box .cell--small span { display: inline-block; } .result-content { margin-bottom: 0.5em; } .result-content .result-box:nth-child(n+1) .cell--0 { overflow: hidden; } .result-content .result-box:nth-child(n+1) .cell--0:before { content: ""; position: absolute; left: 0.75em; width: 100%; height: 100%; border-left: 1px solid #474747; } .result-content .result-box:first-child .cell--0:before { border-top: 1px solid #474747; border-left: 1px solid #474747; top: 50%; } .result-content .result-box:first-child .cell--0 div span { width: 1.5625em; height: 1.5625em; background-image: url("/Content/source/img/svg/ico-plus.svg"); background-repeat: no-repeat; background-position: center center; background-size: 0.8125em; background-color: #797979; cursor: pointer; } .result-content .result-box:last-child .cell--0:before { border: 0; border-left: 1px solid #474747; top: -50%; } .result-content .result-box:last-child .cell--0 div span { width: 1.5625em; height: 1.5625em; background-image: url("/Content/source/img/svg/ico-minus.svg"); background-repeat: no-repeat; background-position: center center; background-size: 0.8125em; background-color: #797979; cursor: pointer; } .border-none .cell--0:before { border: none !important; } .hide-plus span { display: none !important; } .result-box--sub { display: none; } .result-box--show { display: block; } .sponsored { margin-bottom: 0.5em; } .sponsored div { background-color: #ede5f8; } .margin-b { margin-bottom: 0.5em; } .margin0 { margin: 0; } .fb_share_button img { max-width: 100%; height: auto; width: auto; } .button-online { display: block; font-size: 1.625em; color: #fff; background-color: #8e5cd4; padding: 1.30769231em 0.92307692em; text-transform: uppercase; font-weight: 600; text-decoration: none; line-height: 1.23076923em; border-radius: 0.38461538em; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; border: none; } .button-online:hover { background-color: #663ba3; } #payu { min-width: 720px; font-size: 16px; } #payu .button-online { font-size: 16px; padding: 1.30769231em 0.92307692em !important; } .link-bottom { text-align: center; margin-top: 1.375em; margin-bottom: 3.25em; } .link-bottom a { min-width: 10.625em; text-align: left; position: relative; font-size: 1em; display: inline-block; font-weight: 600; background-color: #91ce4b; color: #fff; text-decoration: none; text-transform: uppercase; height: 3.5em; line-height: 3.5em; padding-left: 3.5em; padding-right: 1em; border-radius: 0.625em; margin-right: 0.625em; overflow: hidden; } .link-bottom a:hover:before { -webkit-transform: translateY(3.5em); transform: translateY(3.5em); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .link-bottom a:hover:after { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .link-bottom a:last-child { margin-right: 0; } .link-bottom a:before, .link-bottom a:after { content: ""; position: absolute; left: 1em; top: 0; background-image: url("/Content/source/img/svg/ico-left.svg"); background-position: center left; background-size: 0.6875em 1.25em; background-repeat: no-repeat; width: 100%; height: 100%; } .link-bottom a:before { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .link-bottom a:after { -webkit-transform: translateY(-3.5em); transform: translateY(-3.5em); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .link-bottom a span { vertical-align: middle; display: block; } .link-bottom .a__link--back { background-color: #797979; } .link-bottom .a__link--back:before, .link-bottom .a__link--back:after { background-image: url("/Content/source/img/svg/ico-left.svg"); background-size: 0.6875em 1.25em; } .link-bottom .a__link--repeat:before, .link-bottom .a__link--repeat:after { background-image: url("/Content/source/img/svg/ico-repeat.svg"); background-size: 1.75em 1.9375em; } .link-bottom .a__link--mail:before, .link-bottom .a__link--mail:after { background-image: url("/Content/source/img/svg/ico-mail.svg"); background-size: 1.9375em 1.3125em; } .link-bottom .a__link--print:before, .link-bottom .a__link--print:after { background-image: url("/Content/source/img/svg/ico-print.svg"); background-size: 2em 1.8125em; } .link-bottom .a__link--continue { background-color: #8e5cd4; padding-right: 3.5em; height: 5em; line-height: 5em; } .link-bottom .a__link--continue:before, .link-bottom .a__link--continue:after { background-image: url("/Content/source/img/svg/ico-right.svg"); background-size: 0.75em 1.25em; left: -1em; background-position: center right; } .link-bottom__box { line-height: 5em; } .link-bottom__box a { vertical-align: middle; } .scroll-top { display: block; position: fixed; bottom: 0.9375em; right: 0.9375em; z-index: 9999; width: 3.0625em; height: 3.0625em; background-image: url("/Content/source/img/top.png"); background-repeat: no-repeat; background-position: center center; cursor: pointer; } .error-p { margin-top: 0.625em !important; } .change__block__button { background-color: #91ce4b; width: auto; cursor: pointer; margin: 10px 0 10px 0; background-image: none; position: relative; } .change__block__button:before { background-image: url(/Content/source/img/svg/ico-23.svg); content: ""; position: absolute; left: 1em; background-position: center left; background-size: 0.6875em 1.25em; background-repeat: no-repeat; width: 0.6875em; height: 1.25em; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .change__block__button.active:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #ui-datepicker-div { position: absolute !important; z-index: 999999 !important; } .m-t-0 { margin-top: 0; } .bubble { padding-bottom: 1.3em; margin-bottom: 1.3em; } .bubble--green { background: linear-gradient(-79deg, #4ad1a6, #9ad05d); } .bubble__l { float: left; width: 66.66666667%; } @media screen and (max-width: 991px) { .bubble__l { width: 100%; } } .bubble__r { float: left; width: 33.33333333%; } @media screen and (max-width: 991px) { .bubble__r { width: 100%; } } .bubble__left, .bubble__middle { float: left; width: 50%; } @media screen and (max-width: 649px) { .bubble__left, .bubble__middle { width: 100%; } } .bubble__right { float: left; width: 100%; } .bubble__left, .bubble__middle, .bubble__right { height: 18em; } @media screen and (max-width: 991px) { .bubble__left, .bubble__middle, .bubble__right { height: auto; } } .bubble__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } @media screen and (max-width: 649px) { .bubble__left { display: block; } } .bubble__left__bottom { -ms-flex-item-align: end; align-self: flex-end; } @media screen and (max-width: 649px) { .bubble__left__bottom { margin-bottom: 20px; } } .bubble__middle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 649px) { .bubble__middle { display: block; text-align: center; } } .bubble__middle__image { -ms-flex-item-align: end; align-self: flex-end; max-width: 100%; height: auto; } @media screen and (max-width: 649px) { .bubble__middle__image { margin-bottom: 20px; } } .bubble__right { text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } @media screen and (max-width: 649px) { .bubble__right { display: block; } } .bubble__right__top { width: 100%; -ms-flex-item-align: start; align-self: flex-start; } .bubble__right__bottom { -ms-flex-item-align: end; align-self: flex-end; } @media screen and (max-width: 799px) { .bubble__right__bottom { width: 100%; } .bubble__right__bottom .calculate { margin-left: auto; margin-right: auto; } } .bubble--title .bubble__right { height: 18em; } @media screen and (max-width: 649px) { .bubble--title .bubble__right { height: auto; } } .bubble--title .bubble__left, .bubble--title .bubble__middle { height: 14em; } @media screen and (max-width: 799px) { .bubble--title .bubble__left, .bubble--title .bubble__middle { height: auto; } } .bubble-button { display: block; font-size: 1em; line-height: 1em; padding: 1em 1.2em; font-weight: 700; color: #ffffff; text-decoration: none; background-color: #ff8615; text-align: center; border-radius: 5px; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; width: 16em; margin-left: auto; margin-right: auto; margin-bottom: 0.3em; } .bubble-button:hover { background-color: #e1854c; } .bubble-button:last-of-type { margin-bottom: 0; } .bubble .calculate__image:before, .bubble .calculate__image:after { background-size: contain; } .bubble h1:not(.h1--subtitle), .bubble .h1--title { font-size: 2.25em; color: #fff; padding: 0 0 0.69444444em; font-weight: 700; line-height: 1.11111111em; } .bubble .h1--sub a { color: #fff; } .bubble ul { margin-bottom: 1em; } .bubble ul li { line-height: 1.75em; color: #ffffff; font-size: 1em; position: relative; padding-left: 1.875em; } .bubble ul li a { display: block; } .bubble ul li:before { content: ""; position: absolute; left: 0; top: 8px; display: inline-block; height: 0.83333333em; width: 0.77777778em; background: url(/Content/source/img/svg/ico-22.png) left center no-repeat; background: url(/Content/source/img/svg/ico-22.svg) left center no-repeat, -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-22.svg) left center no-repeat, linear-gradient(transparent, transparent); } .bubble .viewer { margin-top: 0; } .bubble .letter2 { margin-top: 2.1875em; width: 12.8125em; height: 1.875em; max-width: 255px; text-align: right; margin-right: 4.0625em; } .bubble .circle-1 { margin-right: 1.875em; } .bubble .circle-1:before { background: url(/Content/source/img/svg/ico-20.png); background: url(/Content/source/img/svg/ico-20.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-20.svg), linear-gradient(transparent, transparent); } .bubble .circle-2:before { background: url(/Content/source/img/svg/ico-21.png); background: url(/Content/source/img/svg/ico-21.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-21.svg), linear-gradient(transparent, transparent); } .bubble .circle-1, .bubble .circle-2 { color: #ffffff; text-transform: uppercase; font-weight: 700; font-size: 1em; display: inline-block; padding: 1.25em 0 0; padding-left: 3.75em; line-height: 1.5em; position: relative; } @media screen and (max-width: 649px) { .bubble .circle-1, .bubble .circle-2 { margin-bottom: 1.25em; } .bubble .circle-1:before, .bubble .circle-2:before { background-position: left center; } } @media screen and (max-width: 480px) { .bubble .circle-1, .bubble .circle-2 { padding-top: 10px; min-height: 44px; } } .bubble .circle-1:before, .bubble .circle-2:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left bottom; background-size: 2.8125em; } @media screen and (max-width: 480px) { .bubble .circle-1:before, .bubble .circle-2:before { background-size: contain !important; } } /*Povinne ruceni*/ .chbox { background-color: #e6e6e6; padding: 1.5625em 1.875em; } .chbox__item:nth-child(2) p { margin-bottom: 0; } .chbox__header:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .chbox__header:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .chbox__title { float: left; font-size: 16px; line-height: 20px; color: #9ad05d; font-weight: 600; margin-bottom: 0.625em; } .chbox__change { float: right; display: block; font-size: 13px; line-height: 20px; color: #797979; margin-bottom: 0.625em; text-decoration: underline; cursor: pointer; } .chbox__change:hover { text-decoration: none; } .chbox p { font-size: 14px; line-height: 21px; margin-bottom: 1.25em; } .povruc h3 { font-size: 14px !important; line-height: 16px; margin-bottom: 10px; } .povruc .form-block__full { line-height: 20px !important; min-width: 1px !important; } .povruc__box { padding: 1.25em 0 !important; } .recbox { position: relative; padding: 25px 0 0; } @media screen and (max-width: 1299px) { .recbox .container { padding: 0 15px; } } .recbox h2 { font-size: 18px; line-height: 24px; color: #9ad05d; font-weight: 400; text-align: center; margin-bottom: 25px; } .recbox__pronounced { display: inline-block; font-size: 24px; line-height: 30px; font-weight: 700; } .recbox__arrow { position: absolute; display: block; left: -60px; width: 36px; height: 288px; z-index: 99; background-position: center center; background-size: contain; background-repeat: no-repeat; } @media screen and (max-width: 1399px) { .recbox__arrow { display: none; } } .recbox__arrow--up { top: calc(50% - 288px - 15px); background-image: url("/Content/Source/share/arrow-up.svg"); } .recbox__arrow--down { top: calc(50% + 15px); background-image: url("/Content/Source/share/arrow-down.svg"); } .recbox__box { border: 1px solid #c9c9c9; border-radius: 6px; padding: 26px 30px; position: relative; } .recbox__box:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .recbox__box:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } @media screen and (max-width: 575px) { .recbox__box { padding: 15px; } } .recbox__box--small .recbox__conv, .recbox__box--small .recbox__left { display: none; } .recbox__box--small .recbox__right { margin-left: 120px; } @media screen and (max-width: 575px) { .recbox__box--small .recbox__right { margin-left: 0; } } .recbox__left { float: left; width: 120px; } @media screen and (max-width: 575px) { .recbox__left { width: 100%; margin-bottom: 20px; } .recbox__left:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .recbox__left:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } } .recbox__left img { margin-bottom: 15px; } @media screen and (max-width: 575px) { .recbox__left img { float: left; margin-right: 30px; } } .recbox__right { float: left; width: calc(100% - 120px); padding-left: 40px; } @media screen and (max-width: 991px) { .recbox__right { width: 100%; padding-left: 0; } } .recbox__name { display: block; font-size: 16px; color: #9ad05d; font-weight: 700; margin-bottom: 8px; } @media screen and (max-width: 575px) { .recbox__name { margin-top: 38px; } } .recbox__pos { display: block; font-size: 14px; } .recbox__conv { position: relative; background-color: #ededed; padding: 22px 32px; border-radius: 4px; margin-bottom: 22px; } @media screen and (max-width: 575px) { .recbox__conv { padding: 15px; } } .recbox__conv:before { content: ''; position: absolute; top: 20%; left: -20px; width: 0; height: 0; border-top: 20px solid transparent; border-right: 0 solid transparent; border-left: 20px solid #ededed; z-index: 4; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } @media screen and (max-width: 575px) { .recbox__conv:before { display: none; } } .recbox__conv p { font-size: 16px; line-height: 26px; margin-bottom: 0; font-weight: 600; } .recbox__choice:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .recbox__choice:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .recbox__item { position: relative; width: 50%; float: left; } @media screen and (max-width: 767px) { .recbox__item { width: 100% !important; } } .recbox__item input[type=radio] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .recbox__item input[type=radio]:checked + label { background-color: #ededed; } .recbox__item input[type=radio]:checked + label:before { background-color: #ffffff; } .recbox__item input[type=radio]:checked + label:after { opacity: 1; } .recbox__item input[type=radio] + label { position: relative; display: block; padding: 22px 32px; padding-left: 86px; margin-left: 0; border-radius: 4px; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } @media screen and (max-width: 575px) { .recbox__item input[type=radio] + label { padding-left: 70px; } } .recbox__item input[type=radio] + label:before, .recbox__item input[type=radio] + label:after { position: absolute; content: ""; top: 22px; left: 32px; width: 32px; height: 32px; border: 2px solid #9ad05d; border-radius: 50%; -webkit-transition: opacity 0.2s, background-color 0.2s; transition: opacity 0.2s, background-color 0.2s; } @media screen and (max-width: 991px) { .recbox__item input[type=radio] + label:before, .recbox__item input[type=radio] + label:after { left: 15px; } } .recbox__item input[type=radio] + label:after { top: 29px; left: 39px; width: 18px; height: 18px; background-color: #9ad05d; opacity: 0; } @media screen and (max-width: 991px) { .recbox__item input[type=radio] + label:after { left: 22px; } } .recbox__title { display: block; font-size: 16px; line-height: 16px; font-weight: 700; margin-bottom: 10px; } .recbox__title--small { font-size: 14px; line-height: 14px; font-weight: 400; margin-bottom: 0; } .box { margin-bottom: 1.4em; } .box__title { padding: 1.2em; text-align: center; font-size: 1.3em; line-height: 1.3em; font-weight: 700; color: #fff; background: linear-gradient(-79deg, #1DAA7E, #1DAA7E); } .box__inner { padding: 1.2em; background-color: #ededed; } .box .button { width: 100%; margin-bottom: 0; } .box ul { margin-bottom: 1.2em; } .box__list li { position: relative; padding-left: 1em; font-size: 1em; line-height: 1.75em; margin-bottom: 10px; } .box__list li:before { content: ""; position: absolute; top: 10px; left: 0; width: 10px; height: 10px; background-size: contain; background-image: url("/Content/source/img/svg/ico-23_dark.svg"); background-repeat: no-repeat; background-position: left center; } .box__icon__address, .box__icon__phone, .box__icon__email, .box__icon__web { background-repeat: no-repeat; background-position: left top; background-size: 30px auto; padding-left: 50px; margin-bottom: 15px; min-height: 30px; line-height: 28px; } .box__icon__address { background-image: url("/Content/source/img/svg/box-home.svg"); } .box__icon__phone { background-image: url("/Content/source/img/svg/box-phone.svg"); } .box__icon__email { background-image: url("/Content/source/img/svg/box-email.svg"); } .box__icon__web { background-image: url("/Content/source/img/svg/box-web.svg"); } .box__buttons li { margin-bottom: 5px; } .box__buttons li:hover a { color: #9769d8; } .box__buttons li:hover span { background-color: #9769d8; } .box__buttons a { display: block; width: 100%; color: #474747; text-decoration: none; clear: both; line-height: 36px; font-weight: 700; } .box__buttons span { float: right; display: inline-block; background-color: #8e5cd4; border-radius: 5px; padding: 10px; color: #fff; font-weight: 700; line-height: 16px; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .box-sidebar { width: 100%; float: none; } .box-sidebar--no-border .kont_back { border: none; border-radius: 0; } .box-sidebar .kont_back { width: 100%; } .box-sidebar a { color: #1DAA7E; text-decoration: none; } .box-sidebar p { color: #474747; margin-bottom: 1.25em; line-height: 1.75em; } .cell--padding { padding: 0 2.5em; } .form-block__before.w100 { width: 100% !important; } .form-block__before.w100 .form-block__full { width: 100% !important; } @media screen and (min-width: 801px) { .top-nav2 .cell:nth-child(1) { width: 18%; } .top-nav2 .cell:nth-child(2) { width: 22%; } .top-nav2 .cell:nth-child(3) { width: 23%; } .top-nav2 .cell:nth-child(4) { width: 17%; } } @media screen and (min-width: 1300px) { .container { font-size: 16px; } } @media screen and (max-width: 899px) { .forms-content { overflow: hidden; } .forms-content .forms-block__box .error-bg:before { width: 200%; } } @media screen and (max-width: 800px) { .cell--padding { padding-left: 0; padding-right: 0; } .app-content h1 { padding-top: 0.625em; margin-bottom: 0.625em; } .app2 .app2__img { margin-top: 1.25em; max-width: 100%; } .icon-first { padding-top: 1.25em; } .forms-content { overflow: hidden; } .forms-content .forms-block__box .error-bg:before { width: 200%; } .forms-content .forms-block__box .form-block__form .calendar { float: none; } .forms-content .forms-block__box .form-block__info { padding-left: 0; padding-top: 10px; } .forms-content .forms-block__box .form-block__info .info-box { position: relative; left: 0; top: 0; width: 100%; } .forms-content .forms-block__box .form-block__info .info-box:before { background-image: none; } .forms-content .forms-block__box .form-block__info .info-box p { font-size: 0.9em !important; } .forms-content .form-center, .forms-content .form-left, .forms-content .form-right, .forms-content .form-block__full { width: 100%; } .forms-content .form-center p, .forms-content .form-left p, .forms-content .form-right p, .forms-content .form-block__full p { margin-right: 0; margin-bottom: 0; } .forms-content .form-left { padding-bottom: 0; } .viewer { display: block; text-align: center; padding: 30px 0; } .viewer .viewer__circle { float: none; margin: 0 auto; } .viewer .viewer__text { line-height: 20px; margin-top: 10px; display: block; } .circle-1 { margin-bottom: 10px; } .mobile-app a { margin-bottom: 5px; } .blog .post-with-img .blog__content__box { margin-bottom: 10px; min-height: 0; } .blog .post-with-img .blog__content__box:hover .blog__content__box__pad { margin-top: 0; } .blog .post-with-img .blog__content__box img { display: none; width: 100%; } .blog .post-with-img .blog__content__box .blog__content__box__hover { opacity: 1; margin-bottom: 0; } .blog .post-with-img .cell:not(:first-child) { display: none; } .payment .cell { width: 100%; } .left { width: 100%; } .left--small { width: 50%; } .small .forms-block__box .paddingright { padding-right: 0; } .small .forms-block__box .form-block__form select, .small .forms-block__box .form-block__form input { width: 100%; } .insurance .insurance__box a { width: 25%; float: left; } .insurance .insurance__box a:nth-child(4n+1) { clear: both; } .reference-loga { display: none; } .about .about__box a { width: 25%; } .viewer { width: 100%; padding: 0; } .calculate { float: none; } .bg-green .index-right { padding-top: 0; } .menu--hide { display: none; } .forms-content .forms-block__box .form-block__form { /* .calendar { width: 50/16em; } .select_w__25:not(.calendar):not(:nth-child(3)) { width: 22%; margin: 0; } .select_w__25:not(.calendar):nth-child(3) { width: 30%; margin: 0; }*/ } .forms-content .forms-block__box .form-block__text { float: left; } .forms-content .forms-block__box .form-block__info { float: left; } .forms-content .forms-block__box .form-block__full { width: 90%; float: left; } .index-left { max-height: 17.5em; } .bg-green .index-left__left ul { margin-bottom: 1.5em; } } @media screen and (max-width: 799px) { .index-left { max-height: initial; } .bg-green .index-left { height: auto; } .insurance { margin-top: 20px !important; } .bg-green2 { padding-bottom: 10px; } .bg-green .index-right--small .calculate__div { width: 100%; } } @media screen and (min-width: 800px) and (max-width: 1250px) { .forms-content .forms-block__box .form-block__info .info-box { width: 15.625em; } } @media screen and (min-width: 800px) and (max-width: 1024px) { .forms-content .forms-block__box .form-block__info .info-box { width: 21.875em; right: -35px; left: auto; top: 40px; } .forms-content .forms-block__box .form-block__info .info-box:before { background-image: none; } } @media screen and (max-width: 800px) { /* .forms-content .forms-block__box .form-block__before.error-bg { width: 60%; float: left; } */ .forms-content .forms-block__box .form-block__full { width: 60%; } .forms-content .forms-block__box .f .form-block__full { width: 100%; } .forms-content .forms-block__box .red.error-p { float: left; width: 100%; } } @media screen and (max-width: 740px) { .bg-green2 .bg-green2__left { margin-top: 20px; } .bg-green2 .bg-green2__left p { text-align: center; padding-bottom: 10px; } .bg-green2 .h-mob { display: none; } .bg-green .bg-green2__app, .bg-green2 .bg-green2__app { display: none !important; } .bg-green .row .index-left, .bg-green2 .row .index-left, .bg-green .row .index-right, .bg-green2 .row .index-right, .bg-green .row .w50, .bg-green2 .row .w50, .bg-green .row .bg-green2__right, .bg-green2 .row .bg-green2__right { width: 100%; } .calculate { float: none; } .garance .row .w25 { width: 50%; } .payment .button--payment { width: 100%; } .left--small { width: 100%; } .title-next { display: none; } .forms-content .form-right { text-align: center; } .forms-content .form-right .calculate__div { float: none; width: 100%; text-align: center; } .forms-content .forms-block__box .form-block__full { width: 60%; min-width: auto; float: left; } .top-nav h1 { font-size: 24px; } .top-nav { display: flex; } .top-nav .cell { width: 25%!important; height: 30px; display: inline-block; text-align: center; position: relative; } .top-nav .cell a { position: relative; margin: 0; padding: 0; } .top-nav .cell:not(:last-child) a:before { content: ''; position: absolute; left: 28px; top: 16px; width: 100%; min-width: calc(25vw - 33px); height: 1px; background: #797979; } .top-nav .cell a span { position: relative; } .top-nav .cell a.done span { background-color: #1CA21C; border-color: #1CA21C; background-image: url("/Content/source/img/icon/check-dark-grey.svg"); background-position: center center; background-repeat: no-repeat; overflow: hidden; text-indent: -50px; background-size: 15px; color: #fff; } .top-nav .cell a.done:before { background: #1CA21C; } .top-nav .top-nav-text { display: none; } footer .footer__bottom2 { text-align: center; padding: 1.25em 0; background-position: center bottom; padding-bottom: 3.75em; } .mobile-app { margin-bottom: 1.5625em; } .calculate__div { text-align: center; } } @media screen and (max-width: 650px) { .results-relative { display: none; } .tlacitko_big--pay { margin-bottom: 10px; min-width: 0; } .cell--small { display: none !important; } .result-box .cell--0 { display: none; float: none; width: 7.125em; height: 0.875em; } .result-box .ico-sponsored { width: 7.125em; height: 0.8125em; background-image: url("/Content/source/img/svg/sponzorovany-odkaz_mob.svg"); background-size: 7.125em 0.8125em; } .result-box > div { width: 20%; } .result-box > div.cell--4, .result-box > div.cell--big { display: none; } .result-box > div:last-child { width: 40%; } .garance .row .w25 { width: 50%; } .garance .gar-image { margin-bottom: 0; } .garance .gar-image__1 { background-size: 3.0625em 2.125em; width: 3.125em; } .garance .gar-image__2 { background-size: 2.3125em 2.3125em; width: 2.5em; } .garance .gar-image__3 { background-size: 2.5em 2.5625em; width: 2.8125em; } .garance .gar-image__4 { background-size: 1.875em 2.4375em; width: 2.1875em; } .garance p { font-size: 0.875em; } } @media screen and (max-width: 480px) { .garance .row .w25 { width: 50%; } .garance .gar-image { margin-bottom: 0; } .garance .gar-image__1 { background-size: 3.0625em 2.125em; width: 3.125em; } .garance .gar-image__2 { background-size: 2.3125em 2.3125em; width: 2.5em; } .garance .gar-image__3 { background-size: 2.5em 2.5625em; width: 2.8125em; } .garance .gar-image__4 { background-size: 1.875em 2.4375em; width: 2.1875em; } .garance p { font-size: 0.875em; } .result-box > div { width: 50%; } .result-box > div.cell--3 { line-height: 5em; min-height: 5em; } .result-box > div:last-child, .result-box > div.cell--3 { width: 100%; } .bg-green .bg-green2__app, .bg-green2 .bg-green2__app { display: none !important; } .bg-green .index-left, .bg-green2 .index-left { height: auto; min-height: 14.5em; } .feature__small .cell { width: 100%; } .feature__small .cell p { margin-bottom: 1.875em; } .bg-green2__right p { margin-bottom: 1em !important; } .mobile-app { margin-top: 0; margin-bottom: 0; width: 100%; } .mobile-app a { width: 30% !important; margin-left: 0 !important; margin-right: 0 !important; display: inline-block !important; } .mobile-app a { margin: 2px auto; display: block; } .app-content h1 { line-height: 50px; padding-bottom: 0; } .calculate { float: none; } .app_box { padding: 1.25em 0 0; } .payment .button--payment { font-size: 20px; } .link-bottom a { width: 49%; margin-right: 0; margin-bottom: 5px; } .link-bottom .a__link--continue { width: auto; } .link-bottom .row:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .link-bottom .row:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .link-bottom .row a { width: 48%; float: left; } .link-bottom .row a:nth-child(2), .link-bottom .row a:nth-child(4) { margin-left: 2%; } .insurance .insurance__box a { width: 25%; } .insurance .insurance__box a:nth-child(4n+1) { clear: none; } .insurance .insurance__box a:nth-child(4n+1) { clear: both; } .about .about__box a { width: 25%; line-height: 6.125em; } footer .copyright { margin-right: 0; } footer .footer__bottom { border: none; margin-top: 0; } footer .footer__bottom .footer__icon { background-image: none; padding-left: 0; } footer .footer__bottom2 { padding-top: 0; background-position: center bottom 15px; } footer .footer__bottom2 a { line-height: 24px; } footer .footer__bottom2 a:after { padding: 0; } .small input[type=checkbox] + label, .small input[type=radio] + label { display: inline-block; } input[type=checkbox] + label, input[type=radio] + label { display: inline; } .reference { margin-left: 0; } .reference-loga { display: none; } .blog .blog__button { margin-top: 1.375em; } .blog .post-with-img img { display: none; } .blog .post-with-img .blog__content__box { min-height: 0; } .blog .post-with-img .cell:not(:first-child) { display: none; } footer .footer__social { margin-top: 1.375em; } } @media screen and (max-width: 480px) { .link-bottom .row a { width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 445px) { .top-nav .cell { width: 100% !important; } .forms-content .forms-block__box .form-block__before.error-bg { float: left; } .forms-content .forms-block__box .form-block__before.error-bg .form-block__form { width: 100%; } .forms-content .forms-block__box .form-block__full { width: 90%; } .forms-content .forms-block__box .form-block__form .select_w__25 { width: 25%; margin: 0; } .forms-content .forms-block__box .form-block__form .calendar { width: 3.125em; } .reference { padding-bottom: 1em; } .reference ul li { width: 24%; } .reference-loga { display: none; } select { background-position: right 0.5em top 1.25em; background-size: 12px 8px; } .forms-content .forms-block__box .form-block__form select { padding-left: 0.625em; padding-right: 2em; } .bg-green2__right p { margin-bottom: 1em !important; } .mobile-app { margin-top: 0; margin-bottom: 0; width: 100%; } .mobile-app a { width: 30% !important; display: inline-block; } } .table_css td, .table_css img { vertical-align: top; } .table_css .left_td { width: 210px; } .table_css img:not(.disable-auto) { max-width: 200px; width: 100%; height: auto; } @media screen and (max-width: 480px) { .table_css img { max-width: 100px; } } #zadane_parametry { line-height: 1.5em; } @media screen and (max-height: 330px) { .h-mob { display: none; } .bg-green2 .bg-green2__right h4 { margin-bottom: 0.8em; font-size: 1.8em; } } .reference_add_rating_lightbox .rating_container .rating_row .rating_cell { display: table-cell; vertical-align: middle; } .main-content #detail_tarifu_vypis table, .main-content #detail_tarifu_vypis div, .main-content #detail_tarifu_vypis ul, .main-content #detail_tarifu_vypis ol { color: #474747; margin-bottom: 1.25em; line-height: 1.75em; } .reference_add_rating_lightbox .rating_container .rating_row { display: table-row; } .reference_add_rating_lightbox .rating_container { display: table; margin: 0 auto; margin-bottom: 20px; width: 600px; } .star-rating { display: table; } .star-rating .c-rating__item { float: left; width: 24px; list-style-type: none; } .c-rating__item { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; height: 24px; display: table-cell; width: 24px; background: url(/Content/source/img/svg/stars.svg); cursor: pointer; } .reference_add_rating_lightbox input { width: 100%; border: 2px solid #cacaca; border-radius: 0.3125em; background-color: #ededed; padding: 0.9375em; line-height: 15px; margin-bottom: 0.5em; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .reference_add_rating_lightbox textarea { width: 100%; border: 2px solid #cacaca; border-radius: 0.3125em; background-color: #ededed; padding: 0.9375em; line-height: 15px; margin-bottom: 0.5em; } .reference_add_rating_lightbox .blog__button { display: block; text-align: center; background-color: #1DAA7E; color: #fff; padding: 0.875em 1.375em; text-transform: uppercase; text-decoration: none; border-radius: 0.3125em; width: 12.5em; font-weight: 600; margin: 0 auto; position: relative; overflow: hidden; } #detail_tarifu_vypis a:hover { text-decoration: underline; } #detail_tarifu_vypis a { text-decoration: none; color: #ffffff; } #detail_tarifu_vypis .detail_tarifu_zavrit a { text-decoration: none; color: #1DAA7E; } .big-cena { font-size: 36px; font-weight: bold; } .csob_zavazadla { list-style: none !important; } @media screen and (max-width: 650px) { .rating_cell:nth-child(1) { display: block !important; } .rating_cell:nth-child(2) { width: 75%; } .white-popup { width: 100% !important; } } .layout_wrap { position: relative; } #prohlizi { position: fixed; bottom: 10px; left: 0; display: none; background: #ffe; padding: 14px; color: #90c200; border: 1px #a0d20a solid; text-align: center; font-size: 12px; } table.table_css { margin: 20px 0 0 0; width: 100% !important; } table.table_css--bottom { margin-bottom: 20px !important; } table.table_css { border-collapse: collapse; /*border:none;*/ } table.table_css tr { border: 2px solid #A0D20A; margin: 10px 0 0 0; } table.table_css tr:hover { background-color: #f8fdea; } table.table_css td { padding: 10px; } table.table_css td.left_td { width: 200px; vertical-align: middle; border-right: 1px solid #D6D6D6; text-align: center; } table.table_css td.left_td img { text-align: center; } table.table_css td.right_td { /*color: #A0D20A; */ padding: 15px 40px 15px 30px; } table.table_css td.right_td ul { padding-left: 15px; } table.table_css td.right_td li { color: #A0D20A; } table.table_css td.right_td a { color: #646464; text-decoration: none; } table.table_css td.right_td a:hover { text-decoration: underline; } /*** podstranky ***************/ .partners_box .logo_content { margin: 5px 15px 15px 0; float: left; } .partners_box hr { border-top: 1px #c9c9c9 solid; border-left: none; border-bottom: none; border-right: none; margin: 40px 0 0 0; } .partners_box p { margin: 20px 0 0 0; line-height: 20px; } .partners_box ul { margin-top: 30px; margin-bottom: 30px; } .partners_box .box2 a { color: #8dc800; } .partners_box li { background: url(/Content/images/footer_a.gif) left 10px no-repeat; list-style: none; padding: 0 0 0 20px; line-height: 26px; } .partners_box table { margin-top: 30px; } .add_span { font-size: 18px; font-weight: bold; color: #8dc800; margin: 0 0 10px 0; } .kont_back { background-color: #eeeeee; border: 1px #d6d6d6 solid; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 20px; width: 20em; margin: 0px 0 20px 0px; } .kont_box p { margin: 0px 0 0 0; } .add_span2 { font-size: 16px; font-weight: bold; color: #000; margin: 5px 0 5px 0; } .border_span_top { border-top: 1px #d6d6d6 solid; margin: 15px 0 5px 0; padding: 12px 0 0 0; } .comp_span { font-size: 14px; font-weight: bold; color: #363d52; /* margin: 5px 0 0 0;*/ } .box1 { width: 440px; margin: 0 0 0 20px; } .box2 { margin: 0 0 0 20px; float: right; } .first_box { margin-left: 0px !important; } .how_title { color: #8dc800; font-size: 20px; margin: 40px 0 20px 0; } .number { font-size: 50px; line-height: 50px; font-weight: bold; color: #8dc800; } .bod { width: 668px; margin: 3px 0 30px 0; } .bod p { margin: 0px; line-height: 20px; } .bod a { color: #8dc800; } .bod_title { font-size: 16px; font-weight: bold; /*color:#363d52;*/ } .kont_a { color: #8dc800; } .o_nas_blok { width: 690px; } .bg-green { overflow: hidden; } .scroll-top { display: none !important; } .green-text { line-height: 24px; font-size: 16px; } .rating-images { position: relative; top: 0.3em; width: 1.3em; height: auto; } .ratng-hide { display: none; } .smlouva-title { color: #000000; } .mt-45 { margin-top: 45px; } .cell-spec { width: 9%; height: 1px; } .mobile-img { width: 85%; } .overview-middle-image-center { -webkit-animation-duration: 3s; animation-duration: 3s; } .bx-wrapper-custom { max-width: 1175px; } .font-green { color: #a0d20a; } table.table_css { margin: 20px 0 0 0; width: 100% !important; } table.table_css { border-collapse: collapse; /*border:none;*/ } table.table_css tr { border: 2px solid #A0D20A; margin: 10px 0 0 0; } table.table_css tr:hover { background-color: #f8fdea; } table.table_css td { padding: 10px; } table.table_css td.left_td { width: 200px; vertical-align: middle; border-right: 1px solid #D6D6D6; text-align: center; } table.table_css td.left_td img { text-align: center; } table.table_css td.right_td { /*color: #A0D20A; */ padding: 15px 40px 15px 30px; } table.table_css td.right_td ul { padding-left: 15px; } table.table_css td.right_td li { color: #A0D20A; } table.table_css td.right_td a { color: #646464; text-decoration: none; } table.table_css td.right_td a:hover { text-decoration: underline; } /*** podstranky ***************/ .partners_box .logo_content { margin: 5px 15px 15px 0; float: left; } .partners_box hr { border-top: 1px #c9c9c9 solid; border-left: none; border-bottom: none; border-right: none; margin: 40px 0 0 0; } .partners_box p { margin: 20px 0 0 0; line-height: 20px; } .partners_box ul { margin-top: 30px; margin-bottom: 30px; } .partners_box .box2 a { color: #8dc800; } .partners_box li { background: url(/Content/source/images/footer_a.gif) left 10px no-repeat; list-style: none; padding: 0 0 0 20px; line-height: 26px; } .partners_box table { margin-top: 30px; } .add_span { font-size: 18px; font-weight: bold; color: #8dc800; margin: 0 0 10px 0; } .kont_back { background-color: #eeeeee; border: 1px #d6d6d6 solid; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 20px; width: 20em; margin: 0px 0 20px 0px; } .kont_box p { margin: 0px 0 0 0; } .add_span2 { font-size: 16px; font-weight: bold; color: #000; margin: 5px 0 5px 0; } .border_span_top { border-top: 1px #d6d6d6 solid; margin: 15px 0 5px 0; padding: 12px 0 0 0; } .comp_span { font-size: 14px; font-weight: bold; color: #363d52; /* margin: 5px 0 0 0;*/ } .box1 { width: 440px; margin: 0 0 0 20px; } .box2 { margin: 0 0 0 20px; float: right; } .first_box { margin-left: 0px !important; } .how_title { color: #8dc800; font-size: 20px; margin: 40px 0 20px 0; } .number { font-size: 50px; line-height: 50px; font-weight: bold; color: #8dc800; } .bod { width: 668px; margin: 3px 0 30px 0; } .bod p { margin: 0px; line-height: 20px; } .bod a { color: #8dc800; } .bod_title { font-size: 16px; font-weight: bold; /*color:#363d52;*/ } .kont_a { color: #8dc800; } .o_nas_blok { width: 690px; } .parastonc, .index > *.parastonc { position: fixed; bottom: 0; left: 0; width: 100%; z-index: -1; } .index, .garance, main, .blog { background: #fff; z-index: 1; } .rating-stars { width: 80px; margin-top: 20px; } .lightbox { position: absolute; /* keeps the lightbox window in the current viewport */ top: 0; left: 0; width: 100%; min-height: 100%; background: rgba(0, 0, 0, 0.2); display: none; } .white-popup { position: fixed; background: #FFF; padding: 20px; width: auto; margin: 150px auto; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); overflow-y: scroll; max-height: 800px; text-align: left; overflow: hidden; z-index: 10001; } .blog .post-with-img .blog__content__box p { cursor: text; } .parastonc, .index > *.parastonc { position: fixed; bottom: 0; left: 0; width: 100%; z-index: -1; } .index, .garance, main, .blog { background: #fff; z-index: 1; font-family: 'Poppins'; } .table-bg-green { background-color: #92d050; } .main-content .helpful-link li a { line-height: 1.4em; padding-top: 0.8em; padding-bottom: 0.8em; } .c-rating__item.is-active, .c-rating__item:hover { background-position: -24px 0; } #star-rating { padding-left: 0 !important; } .w15 { width: 15%; } .home .bg-green { background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#4ad1a6), to(#9ad05d)); background: linear-gradient(0, #4ad1a6, #9ad05d); } @media screen and (min-width: 1200px) and (max-width: 1620px) { .forms-content .forms-block__box .form-block__info .info-box.to_bottom { width: 11em; } } @media screen and (min-width: 800px) { .forms-content .forms-block__box .form-block__info .info-box:before { display: none; } .forms-content .forms-block__box .form-block__info .info-box.to_bottom { left: 0; -webkit-transform: translateX(-55%); transform: translateX(-55%); top: 3.4em; bottom: auto; } } @media screen and (max-width: 1250px) and (min-width: 800px) { .forms-content .forms-block__box .form-block__info .info-box { width: 11.25em; } } @media screen and (max-width: 1024px) and (min-width: 800px) { .forms-content .forms-block__box .form-block__info .info-box { width: 15.1875em; right: -35px; left: auto; top: 40px; } } .forms-content.small .forms-block__box .form-block__info .info-box p { font-size: 0.9em; } @media screen and (max-width: 768px) { .progress-hide { display: none; } } .header-top { position: relative; } .header-nav { position: absolute; top: 0; right: 0; z-index: 99; padding: 6px 1.38888889em 0 0; } .header-nav-icon { background-image: url("/Content/source/img/us_flag.png"); background-repeat: no-repeat; background-position: left center; padding-left: 20px; text-decoration: none; color: #2C2D31; } .header-nav a { color: #000; } .button-orange { display: block; font-size: 1.25em; line-height: 1.25em; padding: 15px 20px; font-weight: 700; color: #fff !important; text-decoration: none !important; background-color: #8e5cd4; text-align: center; border-radius: 5px; margin-bottom: 1.25em; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; max-width: 350px; margin-left: auto; margin-right: auto; } .button-orange:hover { background-color: #8e5cd4; } .table-header { width: 100%; margin-bottom: 1.25em; } .table-header td { padding: 8px; text-align: center; font-size: 0.875em; } .table-header thead td { color: #fff; background-color: #1DAA7E; font-weight: 700; } .table-header tbody td { border: 1px solid #d6d6d6; } .ul-interesting { margin-bottom: 2.25em; } .ul-interesting li { position: relative; list-style: none; padding-left: 35px; margin-bottom: 1.25em; min-height: 28px; } .ul-interesting li:before { content: ""; position: absolute; top: 0; left: 0; width: 28px; height: 28px; background-image: url("/Content/source/img/ul-check.svg"); background-repeat: no-repeat; background-position: center center; } .textarea { max-width: 100%; width: 100%; min-height: 150px; border: 2px solid #cacaca; border-radius: 0.3125em; background-color: #ededed; padding: 0.9375em; line-height: 15px; } .form-text { max-width: 750px; padding: 1.25em 0; } .form-text:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .form-text:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .form-text-img { width: 135px; padding-top: 50px; } .form-text-text { width: calc(100% - 135px); } .form-text h2 { font-size: 1.875em; color: #97d060; font-weight: 600; margin-bottom: 1.25em; } .form-text .ul-interesting { margin-bottom: 0.6em; } .form-text .ul-interesting li { line-height: 24px; color: #000; padding-left: 45px; } .form-text .ul-interesting li:before { background-image: url("/Content/source/img/li-style.png"); } .blog-item { position: relative; float: left; width: 220px; margin-bottom: 15px; } .blog-item img { max-width: 200px; clear: none; margin: 0; } .blog-item span { position: absolute; left: 0px; top: 5px; border: 1px #ddd solid; background: #fff; display: inline-block; padding: 5px 10px; } .blog-item big { font-weight: 700; color: #1DAA7E; } .blog-text { margin-left: 220px; } .blog-hr { clear: left; } .h2-title { margin-top: 30px; } .hr { height: 1px; color: #c6c6c6; background-color: #c6c6c6; font-size: 0; border: 0; } .form-text-img img { max-width: 100%; height: auto; } @media screen and (max-width: 600px) { .form-text-img, .form-text-text { width: 100%; padding-top: 0; } .form-text-img { text-align: center; } } /* vysledky srovnani */ .f-border { border-right: 1px #c6c6c6 solid; } @media screen and (max-width: 768px) { .f-border { border: none; } } .f h3 { margin-top: 0 !important; margin-bottom: 0 !important; } .f input[type=radio] + label, .f input[type=checkbox] + label { margin-left: 0 !important; } .f input[type=radio] + label { border-radius: 50%; } .f input[type=radio] + label:before { content: '' !important; width: 16px !important; height: 16px !important; background-image: none !important; border: 1px solid #97d060; border-radius: 50%; } .f input[type=radio]:checked + label:after { content: ""; position: absolute; top: 4px; left: 4px; width: 10px; height: 10px; background-color: #97d060; border-radius: 50%; } .f input[type="checkbox"] + label:before { width: 20px !important; height: 20px !important; background-color: #ffffff; } .f-select { width: 100%; border: 2px solid #cacaca; border-radius: 0.3125em; line-height: 15px; background-color: #fff; height: 2.0625em; padding: 0 0.625em; background-position: top 0.75em right 0.9375em; background-size: 0.75em 0.5em; } .f-select:focus { border-color: #1DAA7E; } .f-input { width: 100%; border: 2px solid #cacaca; border-radius: 0.3125em; line-height: 15px; background-color: #fff; height: 28px; padding: 0 0.625em; background-position: top 0.75em right 0.9375em; background-size: 0.75em 0.5em; font-size: 0.75em; } .f-input:focus { border-color: #1DAA7E; } .f-input-icon { position: absolute; top: 0; right: 0; width: 1.75em; height: 100%; display: inline-block; background: url(/Content/source/img/svg/calendar.png); background: url(/Content/source/img/svg/calendar.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/calendar.svg), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-position: center center; vertical-align: middle; cursor: pointer; background-size: 1.5em 1.5em; } .f-date { position: relative; } .f-date:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .f-date:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .f-date .f-input { width: calc(100% - 28px); } .f-date:focus { border-color: #1DAA7E; } .f .text-right { text-align: right; } .f .row--c .f-cell-left, .f .row--c .f-cell-right { min-height: 15em; } .f .row--c .f-cell-left { padding-right: 50px; } .f .row--c .f-cell-right { padding-left: 50px; } .f-button { display: block; text-transform: uppercase; font-weight: 600; text-decoration: none; border-radius: 0.3125em; position: relative; overflow: hidden; padding: 0 0.625em; width: 12.8125em; border: 2px solid #8e5cd4; background-color: #8e5cd4; color: #fff; margin-top: 0.9375em; } .f-button:before, .f-button:after { position: absolute; right: 0; top: 0; width: 100%; height: 100%; content: ""; background: url(/Content/source/img/svg/ico-right-purple.png); background: url(/Content/source/img/svg/ico-right-purple.svg), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: url(/Content/source/img/svg/ico-right-purple.svg), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-position: center right 1.875em; background-size: 0.4375em 0.8125em; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .f-button:after { -webkit-transform: translateY(-3.125em); transform: translateY(-3.125em); } .f-button:hover:before { -webkit-transform: translateY(3.125em); transform: translateY(3.125em); } .f-button:hover:after { -webkit-transform: translateY(0); transform: translateY(0); } .cell--0 { display: none !important; } .result-header { margin-left: 0 !important; } @media screen and (max-width: 1299px) { .list .container { padding: 0 15px; } } .list .row { margin-right: -15px; margin-left: -15px; position: relative; } .list .row .cell { padding-right: 15px; padding-left: 15px; } @media screen and (max-width: 768px) { .list .row .cell { padding-left: 10px; padding-right: 10px; } } .list-header .cell { width: calc(100% / 7); } @media screen and (min-width: 768px) { .list-header-bigger .cell:nth-child(2), .list-header-bigger .cell:nth-child(3) { width: 13.7%; } } @media screen and (max-width: 768px) { .list-header-bigger .cell { width: 50% !important; } } .list-header2 .row { margin-left: -5px !important; margin-right: -5px !important; } .list-header2 .cell { padding-right: 5px !important; padding-left: 5px !important; width: calc(100% / 8); } .list-rating .c-rating__item { cursor: default; } .list-rating .c-rating__item:hover { background-position: 0 0 !important; } .list-rating .c-rating__item.is-active:hover { background-position: -24px 0 !important; } .list-vysvetlivky { margin-top: 0.9375em; } .list-vysvetlivky-text { padding-right: 0.9375em; } .list-vysvetlivky-icon1, .list-vysvetlivky-icon2 { background-repeat: no-repeat; background-position: left center; background-size: contain; padding-left: 1.875em; padding-right: 0.9375em; } .list-vysvetlivky-icon1 { background-image: url("/Content/source/img/svg/ico-skoda.svg"); } .list-vysvetlivky-icon2 { background-image: url("/Content/source/img/svg/ico-kruh.svg"); } .list-text { font-size: 0.875em; font-weight: 700; line-height: 1.14285714em; text-align: center; padding: 1em 0.3125em; cursor: pointer; } .list-text-product { display: block; font-weight: 500; } .list-text-arrow { position: relative; display: block; } .list-text-arrow span { position: relative; right: -20px; height: 100%; } .list-text-arrow span:before, .list-text-arrow span:after { content: ""; position: absolute; right: 0; top: 0.3125em; width: 0; height: 0; border-left: 0.3125em solid transparent; border-right: 0.3125em solid transparent; border-bottom: 0.3125em solid #c6c6c6; } .list-text-arrow span:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: auto; bottom: 0.1875em; } .list-text-arrow-down span:before { display: none; } .list-text-arrow-down span:after { bottom: 0.375em; border-bottom: 0.3125em solid #000; } .list-text-arrow-up span:before { display: none; } .list-text-arrow-up span:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); bottom: 0.4375em; border-bottom: 0.3125em solid #000; } .list-circle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 3.4375em; height: 3.4375em; border-radius: 50%; background-color: #90ce4b; color: #fff; font-size: 18px; font-weight: 700; margin: 0 auto; } .list-ul { text-align: left; padding-left: 0; margin-bottom: 0; } .list-ul li { font-size: 12px; line-height: 14px; font-weight: 400; } .list-img { margin-bottom: 20px; } .list-img-text span { display: block; font-size: 14px; line-height: 18px; } .list-img-text span:nth-child(1) { font-weight: 700; text-transform: uppercase; } .list h3 { position: relative; } .list-item { position: relative; text-align: center; border-radius: 5px; background-color: #ededed; border: 2px solid transparent; margin-bottom: 1.5em; padding: 0 15px; } .list-item-doporucujeme { border-color: #006db3; } .list-item-top-box { border-color: #1CA21B; } .list-item-doporucujeme .list-bottom { display: block !important; } .list-item .row-list { position: relative; } .list-item .row-list .cell { width: calc(100% / 7); line-height: 7.375em; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } .list-item .row-list2 { margin-left: -5px !important; margin-right: -5px !important; } .list-item .row-list2 .cell { padding-right: 5px !important; padding-left: 5px !important; width: calc(100% / 8); line-height: 7.375em; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } @media screen and (min-width: 769px) { .list-item-bigger .row-list .cell { position: relative; line-height: 8.75em; padding-bottom: 40px; } .list-item-bigger .row-list .cell:nth-child(1), .list-item-bigger .row-list .cell:nth-child(2), .list-item-bigger .row-list .cell:nth-child(3) { line-height: 11.75em; padding-bottom: 0; } .list-item-bigger .row-list .cell:nth-child(2), .list-item-bigger .row-list .cell:nth-child(3) { width: 13.7%; } } @media screen and (max-width: 768px) { .list-item-bigger .row-list .cell { width: 50% !important; } .list-item-bigger .row-list .cell:nth-child(6) { width: 100% !important; display: block !important; } } @media screen and (max-width: 991px) { .list-item-bigger .row-list .cell:last-child { width: 24%; } } .list-item-bigger .row-list .cell--lh { line-height: normal; } .list-price { display: block; font-weight: 700; vertical-align: middle; font-size: 1.875em; color: #97d060; white-space: nowrap; margin-left: -0.5em; } @media screen and (max-width: 1199px) { .list-price { font-size: 1.6em; } } .list-price--blue { color: #006db3 !important; } .list-price small { font-size: 0.66666667em; font-weight: 700; } .list-price--small { font-size: 14px; font-weight: 400; margin-top: 5px; } .list-check { display: block; width: 100%; height: 28px; background-image: url(/Content/source/img/ul-check.svg); background-position: center center; background-repeat: no-repeat; margin-bottom: 10px; } .list-span { display: block; font-size: 1em; font-weight: 600; } .list-button { display: block; font-size: 1em; color: #fff; font-weight: 600; text-decoration: none; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; border: none; background-color: #8e5cd4; border-radius: 5px; padding: 12px; } .list-button:hover { background-color: #9769d8; } .list-button--small { font-size: 12px; } .list-button-detail { position: relative; background-color: #797979; cursor: pointer; padding-right: 2em; font-size: 13px; line-height: 13px; margin-top: 10px; } @media screen and (max-width: 1099px) { .list-button-detail { padding-right: 1.375em; } } @media screen and (max-width: 768px) { .list-button-detail { display: block; position: relative; left: 8px; bottom: 0; width: calc(100% - 15px); margin-bottom: 10px; font-size: 14px; line-height: 16px; } } .list-button-detail:before { content: ""; position: absolute; top: 0; right: 0.9375em; width: 0.9375em; height: 100%; background-image: url("/Content/source/img/svg/ico-23.svg"); background-repeat: no-repeat; background-position: center center; background-size: 0.625em auto; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .list-button-detail--abs { display: inline-block; position: absolute; left: auto; right: 23px; bottom: 10px; width: 136px; margin-top: 0; } @media screen and (max-width: 768px) { .list-button-detail--abs { position: relative; right: 0; bottom: 0; width: calc(100% - 34px); } } .list-button-detail--abs:before { right: 0.9375em; width: 0.9375em; } @media screen and (max-width: 1099px) { .list-button-detail--abs:before { top: 10px; right: 10px; height: 20px; } } .list-button-detail.is-open:before { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .list-button-detail:hover { background-color: #929191; } .list-button-call { margin-top: 10px; background-color: #006db3 !important; } @media screen and (max-width: 1199px) { .list-button-call { font-size: 14px; } } .list-button-call:hover { background-color: #0081c7 !important; } .list-button-big { text-align: center; text-transform: uppercase; font-size: 1.625em; margin-bottom: 0.6em; margin-top: 10em; } .list-inner { position: relative; display: inline-block; width: 100%; padding: 0 0.5em; line-height: 1em; vertical-align: middle; } .list-inner img { max-width: 100%; height: auto; max-height: 45px; width: auto; } .list-detail { display: none; padding: 1.625em 15px; padding-top: 0; text-align: left; } .list-detail p { line-height: 1.4em; } .list-detail h4 { font-size: 1.65em; color: #474747; margin-bottom: 1.625em; } .list-detail h4 small { font-size: 70%; } .list-detail .form-block__full { margin-bottom: 1.625em; } .list-detail .form-block__full input[type=checkbox] { display: none; } .list-detail .form-block__full input[type=checkbox] + label { margin-left: 0; } .list-detail .form-block__full input[type=checkbox] + label p { line-height: 1.4em; } .list-detail .ul-interesting { line-height: 1.2em; } .list-detail .ul-interesting li:before { width: 20px; height: 20px; } .list-detail .ul-clasic { list-style: disc; padding-left: 20px; } .list-detail .ul-clasic li { margin-bottom: 0.8em; } .list-detail .ul-clasic a { line-height: 1.4em; color: #474747; } .list-detail .hr-detail { height: 1px; color: #c6c6c6; background-color: #c6c6c6; margin-bottom: 2.25em; border: none; } .list-detail .ul-icon-title { font-weight: 600; color: #97d060; margin-bottom: 0.6em; } .list-detail .ul-icon-li { margin-bottom: 2em; background-repeat: no-repeat; padding-left: 3.4em; background-size: 2.75em auto; } .list-detail .ul-icon-li-lecba { background-image: url(/Content/source/img/svg/ico-kruh.svg); } .list-detail .ul-icon-li-uraz { background-image: url(/Content/source/img/svg/ico-sanitka.svg); } .list-detail .ul-icon-li-odpovednost { background-image: url(/Content/source/img/svg/ico-padak.svg); } .list-detail .ul-icon-li-zavazadla { background-image: url(/Content/source/img/svg/ico-zavaz.svg); } .list-detail .ul-icon-li-asistence { background-image: url(/Content/source/img/svg/ico-storno.svg); } .list-detail .ul-icon-li-pravni { background-image: url(/Content/source/img/svg/ico-skoda.svg); } .list-detail .ul-icon-li-telefon { background-image: url(/Content/source/img/svg/ico-16.svg); background-size: 1.75em auto; background-position: left 0.3em top; } .list-detail .ul-icon-li-bezstarosti { background-image: url(/Content/source/img/svg/ico-26_dark.svg); } .list-detail .ul-icon-li-vrtulnik { background-image: url(/Content/source/img/svg/vrtulnik.svg); } .list-detail .ul-icon-li-zdravotnich-asistencnich-sluzeb { background-image: url(/Content/source/img/pojisteni-zdravotnich-asistencnich-sluzeb-seda.svg); } .list-detail .ul-icon-li-drink-povolen { background-image: url(/Content/source/img/pojisteni-drink-povolen-seda.svg); } .list-detail .ul-icon-li-cykloasistence { background-image: url(/Content/source/img/pojisteni-cykloasistence-seda.svg); } .list-detail .ul-icon-li-mazlicek { background-image: url(/Content/source/img/pojisteni-mazlicku-seda.svg); } .list-detail .ul-icon-li-storna-cesty { background-image: url(/Content/source/img/pojisteni-storna-cesty-seda.svg); } .list-detail .ul-icon-li-sport { background-image: url(/Content/source/img/svg/sport.svg); } .list-detail .ul-icon-li-letadlo { background-image: url(/Content/source/img/svg/letadlo.svg); } .list-detail .ul-icon-li-pass { background-image: url(/Content/source/img/svg/pass.svg); } .list-detail .ul-icon-li-lyzovani { background-image: url(/Content/source/img/svg/lyzovani.svg); } .list-detail .ul-icon-li-kabelaz { background-image: url("/Content/Source/share/povruc/cabel.svg"); } .list-detail .ul-icon-li-klic { background-image: url("/Content/Source/share/povruc/klic.svg"); } .list-detail .ul-icon-li-vandalismu { background-image: url("/Content/Source/share/povruc/vandalizm.svg"); } .list-detail .ul-icon-li-garance { background-image: url("/Content/Source/share/povruc/cena.svg"); } .list-detail .ul-icon-li-vykricknik { background-image: url("/Content/Source/share/povruc/vykricnik.svg"); } .list-detail .ul-icon-li-procento { background-image: url("/Content/Source/share/povruc/procento.svg"); } .list-detail .ul-icon-li-odcizeni { background-image: url("/Content/Source/share/povruc/odcizeni.svg"); } .list-detail .ul-icon-li-hand { background-image: url("/Content/Source/share/povruc/hand.svg"); } .list-detail .ul-icon-li-auto { background-image: url("/Content/Source/share/povruc/auto.svg"); } .list-detail .ul-icon-li-zakon { background-image: url("/Content/Source/share/povruc/zakon.svg"); } .list-detail .ul-icon-li-klika { background-image: url("/Content/Source/share/povruc/crash2.svg"); } .list-detail .ul-icon-li-sklo { background-image: url("/Content/Source/share/povruc/okno.svg"); } .list-detail .ul-icon-li-sanitka { background-image: url("/Content/Source/share/povruc/ambulance.svg"); } .list-detail .ul-icon-li-zvire { background-image: url("/Content/Source/share/povruc/jelen.svg"); } .list-detail .ul-icon-li-kufr { background-image: url("/Content/Source/share/povruc/kufr.svg"); } .list-detail .ul-icon-li-priroda { background-image: url("/Content/Source/share/povruc/krupobiti.svg"); } .list-detail .ul-icon-li-havarie { background-image: url("/Content/Source/share/povruc/crash.svg"); } .list-detail .mb-1 { margin-bottom: 0.625em; } .list-bottom { text-align: left; display: none; margin-left: -15px; background-color: #d3e6ff; width: calc(100% + 30px); border-radius: 0px 0px 3px 3px; } .list-bottom-green { background-color: #d0e6d0; } .list-bottom:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .list-bottom:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .list-bottom-text { position: relative; float: left; width: 160px; display: inline-block; margin-bottom: -1px; margin-left: -1px; padding: 14px; background-color: #006db3; color: #fff; font-weight: 600; font-size: 14px; line-height: 20px; text-align: center; } .list-bottom-text:before { content: ""; position: absolute; top: 0; right: -1.5em; width: 0; height: 0; border-top: 1.5em solid transparent; border-bottom: 1.5em solid transparent; border-left: 1.5em solid #006db3; font-size: 16px; } .list-bottom-text-green { background-color: #1CA21B; } .list-bottom-text-green:before { border-left-color: #1CA21B; } .list-bottom-text2 { float: left; width: calc(100% - 160px); display: inline-block; padding: 0 15px 0 48px; font-weight: 600; color: #006DB3; font-size: 14px; line-height: 43px; vertical-align: middle; } .list-bottom-inner { display: inline-block; line-height: 16px; vertical-align: middle; } .list-icons { text-align: left; margin-top: 28px; } .list-icon { position: relative; display: block; font-size: 13px; line-height: 16px; padding-left: 32px; padding-top: 3px; margin-bottom: 8px; min-height: 22px; cursor: pointer; } .list-icon:before { content: ""; position: absolute; top: 0; left: 0; width: 22px; height: 22px; background-color: #ffffff; border-radius: 2px; background-position: center center; background-repeat: no-repeat; background-size: 13px auto; } .list-icon--1:before { background-image: url("/Content/Source/share/pov1.png"); } .list-icon--2:before { background-image: url("/Content/Source/share/pov2.png"); } .list-icon--3:before { background-image: url("/Content/Source/share/pov3.png"); } .list-icon--4:before { background-image: url("/Content/Source/share/pov4.png"); } .list-icon--kabelaz:before { background-image: url("/Content/Source/share/povruc/cabel.svg"); } .list-icon--klic:before { background-image: url("/Content/Source/share/povruc/klic.svg"); } .list-icon--vandalismus:before { background-image: url("/Content/Source/share/povruc/vandalizm.svg"); } .list-icon--garance:before { background-image: url("/Content/Source/share/povruc/cena.svg"); } .list-icon--vykricknik:before { background-image: url("/Content/Source/share/povruc/vykricnik.svg"); } .list-icon--procento:before { background-image: url("/Content/Source/share/povruc/procento.svg"); } .list-icon--kanystr:before { background-image: url("/Content/Source/share/povruc/kanystr.png"); } .list-icon--odcizeni:before { background-image: url("/Content/Source/share/povruc/odcizeni.svg"); } .list-icon--hand:before { background-image: url("/Content/Source/share/povruc/hand.svg"); } .list-icon--auto:before { background-image: url("/Content/Source/share/povruc/auto.svg"); } .list-icon--zakon:before { background-image: url("/Content/Source/share/povruc/zakon.svg"); } .list-icon--klika:before { background-image: url("/Content/Source/share/povruc/crash2.svg"); } .list-icon--sklo:before { background-image: url("/Content/Source/share/povruc/okno.svg"); } .list-icon--sanitka:before { background-image: url("/Content/Source/share/povruc/ambulance.svg"); } .list-icon--zvire:before { background-image: url("/Content/Source/share/povruc/jelen.svg"); } .list-icon--kufr:before { background-image: url("/Content/Source/share/povruc/kufr.svg"); } .list-icon--maj-nespecificka:before { background-image: url("/Content/Source/share/povruc/maj-nespecificka.svg"); } .list-icon--maj-rozbiti-skla:before { background-image: url("/Content/Source/share/povruc/maj-rozbiti-skla.svg"); } .list-icon--maj-odcizeni:before { background-image: url("/Content/Source/share/povruc/maj-odcizeni.svg"); } .list-icon--maj-odpovednost-za-skodu:before { background-image: url("/Content/Source/share/povruc/maj-odpovednost-za-skodu.svg"); } .list-icon--maj-prirodni-rizika:before { background-image: url("/Content/Source/share/povruc/maj-prirodni-rizika.svg"); } .list-icon--maj-zkrat:before { background-image: url("/Content/Source/share/povruc/maj-zkrat.svg"); } .list-icon--maj-zaplavy:before { background-image: url("/Content/Source/share/povruc/maj-zaplavy.svg"); } .list-icon--maj-technicka-asistence:before { background-image: url("/Content/Source/share/povruc/maj-technicka-asistence.svg"); } .list .list-item .row-list .cell--2, .list .list-header .cell--2 { width: 22%; } @media screen and (max-width: 1299px) { .list .list-item .row-list .cell--2, .list .list-header .cell--2 { width: 20%; } } .list-more { position: absolute; bottom: 0; left: 0; width: 100%; display: block; font-size: 13px; line-height: 13px; color: #797979; text-align: left; margin-top: 15px; margin-bottom: 15px; padding: 0 2em; } @media screen and (max-width: 768px) { .list-more { display: none !important; } } .list-more--help { display: inline-block; left: 24px; bottom: -10px; border-radius: 5px; background-color: #006db3; color: #ffffff; text-decoration: none; padding: 12px 5px; text-align: center; width: calc(100% - 44px); -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } .list-more--help:hover { background-color: #0081c7; } .list-more:hover { text-decoration: none; } .info { position: relative; cursor: pointer; display: inline-block; background-color: #797979; color: #fff; vertical-align: middle; width: 1.4em; height: 1.4em; line-height: 1.4em; text-align: center; border-radius: 50%; font-size: 0.8em; font-weight: 400; margin-left: 0.2em; } .info:hover + .info-inner { display: block !important; } .info-content { position: absolute; z-index: 9999; padding: 1.25em; width: 24.625em; background: #fff; border: 2px solid #97d060; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 3.4em; bottom: auto; } .info-content p { font-size: 1.125em; font-weight: 500; color: #474747; line-height: 1.4em; margin-bottom: 1.25em; } .info-container { display: inline-block; position: relative; } .info-inner { display: none; font-size: 13px; } .f-show-small { display: none; } .bt-none { border-top: none !important; } .forms-content.small.bg-grey-light { overflow: visible; } .dashed-text { position: relative; display: inline-block; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: pointer; color: #1DAA7E; } .dashed-text:hover .dashed-box { display: block; } .dashed-box { display: none; position: absolute; left: 1.375em; top: 0.9375em; z-index: 9999; padding: 1.25em; border: 2px solid #1DAA7E; width: 24.625em; background: #fff; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; text-align: left !important; } .dashed-box_new { display: none; position: absolute; left: 1.375em; top: 0.9375em; z-index: 9999; padding: 1.25em; border: 2px solid #1DAA7E; width: 24.625em; background: #fff; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; text-align: left !important; cursor: default; } .dashed-box.is-active { display: block; } .dashed-box_new.is-active { display: block; } .dashed-box p, .dashed-box_new p { font-size: 1.125em; font-weight: 500; color: #474747; line-height: 1.4em; margin-bottom: 1.25em; } .dashed-box--arrow:before { content: ""; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #1DAA7E; } .dashed-box--arrow-bottom:before { top: auto; bottom: 0; } .dashed-box-close { position: absolute; top: 0; right: 0; width: 30px; height: 30px; cursor: pointer; } .dashed-box-close:before { content: "×"; position: absolute; top: 0; left: 0; width: 30px; height: 30px; font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif; color: #888; font-weight: 300; text-align: center; border-width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; -webkit-transition: color 0.2s; transition: color 0.2s; } .dashed-box-close:hover:before { color: #474747; } .dashed-box-title { font-size: 1.25em; color: #1DAA7E; font-weight: 600; margin-bottom: 1.25em; } .dashed-box_new--arrow-top-left:before { content: ""; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #1daa7e; } .dashed-box_new--arrow-top:before { top: -12px; bottom: auto; content: ""; position: absolute; width: 0; height: 0; border-top: 0px solid #1daa7e; border-bottom: 10px solid #1daa7e; border-right: 10px solid transparent; border-left: 10px solid transparent; } .dashed-box_new--arrow-bottom:before { top: auto; bottom: -12px; content: ""; position: absolute; width: 0; height: 0; border-top: 10px solid #1daa7e; border-bottom: 0px solid transparent; border-right: 10px solid transparent; border-left: 10px solid transparent; } [data-info-click], [data-info-mouseover] { cursor: pointer; } .form__item { position: relative; } .form__item input[type='checkbox'], .form__item input[type='radio'] { position: absolute; top: 0; left: 0; } .form__item input[type='checkbox'] + label, .form__item input[type='radio'] + label { margin-left: 0; min-height: 36px; } [data-accordion-single] { position: relative; cursor: pointer; background-image: none !important; -webkit-transition: margin 0.4s; transition: margin 0.4s; } [data-accordion-single].is-active:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } [data-accordion-single]:before { content: ''; position: absolute; top: 0; left: 0; width: 32px; height: 32px; background-image: url('/Content/source/img/arrow-color.png'); background-size: 32px auto; background-position: center center; background-repeat: no-repeat; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } [data-accordion-single]:not(.is-active) { margin-bottom: 0 !important; } .accordion { margin: 30px 0 0; } .accordion__item { border-bottom: 1px solid #c6c6c6; } .accordion__item:first-child { border-top: 1px solid #c6c6c6; } .accordion__item.is-active .accordion__button--button:before { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .accordion__item.is-active .accordion__button--arrow:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .accordion__content { display: none; padding: 20px 0; } .accordion__header { padding: 5px 0; cursor: pointer; } .accordion__header:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .accordion__header:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .accordion__title { float: left; line-height: 40px; width: calc(100% - 115px); } .accordion__title span { width: 100%; display: inline-block; vertical-align: middle; line-height: 16px; } @media screen and (max-width: 768px) { .accordion__title { font-size: 14px; } } .accordion__button { position: relative; float: right; padding: 10px 40px 10px 20px; font-size: 16px; line-height: 20px; font-weight: 500; } @media screen and (max-width: 575px) { .accordion__button { font-size: 14px; padding: 10px 30px 10px 10px; } } .accordion__button--text { padding: 10px 30px; text-decoration: underline; } .accordion__button--button { border-radius: 5px; color: #fff; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } .accordion__button--button:before { content: ""; position: absolute; top: 0; right: 0.9375em; width: 0.9375em; height: 100%; background-image: url(/Content/source/img/svg/ico-23.svg); background-repeat: no-repeat; background-position: center center; background-size: 0.625em auto; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .accordion__button--blue { background-color: #3f48cc; } .accordion__button--blue:hover { background-color: rgba(63, 72, 204, 0.8); } .accordion__button--green { background-color: #22b14c; } .accordion__button--green:hover { background-color: rgba(34, 177, 76, 0.8); } .accordion__button--gray { background-color: #929191; } .accordion__button--gray:hover { background-color: rgba(146, 145, 145, 0.8); } .accordion__button--arrow { float: left; width: 40px; height: 40px; padding: 0; } .accordion__button--arrow:before { top: 0; right: 0; width: 100%; height: 100%; background-image: url('/Content/Source/share/arrow.png'); background-size: 20px auto; background-position: center center; -webkit-transform: rotate(0); transform: rotate(0); } .upsell { padding: 0 2.5em; margin: 0 0 50px 0; position: relative; } .upsell:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .upsell:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } @media screen and (max-width: 800px) { .upsell { padding: 0; } } @media screen and (max-width: 649px) { .upsell { font-size: 10px; } } .upsell--2 .upsell__col { width: 50%; } .upsell--3 .upsell__col { width: calc(100% / 3); } .upsell--4 .upsell__col { width: 25%; } .upsell--5 .upsell__col { width: 20%; } .upsell__col { position: relative; float: left; width: 25%; border: 1px solid #c6c8cb; border-radius: 4px; margin-left: -1px; } @media screen and (max-width: 767px) { .upsell__col { width: 25%; } } .upsell__col:first-child { border-color: transparent; margin-left: 0; } .upsell__col:first-child .upsell__header { border-top: none; } .upsell__col:first-child .upsell__header .upsell__title { margin-bottom: 15px; } .upsell__col:first-child .upsell__header .upsell__title, .upsell__col:first-child .upsell__header .upsell__subtitle { text-align: right; } .upsell__col:first-child .upsell__td { text-align: right; } .upsell__col:first-child .upsell__td:last-child { border-bottom: 1px solid #c6c8cb; } .upsell__col:hover .upsell__button--blue { background-color: #0081c7; } .upsell__col:hover .upsell__button--orange { background-color: #e1854c; } .upsell__col:hover .upsell__button--gray { background-color: #8c8c8c; } .upsell__header { position: relative; height: 165px; padding: 20px 20px 60px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom: 1px solid #c6c8cb; overflow: hidden; } @media screen and (max-width: 1199px) { .upsell__header { padding-top: 10px; padding-right: 15px; padding-left: 15px; height: 180px; } } @media screen and (max-width: 991px) { .upsell__header { padding-top: 30px; } } @media screen and (max-width: 499px) { .upsell__header { height: 180px; } } .upsell__header--gray { background-color: #f4f4f4; } .upsell__header--blue { background-color: #006db3; } .upsell__header--blue > * { color: #ffffff; } .upsell__title { display: block; font-size: 14px; line-height: 16px; text-align: center; font-weight: 700; margin-bottom: 5px; } @media screen and (max-width: 499px) { .upsell__title { font-size: 12px; line-height: 14px; } } @media screen and (max-width: 359px) { .upsell__title { font-size: 10px; line-height: 12px; } } .upsell__subtitle { display: block; font-size: 13px; line-height: 16px; text-align: center; } @media screen and (max-width: 499px) { .upsell__subtitle { font-size: 10px; line-height: 12px; } } @media screen and (max-width: 359px) { .upsell__subtitle { font-size: 8px; line-height: 10px; } } .upsell__td { height: 30px; border-bottom: 1px solid #c6c8cb; padding: 0 15px; text-align: center; vertical-align: middle; line-height: 28px; position: relative; } @media screen and (max-width: 1099px) { .upsell__td { padding: 0 10px; } } @media screen and (max-width: 359px) { .upsell__td { height: 35px; line-height: 33px; } } .upsell__td:last-child { border-bottom: none; } .upsell__text { display: inline-block; font-size: 14px; line-height: 20px; } @media screen and (max-width: 1099px) { .upsell__text { font-size: 12px; line-height: 12px; } } @media screen and (max-width: 575px) { .upsell__text { font-size: 8px; line-height: 10px; } } .upsell__tag { display: block; position: absolute; top: 5px; left: -18px; padding: 5px; width: 70px; font-size: 14px; font-weight: 700; text-align: center; text-transform: uppercase; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); color: #ffffff; } @media screen and (max-width: 499px) { .upsell__tag { font-size: 10px; line-height: 12px; } } .upsell__tag--green { background-color: #9ad05d; } .upsell__box { position: absolute; top: -20px; right: 5px; padding: 5px 10px; -webkit-transform: rotate(15deg); transform: rotate(15deg); background-color: #22473d; color: #fff; z-index: 10; border-radius: 4px; } .upsell__box__text { display: block; font-size: 10px; line-height: 12px; } @media screen and (max-width: 499px) { .upsell__box__text { font-size: 8px; line-height: 10px; } } .upsell__box__text:first-child { font-size: 12px; font-weight: 700; } @media screen and (max-width: 499px) { .upsell__box__text:first-child { font-size: 10px; line-height: 12px; } } .upsell__icon { display: inline-block; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; background-size: 15px auto; } .upsell__icon--true { background-image: url("/Content/source/img/check.png"); } .upsell__icon--false { background-image: url("/Content/source/images/close_icon.png"); } .upsell__name, .upsell__price, .upsell__small { display: block; text-align: center; } .upsell__name, .upsell__price { font-size: 16px; line-height: 18px; font-weight: 700; margin-bottom: 0; } @media screen and (max-width: 1099px) { .upsell__name, .upsell__price { font-size: 14px; line-height: 16px; } } @media screen and (max-width: 499px) { .upsell__name, .upsell__price { font-size: 12px; line-height: 14px; } } @media screen and (max-width: 359px) { .upsell__name, .upsell__price { font-size: 10px; line-height: 12px; } } .upsell__name { line-height: 20px; margin-bottom: 5px; } .upsell__small { font-size: 12px; line-height: 14px; } .upsell__button { display: inline-block; font-size: 14px; color: #fff; font-weight: 600; text-decoration: none; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; border: none; border-radius: 4px; height: 24px; line-height: 24px; padding: 0 15px; cursor: pointer; } @media screen and (max-width: 1099px) { .upsell__button { height: auto; line-height: initial; font-size: 12px; } } @media screen and (max-width: 649px) { .upsell__button { width: 100%; padding: 0 5px; } } @media screen and (max-width: 575px) { .upsell__button { font-size: 10px; line-height: 12px; } } .upsell__button--blue { background-color: #006db3; } .upsell__button--gray { background-color: #797979; } .upsell__button--orange { background-color: #ff8615; } .upsell__input { position: absolute; left: 50%; bottom: 20px; width: 32px; height: 32px; margin-left: -18px; } @media screen and (max-width: 575px) { .upsell__input { width: 20px; height: 20px; margin-left: -10px; } } .upsell__input input[type=radio] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .upsell__input input[type=radio]:checked + label:before { background-color: #ffffff; } .upsell__input input[type=radio]:checked + label:after { opacity: 1; } .upsell__input input[type=radio] + label { position: relative; display: block; margin-left: 0; padding: 0; border-radius: 4px; width: 32px; height: 32px; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } @media screen and (max-width: 575px) { .upsell__input input[type=radio] + label { width: 20px; height: 20px; } } .upsell__input input[type=radio] + label:before, .upsell__input input[type=radio] + label:after { position: absolute; content: ""; top: 0; left: 0; width: 32px; height: 32px; border: 2px solid #9ad05d; border-radius: 50%; } @media screen and (max-width: 575px) { .upsell__input input[type=radio] + label:before, .upsell__input input[type=radio] + label:after { width: 20px; height: 20px; } } .upsell__input input[type=radio] + label:before { background-color: #fff; } .upsell__input input[type=radio] + label:after { top: 7px; left: 7px; width: 18px; height: 18px; background-color: #9ad05d; opacity: 0; } @media screen and (max-width: 575px) { .upsell__input input[type=radio] + label:after { top: 5px; left: 5px; width: 10px; height: 10px; } } .text-left { text-align: left !important; } @media screen and (max-width: 1650px) { .info-content { -webkit-transform: translateX(0); transform: translateX(0); left: auto; right: 0; } } @media screen and (max-width: 1199px) { .list-rating .c-rating__item { -webkit-box-flex: 0; -ms-flex: 0 0 1.5em; flex: 0 0 1.5em; height: 1.5em; width: 1.5em; background-image: url("/Content/source/img/star1.png"); background-size: contain; background-repeat: no-repeat; background-position: 0 0 !important; } .list-rating .c-rating__item.is-active { background-image: url("/Content/source/img/star2.png"); } .list-rating .c-rating__item.is-active:hover { background-position: 0 0 !important; } } @media screen and (min-width: 991px) and (max-width: 1299px) { .list-item .row-list .cell, .list-header .cell:nth-child(6) { width: 16%; } .list-header .cell { width: calc(100% / 6); } } @media screen and (min-width: 769px) and (max-width: 992px) { .list-item .row-list .cell, .list-header .cell:nth-child(5) { width: 20% !important; } .list-header .cell { width: calc(100% / 5)!important; } } @media screen and (max-width: 991px) { .list-item .row-list .cell:nth-child(2), .list .list-header .cell:nth-child(2) { display: none; } .list-item .row-list .cell, .list-header .cell { width: calc(100% / 6); } .list-item .row-list .cell, .list-header .cell:nth-child(5) { width: 21%; } .list-item .row-list2 .cell:nth-child(3), .list .list-header2 .cell:nth-child(3) { display: none; } .list-item .row-list2 .cell, .list-header2 .cell { width: calc(100% / 7); } .f .row--c .f-cell-right { padding-left: 0.9375em; } .f .row--c .f-cell-left { padding-right: 0.9375em; } } @media screen and (max-width: 768px) { .chci-doporucit { display: none; } .list-item .row-list .cell:nth-child(4), .list .list-header .cell:nth-child(4), .list-item .row-list .cell:nth-child(5), .list .list-header .cell:nth-child(5), .list-item .row-list .cell:nth-child(6), .list .list-header .cell:nth-child(6) { display: none; } .list-item .row-list .cell, .list-header .cell { width: calc(100% / 3); } .list-item .row-list2 .cell:nth-child(5), .list .list-header2 .cell:nth-child(5), .list-item .row-list2 .cell:nth-child(6), .list .list-header2 .cell:nth-child(6), .list-item .row-list2 .cell:nth-child(7), .list .list-header2 .cell:nth-child(7) { display: none; } .list-item .row-list2 .cell, .list-header2 .cell { width: calc(100% / 4); } } @media screen and (max-width: 649px) { .list-bottom-inner { padding-top: 1em; padding-bottom: 1em; } } @media screen and (max-width: 649px) { .list-vysvetlivky { margin-bottom: 3.75em; } .list-detail .form-block__full input[type=checkbox] + label p { margin-top: 15px; } .list-bottom-text2 { padding-left: 15px; text-align: center; width: 100%; } .list-bottom-text { display: none; } .list-detail .cell { width: 100%; } .list-button-big { margin-top: 10px; } .f .row--c .f-cell-right, .f .row--c .f-cell-left { width: 100%; } .f-border { border: none; } .f .row--c .f-cell-right .w33 { width: 100%; } .f .row--c .f-cell-left .w25, .f .row--c .f-cell-left .w50, .f .row--c .f-cell-left .w75 { width: 100%; } .f .text-right { text-align: left; } .f-date .f-input { width: calc(100% - 35px); } .f-button { margin-top: 0; margin-bottom: 2em; } .f-hide-small { display: none; } .f-show-small { text-align: center; display: block; } .f-button { margin-left: auto; margin-right: auto; } .info-content { right: auto; left: -70px; width: 18em; } .list-item .row-list2 .cell, .list-header2 .cell { width: calc(100% / 3); } .list-header2 .cell:last-child { display: none; } } @media screen and (max-width: 480px) { .list-vysvetlivky-icon1, .list-vysvetlivky-icon2 { width: 100%; display: block; margin: 10px 0; } .list-item .row-list .cell, .list-header .cell { width: calc(100% / 2); } .list-item .row-list .cell:last-child { width: 100%; } .list-header .cell:last-child, .list-item .row-list2 .cell:nth-child(2), .list .list-header2 .cell:nth-child(2) { display: none; } /* .forms-content .forms-block__box h2 { margin-top: 20px; } */ .f-button { margin-top: 20px; } .f h3 { margin-top: 10px !important; } .list-item { padding: 0; } .list-detail .ul-clasic { margin-bottom: 20px; } .list-top-box { margin-left: 0; width: 100%; } .list-bottom { margin-left: 0; width: 100%; } input[type=checkbox] + label, input[type=radio] + label { display: inline-block; line-height: 22px; } .list-detail .form-block__full input[type=checkbox] + label p { margin-top: 5px; } .list-header2 .cell:last-child { display: none; } .list .list-header2 .cell, .list-item .row-list2 .cell { width: calc(100% / 2); } .list-item .row-list2 .cell:last-child { width: 100%; } } @media screen and (max-width: 399px) { .link-bottom .row a { width: 50%; float: none; } .link-bottom .row a:nth-child(2), .link-bottom .row a:nth-child(4) { margin-left: 0; } } .m-l-0 { margin-left: 0 !important; } #call-us input { width: 197px; border: 2px solid #cacaca; border-radius: 0.3125em; background-color: #ededed; padding: 0.9375em; line-height: 15px; float: left; margin-right: -10px; } #call-us button { float: left; border: 0; } .word__text { position: relative; background-color: #ededed; border-radius: 5px; margin-right: 30px; } .word__text p { margin-bottom: 0 !important; padding: 20px; } .word__text:after { content: ""; position: absolute; top: 15%; right: -20px; width: 0; border-top: 20px solid transparent; border-right: 0 solid transparent; border-left: 20px solid #ededed; z-index: 4; } .word__image { border-radius: 5px; max-width: 100%; height: auto; } .word__name { display: block; font-weight: 700; } .word__position { display: block; font-size: 14px; line-height: 18px; } .custom-header header .header-top__right { text-align: right; max-width: calc(100% - 262px); width: auto; float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 115px; } .custom-header .email_custom { bottom: 60px; } .custom-header div.viewer.h-mob { margin-left: 30px; margin-top: 185px; } @media screen and (max-width: 1081px) { .custom-header div.viewer.h-mob { margin-top: 25px; padding-right: 40px; margin-left: 0px; } } @media screen and (max-width: 800px) { .custom-header div.viewer.h-mob { display: none; } } @media screen and (max-width: 1090px) { .custom-header header .header-top__right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .custom-header .email_custom { bottom: 0px; } } .custom-header .bubble h1 { padding: 0; /*margin-bottom: 35px;*/ } @media screen and (max-width: 1325px) { .custom-header .bubble h1 { margin-bottom: 30px; /*margin-bottom: 35px;*/ } } .custom-header .bubble__l { float: left; width: 60%; } .custom-header .bubble__r { float: left; width: 40%; } .custom-header .bubble .circle-1, .custom-header .bubble .circle-2 { padding: 0; padding-left: 60px; padding-left: 3.75rem; margin-bottom: 30px; } .custom-header .circle-1, .custom-header .circle-2 { line-height: 2.7em !important; } @media screen and (max-width: 487px) { .custom-header .circle-1, .custom-header .circle-2 { line-height: 1.5em !important; } .custom-header .bubble__l { float: left; width: 100%; } .custom-header .bubble__r { float: left; width: 100%; } } .custom-header .bubble .circle-1:before, .custom-header .bubble .circle-2:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 2.7em; background-repeat: no-repeat; background-position: left bottom; background-size: 2.7em; } .custom-header .calculate__div--lower { padding-top: 2em; padding-bottom: 2em; } .custom-header .bubble .letter2 { position: absolute; left: 410px; top: 180px; } @media screen and (max-width: 1265px) { .custom-header .bubble .letter2 { display: none; } } .custom-header .calculate__div:hover { cursor: pointer; } .custom-header .calculate__image { color: white; font-weight: bold; font-size: 2.146em !important; padding-left: 1.5em !important; } @media print { .v2 *, .v2 *::before, .v2 *::after { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .v2 a:not(.btn) { text-decoration: underline; } .v2 abbr[title]::after { content: " (" attr(title) ")"; } .v2 pre { white-space: pre-wrap !important; } .v2 pre, .v2 blockquote { border: 1px solid #a8a8a8; page-break-inside: avoid; } .v2 thead { display: table-header-group; } .v2 tr, .v2 img { page-break-inside: avoid; } .v2 p, .v2 h2, .v2 h3 { orphans: 3; widows: 3; } .v2 h2, .v2 h3 { page-break-after: avoid; } .v2 body { min-width: 992px !important; } .v2 .container { min-width: 992px !important; } .v2 .navbar { display: none; } .v2 .badge { border: 1px solid #000000; } .v2 .table { border-collapse: collapse !important; } .v2 .table td, .v2 .table th { background-color: #ffffff !important; } .v2 .table-bordered th, .v2 .table-bordered td { border: 1px solid #dddfee !important; } .v2 .table-dark { color: inherit; } .v2 .table-dark th, .v2 .table-dark td, .v2 .table-dark thead th, .v2 .table-dark tbody + tbody { border-color: #dee2e6; } .v2 .table .thead-dark th { color: inherit; border-color: #dee2e6; } } .v2 *, .v2 *::before, .v2 *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } .v2 html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .v2 article, .v2 aside, .v2 figcaption, .v2 figure, .v2 footer, .v2 header, .v2 hgroup, .v2 main, .v2 nav, .v2 section { display: block; } .v2 body { margin: 0; font-family: "Open Sans", sans-serif; font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 24px; color: #2c2d31; text-align: left; background-color: #ffffff; } .v2 [tabindex="-1"]:focus { outline: 0 !important; } .v2 hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } .v2 h1, .v2 h2, .v2 h3, .v2 h4, .v2 h5, .v2 h6 { margin-top: 0; margin-bottom: 35px; } .v2 p { margin-top: 0; margin-bottom: 16px; margin-bottom: 1rem; } .v2 abbr[title], .v2 abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } .v2 address { margin-bottom: 16px; margin-bottom: 1rem; font-style: normal; line-height: inherit; } .v2 ol, .v2 ul, .v2 dl { margin-top: 0; margin-bottom: 16px; margin-bottom: 1rem; } .v2 ol ol, .v2 ul ul, .v2 ol ul, .v2 ul ol { margin-bottom: 0; } .v2 dt { font-weight: 700; } .v2 dd { margin-bottom: 8px; margin-bottom: .5rem; margin-left: 0; } .v2 blockquote { margin: 0 0 16px; margin: 0 0 1rem; } .v2 b, .v2 strong { font-weight: bolder; } .v2 small { font-size: 80%; } .v2 sub, .v2 sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } .v2 sub { bottom: -.25em; } .v2 sup { top: -.5em; } .v2 a { color: #201c46; text-decoration: none; background-color: transparent; } .v2 a:hover { color: #201c46; text-decoration: none; } .v2 a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } .v2 a:not([href]):not([tabindex]):hover, .v2 a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } .v2 a:not([href]):not([tabindex]):focus { outline: 0; } .v2 pre, .v2 code, .v2 kbd, .v2 samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } .v2 pre { margin-top: 0; margin-bottom: 16px; margin-bottom: 1rem; overflow: auto; } .v2 figure { margin: 0 0 16px; margin: 0 0 1rem; } .v2 img { vertical-align: middle; border-style: none; } .v2 svg { overflow: hidden; vertical-align: middle; } .v2 table { border-collapse: collapse; } .v2 caption { padding-top: 12px; padding-top: 0.75rem; padding-bottom: 12px; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } .v2 th { text-align: inherit; } .v2 label { display: inline-block; margin-bottom: 8px; margin-bottom: 0.5rem; } .v2 button { border-radius: 0; } .v2 button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } .v2 input, .v2 button, .v2 select, .v2 optgroup, .v2 textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } .v2 button, .v2 input { overflow: visible; } .v2 button, .v2 select { text-transform: none; } .v2 select { word-wrap: normal; } .v2 button, .v2 [type="button"], .v2 [type="reset"], .v2 [type="submit"] { -webkit-appearance: button; } .v2 button:not(:disabled), .v2 [type="button"]:not(:disabled), .v2 [type="reset"]:not(:disabled), .v2 [type="submit"]:not(:disabled) { cursor: pointer; } .v2 button::-moz-focus-inner, .v2 [type="button"]::-moz-focus-inner, .v2 [type="reset"]::-moz-focus-inner, .v2 [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } .v2 input[type="radio"], .v2 input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } .v2 input[type="date"], .v2 input[type="time"], .v2 input[type="datetime-local"], .v2 input[type="month"] { -webkit-appearance: listbox; } .v2 textarea { overflow: auto; resize: vertical; } .v2 fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } .v2 legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 8px; margin-bottom: .5rem; font-size: 24px; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } .v2 progress { vertical-align: baseline; } .v2 [type="number"]::-webkit-inner-spin-button, .v2 [type="number"]::-webkit-outer-spin-button { height: auto; } .v2 [type="search"] { outline-offset: -2px; -webkit-appearance: none; } .v2 [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .v2 ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } .v2 output { display: inline-block; } .v2 summary { display: list-item; cursor: pointer; } .v2 template { display: none; } .v2 [hidden] { display: none !important; } .v2 *, .v2 *::before, .v2 *::after { background-repeat: no-repeat; } .v2 *:focus { outline: none; } .v2 button:focus { outline: none; } .v2 img { height: auto; max-width: 100%; } .v2 h1, .v2 h2, .v2 h3, .v2 h4, .v2 h5, .v2 h6 { padding: 0; } .v2 h1, .v2 h2, .v2 h3, .v2 h4, .v2 h5, .v2 h6, .v2 .h1, .v2 .h2, .v2 .h3, .v2 .h4, .v2 .h5, .v2 .h6 { margin-bottom: 35px; font-weight: 700; line-height: 1.2; color: #201c46; } .v2 h1, .v2 .h1 { font-size: 40px; font-size: 2.5rem; } .v2 h2, .v2 .h2 { font-size: 32px; font-size: 2rem; } .v2 h3, .v2 .h3 { font-size: 28px; font-size: 1.75rem; } .v2 h4, .v2 .h4 { font-size: 24px; font-size: 1.5rem; } .v2 h5, .v2 .h5 { font-size: 20px; font-size: 1.25rem; } .v2 h6, .v2 .h6 { font-size: 16px; font-size: 1rem; } .v2 .lead { font-size: 20px; font-size: 1.25rem; font-weight: 300; } .v2 .display-1 { font-size: 96px; font-size: 6rem; font-weight: 300; line-height: 1.2; } .v2 .display-2 { font-size: 88px; font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .v2 .display-3 { font-size: 72px; font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .v2 .display-4 { font-size: 56px; font-size: 3.5rem; font-weight: 300; line-height: 1.2; } .v2 hr { margin-top: 30px; margin-bottom: 30px; border: 0; border-top: 1px solid #eceefb; } .v2 small, .v2 .small { font-size: 80%; font-weight: 400; } .v2 mark, .v2 .mark { padding: 0.2em; background-color: #fcf8e3; } .v2 .list-unstyled { padding-left: 0; list-style: none; } .v2 .list-inline { padding-left: 0; list-style: none; } .v2 .list-inline-item { display: inline-block; } .v2 .list-inline-item:not(:last-child) { margin-right: 8px; margin-right: 0.5rem; } .v2 .initialism { font-size: 90%; text-transform: uppercase; } .v2 .blockquote { margin-bottom: 16px; margin-bottom: 1rem; font-size: 20px; font-size: 1.25rem; } .v2 .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .v2 .blockquote-footer::before { content: "\2014\00A0"; } .v2 .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .v2 .container { max-width: 540px; } } @media (min-width: 768px) { .v2 .container { max-width: 720px; } } @media (min-width: 992px) { .v2 .container { max-width: 960px; } } @media (min-width: 1200px) { .v2 .container { max-width: 1140px; } } .v2 .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .v2 .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .v2 .no-gutters { margin-right: 0; margin-left: 0; } .v2 .no-gutters > .col, .v2 .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .v2 .col-1, .v2 .col-2, .v2 .col-3, .v2 .col-4, .v2 .col-5, .v2 .col-6, .v2 .col-7, .v2 .col-8, .v2 .col-9, .v2 .col-10, .v2 .col-11, .v2 .col-12, .v2 .col, .v2 .col-auto, .v2 .col-sm-1, .v2 .col-sm-2, .v2 .col-sm-3, .v2 .col-sm-4, .v2 .col-sm-5, .v2 .col-sm-6, .v2 .col-sm-7, .v2 .col-sm-8, .v2 .col-sm-9, .v2 .col-sm-10, .v2 .col-sm-11, .v2 .col-sm-12, .v2 .col-sm, .v2 .col-sm-auto, .v2 .col-md-1, .v2 .col-md-2, .v2 .col-md-3, .v2 .col-md-4, .v2 .col-md-5, .v2 .col-md-6, .v2 .col-md-7, .v2 .col-md-8, .v2 .col-md-9, .v2 .col-md-10, .v2 .col-md-11, .v2 .col-md-12, .v2 .col-md, .v2 .col-md-auto, .v2 .col-lg-1, .v2 .col-lg-2, .v2 .col-lg-3, .v2 .col-lg-4, .v2 .col-lg-5, .v2 .col-lg-6, .v2 .col-lg-7, .v2 .col-lg-8, .v2 .col-lg-9, .v2 .col-lg-10, .v2 .col-lg-11, .v2 .col-lg-12, .v2 .col-lg, .v2 .col-lg-auto, .v2 .col-xl-1, .v2 .col-xl-2, .v2 .col-xl-3, .v2 .col-xl-4, .v2 .col-xl-5, .v2 .col-xl-6, .v2 .col-xl-7, .v2 .col-xl-8, .v2 .col-xl-9, .v2 .col-xl-10, .v2 .col-xl-11, .v2 .col-xl-12, .v2 .col-xl, .v2 .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .v2 .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .v2 .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .v2 .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .v2 .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .v2 .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .v2 .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .v2 .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .v2 .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .v2 .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .v2 .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .v2 .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .v2 .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .v2 .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .v2 .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .v2 .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .v2 .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .v2 .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .v2 .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .v2 .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .v2 .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .v2 .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .v2 .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .v2 .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .v2 .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .v2 .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .v2 .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .v2 .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .v2 .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .v2 .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .v2 .offset-1 { margin-left: 8.3333333333%; } .v2 .offset-2 { margin-left: 16.6666666667%; } .v2 .offset-3 { margin-left: 25%; } .v2 .offset-4 { margin-left: 33.3333333333%; } .v2 .offset-5 { margin-left: 41.6666666667%; } .v2 .offset-6 { margin-left: 50%; } .v2 .offset-7 { margin-left: 58.3333333333%; } .v2 .offset-8 { margin-left: 66.6666666667%; } .v2 .offset-9 { margin-left: 75%; } .v2 .offset-10 { margin-left: 83.3333333333%; } .v2 .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { .v2 .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .v2 .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .v2 .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .v2 .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .v2 .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .v2 .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .v2 .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .v2 .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .v2 .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .v2 .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .v2 .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .v2 .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .v2 .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .v2 .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .v2 .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .v2 .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .v2 .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .v2 .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .v2 .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .v2 .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .v2 .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .v2 .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .v2 .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .v2 .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .v2 .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .v2 .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .v2 .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .v2 .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .v2 .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .v2 .offset-sm-0 { margin-left: 0; } .v2 .offset-sm-1 { margin-left: 8.3333333333%; } .v2 .offset-sm-2 { margin-left: 16.6666666667%; } .v2 .offset-sm-3 { margin-left: 25%; } .v2 .offset-sm-4 { margin-left: 33.3333333333%; } .v2 .offset-sm-5 { margin-left: 41.6666666667%; } .v2 .offset-sm-6 { margin-left: 50%; } .v2 .offset-sm-7 { margin-left: 58.3333333333%; } .v2 .offset-sm-8 { margin-left: 66.6666666667%; } .v2 .offset-sm-9 { margin-left: 75%; } .v2 .offset-sm-10 { margin-left: 83.3333333333%; } .v2 .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .v2 .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .v2 .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .v2 .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .v2 .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .v2 .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .v2 .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .v2 .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .v2 .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .v2 .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .v2 .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .v2 .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .v2 .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .v2 .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .v2 .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .v2 .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .v2 .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .v2 .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .v2 .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .v2 .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .v2 .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .v2 .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .v2 .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .v2 .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .v2 .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .v2 .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .v2 .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .v2 .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .v2 .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .v2 .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .v2 .offset-md-0 { margin-left: 0; } .v2 .offset-md-1 { margin-left: 8.3333333333%; } .v2 .offset-md-2 { margin-left: 16.6666666667%; } .v2 .offset-md-3 { margin-left: 25%; } .v2 .offset-md-4 { margin-left: 33.3333333333%; } .v2 .offset-md-5 { margin-left: 41.6666666667%; } .v2 .offset-md-6 { margin-left: 50%; } .v2 .offset-md-7 { margin-left: 58.3333333333%; } .v2 .offset-md-8 { margin-left: 66.6666666667%; } .v2 .offset-md-9 { margin-left: 75%; } .v2 .offset-md-10 { margin-left: 83.3333333333%; } .v2 .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .v2 .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .v2 .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .v2 .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .v2 .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .v2 .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .v2 .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .v2 .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .v2 .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .v2 .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .v2 .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .v2 .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .v2 .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .v2 .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .v2 .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .v2 .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .v2 .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .v2 .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .v2 .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .v2 .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .v2 .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .v2 .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .v2 .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .v2 .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .v2 .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .v2 .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .v2 .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .v2 .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .v2 .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .v2 .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .v2 .offset-lg-0 { margin-left: 0; } .v2 .offset-lg-1 { margin-left: 8.3333333333%; } .v2 .offset-lg-2 { margin-left: 16.6666666667%; } .v2 .offset-lg-3 { margin-left: 25%; } .v2 .offset-lg-4 { margin-left: 33.3333333333%; } .v2 .offset-lg-5 { margin-left: 41.6666666667%; } .v2 .offset-lg-6 { margin-left: 50%; } .v2 .offset-lg-7 { margin-left: 58.3333333333%; } .v2 .offset-lg-8 { margin-left: 66.6666666667%; } .v2 .offset-lg-9 { margin-left: 75%; } .v2 .offset-lg-10 { margin-left: 83.3333333333%; } .v2 .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .v2 .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .v2 .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .v2 .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .v2 .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .v2 .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .v2 .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .v2 .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .v2 .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .v2 .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .v2 .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .v2 .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .v2 .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .v2 .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .v2 .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .v2 .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .v2 .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .v2 .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .v2 .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .v2 .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .v2 .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .v2 .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .v2 .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .v2 .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .v2 .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .v2 .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .v2 .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .v2 .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .v2 .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .v2 .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .v2 .offset-xl-0 { margin-left: 0; } .v2 .offset-xl-1 { margin-left: 8.3333333333%; } .v2 .offset-xl-2 { margin-left: 16.6666666667%; } .v2 .offset-xl-3 { margin-left: 25%; } .v2 .offset-xl-4 { margin-left: 33.3333333333%; } .v2 .offset-xl-5 { margin-left: 41.6666666667%; } .v2 .offset-xl-6 { margin-left: 50%; } .v2 .offset-xl-7 { margin-left: 58.3333333333%; } .v2 .offset-xl-8 { margin-left: 66.6666666667%; } .v2 .offset-xl-9 { margin-left: 75%; } .v2 .offset-xl-10 { margin-left: 83.3333333333%; } .v2 .offset-xl-11 { margin-left: 91.6666666667%; } } .v2 .table { width: 100%; margin-bottom: 16px; margin-bottom: 1rem; color: #212529; } .v2 .table th, .v2 .table td { padding: 12px; padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .v2 .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .v2 .table tbody + tbody { border-top: 2px solid #dee2e6; } .v2 .table-sm th, .v2 .table-sm td { padding: 4.8px; padding: 0.3rem; } .v2 .table-bordered { border: 1px solid #dee2e6; } .v2 .table-bordered th, .v2 .table-bordered td { border: 1px solid #dee2e6; } .v2 .table-bordered thead th, .v2 .table-bordered thead td { border-bottom-width: 2px; } .v2 .table-borderless th, .v2 .table-borderless td, .v2 .table-borderless thead th, .v2 .table-borderless tbody + tbody { border: 0; } .v2 .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .v2 .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .v2 .table-primary, .v2 .table-primary > th, .v2 .table-primary > td { background-color: #b8daff; } .v2 .table-primary th, .v2 .table-primary td, .v2 .table-primary thead th, .v2 .table-primary tbody + tbody { border-color: #7abaff; } .v2 .table-hover .table-primary:hover { background-color: #9fcdff; } .v2 .table-hover .table-primary:hover > td, .v2 .table-hover .table-primary:hover > th { background-color: #9fcdff; } .v2 .table-secondary, .v2 .table-secondary > th, .v2 .table-secondary > td { background-color: #d6d8db; } .v2 .table-secondary th, .v2 .table-secondary td, .v2 .table-secondary thead th, .v2 .table-secondary tbody + tbody { border-color: #b3b7bb; } .v2 .table-hover .table-secondary:hover { background-color: #c8cbcf; } .v2 .table-hover .table-secondary:hover > td, .v2 .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .v2 .table-success, .v2 .table-success > th, .v2 .table-success > td { background-color: #c3e6cb; } .v2 .table-success th, .v2 .table-success td, .v2 .table-success thead th, .v2 .table-success tbody + tbody { border-color: #8fd19e; } .v2 .table-hover .table-success:hover { background-color: #b1dfbb; } .v2 .table-hover .table-success:hover > td, .v2 .table-hover .table-success:hover > th { background-color: #b1dfbb; } .v2 .table-info, .v2 .table-info > th, .v2 .table-info > td { background-color: #bee5eb; } .v2 .table-info th, .v2 .table-info td, .v2 .table-info thead th, .v2 .table-info tbody + tbody { border-color: #86cfda; } .v2 .table-hover .table-info:hover { background-color: #abdde5; } .v2 .table-hover .table-info:hover > td, .v2 .table-hover .table-info:hover > th { background-color: #abdde5; } .v2 .table-warning, .v2 .table-warning > th, .v2 .table-warning > td { background-color: #ffeeba; } .v2 .table-warning th, .v2 .table-warning td, .v2 .table-warning thead th, .v2 .table-warning tbody + tbody { border-color: #ffdf7e; } .v2 .table-hover .table-warning:hover { background-color: #ffe8a1; } .v2 .table-hover .table-warning:hover > td, .v2 .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .v2 .table-danger, .v2 .table-danger > th, .v2 .table-danger > td { background-color: #f5c6cb; } .v2 .table-danger th, .v2 .table-danger td, .v2 .table-danger thead th, .v2 .table-danger tbody + tbody { border-color: #ed969e; } .v2 .table-hover .table-danger:hover { background-color: #f1b0b7; } .v2 .table-hover .table-danger:hover > td, .v2 .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .v2 .table-light, .v2 .table-light > th, .v2 .table-light > td { background-color: #fdfdfe; } .v2 .table-light th, .v2 .table-light td, .v2 .table-light thead th, .v2 .table-light tbody + tbody { border-color: #fbfcfc; } .v2 .table-hover .table-light:hover { background-color: #ececf6; } .v2 .table-hover .table-light:hover > td, .v2 .table-hover .table-light:hover > th { background-color: #ececf6; } .v2 .table-dark, .v2 .table-dark > th, .v2 .table-dark > td { background-color: #c6c8ca; } .v2 .table-dark th, .v2 .table-dark td, .v2 .table-dark thead th, .v2 .table-dark tbody + tbody { border-color: #95999c; } .v2 .table-hover .table-dark:hover { background-color: #b9bbbe; } .v2 .table-hover .table-dark:hover > td, .v2 .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .v2 .table-active, .v2 .table-active > th, .v2 .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .v2 .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .v2 .table-hover .table-active:hover > td, .v2 .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .v2 .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .v2 .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .v2 .table-dark { color: #fff; background-color: #343a40; } .v2 .table-dark th, .v2 .table-dark td, .v2 .table-dark thead th { border-color: #454d55; } .v2 .table-dark.table-bordered { border: 0; } .v2 .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .v2 .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .v2 .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .v2 .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .v2 .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .v2 .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .v2 .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .v2 .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .v2 .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .v2 .table-responsive-xl > .table-bordered { border: 0; } } .v2 .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .v2 .table-responsive > .table-bordered { border: 0; } .v2 .fade { -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .v2 .fade { -webkit-transition: none; transition: none; } } .v2 .fade:not(.show) { opacity: 0; } .v2 .collapse:not(.show) { display: none; } .v2 .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .v2 .collapsing { -webkit-transition: none; transition: none; } } @-webkit-keyframes progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } .v2 .progress { display: -webkit-box; display: -ms-flexbox; display: flex; height: 20px; overflow: hidden; font-size: 12px; font-size: 0.75rem; background-color: #ffffff; border-radius: 32px; } .v2 .progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #2c2d31; text-align: center; white-space: nowrap; background-color: #90ce4b; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .v2 .progress-bar { -webkit-transition: none; transition: none; } } .v2 .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 20px 20px; } .v2 .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .v2 .progress-bar-animated { -webkit-animation: none; animation: none; } } .v2 .tooltip { position: absolute; z-index: 1070; display: block; margin: 0 0 0 10px; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; line-height: 24px; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 14px; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .v2 .tooltip.show { opacity: 1; } .v2 .tooltip .arrow { position: absolute; display: block; width: 12.8px; width: 0.8rem; height: 6.4px; height: 0.4rem; } .v2 .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .v2 .bs-tooltip-top, .v2 .bs-tooltip-auto[x-placement^="top"] { padding: 6.4px 0; padding: 0.4rem 0; } .v2 .bs-tooltip-top .arrow, .v2 .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .v2 .bs-tooltip-top .arrow::before, .v2 .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 6.4px 6.4px 0; border-width: 0.4rem 0.4rem 0; border-top-color: #eceefb; } .v2 .bs-tooltip-right, .v2 .bs-tooltip-auto[x-placement^="right"] { padding: 0 6.4px; padding: 0 0.4rem; } .v2 .bs-tooltip-right .arrow, .v2 .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 6.4px; width: 0.4rem; height: 12.8px; height: 0.8rem; } .v2 .bs-tooltip-right .arrow::before, .v2 .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 6.4px 6.4px 6.4px 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #eceefb; } .v2 .bs-tooltip-bottom, .v2 .bs-tooltip-auto[x-placement^="bottom"] { padding: 6.4px 0; padding: 0.4rem 0; } .v2 .bs-tooltip-bottom .arrow, .v2 .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .v2 .bs-tooltip-bottom .arrow::before, .v2 .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 6.4px 6.4px; border-width: 0 0.4rem 0.4rem; border-bottom-color: #eceefb; } .v2 .bs-tooltip-left, .v2 .bs-tooltip-auto[x-placement^="left"] { padding: 0 6.4px; padding: 0 0.4rem; } .v2 .bs-tooltip-left .arrow, .v2 .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 6.4px; width: 0.4rem; height: 12.8px; height: 0.8rem; } .v2 .bs-tooltip-left .arrow::before, .v2 .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 6.4px 0 6.4px 6.4px; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #eceefb; } .v2 .tooltip-inner { max-width: 300px; padding: 20px 20px; color: #201c46; text-align: center; background-color: #eceefb; border-radius: 4px; } .v2 .align-baseline { vertical-align: baseline !important; } .v2 .align-top { vertical-align: top !important; } .v2 .align-middle { vertical-align: middle !important; } .v2 .align-bottom { vertical-align: bottom !important; } .v2 .align-text-bottom { vertical-align: text-bottom !important; } .v2 .align-text-top { vertical-align: text-top !important; } .v2 .bg-primary { background-color: #007bff !important; } .v2 a.bg-primary:hover, .v2 a.bg-primary:focus, .v2 button.bg-primary:hover, .v2 button.bg-primary:focus { background-color: #0062cc !important; } .v2 .bg-secondary { background-color: #6c757d !important; } .v2 a.bg-secondary:hover, .v2 a.bg-secondary:focus, .v2 button.bg-secondary:hover, .v2 button.bg-secondary:focus { background-color: #545b62 !important; } .v2 .bg-success { background-color: #28a745 !important; } .v2 a.bg-success:hover, .v2 a.bg-success:focus, .v2 button.bg-success:hover, .v2 button.bg-success:focus { background-color: #1e7e34 !important; } .v2 .bg-info { background-color: #17a2b8 !important; } .v2 a.bg-info:hover, .v2 a.bg-info:focus, .v2 button.bg-info:hover, .v2 button.bg-info:focus { background-color: #117a8b !important; } .v2 .bg-warning { background-color: #ffc107 !important; } .v2 a.bg-warning:hover, .v2 a.bg-warning:focus, .v2 button.bg-warning:hover, .v2 button.bg-warning:focus { background-color: #d39e00 !important; } .v2 .bg-danger { background-color: #dc3545 !important; } .v2 a.bg-danger:hover, .v2 a.bg-danger:focus, .v2 button.bg-danger:hover, .v2 button.bg-danger:focus { background-color: #bd2130 !important; } .v2 .bg-light { background-color: #f8f9fa !important; } .v2 a.bg-light:hover, .v2 a.bg-light:focus, .v2 button.bg-light:hover, .v2 button.bg-light:focus { background-color: #dae0e5 !important; } .v2 .bg-dark { background-color: #343a40 !important; } .v2 a.bg-dark:hover, .v2 a.bg-dark:focus, .v2 button.bg-dark:hover, .v2 button.bg-dark:focus { background-color: #1d2124 !important; } .v2 .bg-white { background-color: #ffffff !important; } .v2 .bg-transparent { background-color: transparent !important; } .v2 .border { border: 1px solid #dee2e6 !important; } .v2 .border-top { border-top: 1px solid #dee2e6 !important; } .v2 .border-right { border-right: 1px solid #dee2e6 !important; } .v2 .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .v2 .border-left { border-left: 1px solid #dee2e6 !important; } .v2 .border-0 { border: 0 !important; } .v2 .border-top-0 { border-top: 0 !important; } .v2 .border-right-0 { border-right: 0 !important; } .v2 .border-bottom-0 { border-bottom: 0 !important; } .v2 .border-left-0 { border-left: 0 !important; } .v2 .border-primary { border-color: #007bff !important; } .v2 .border-secondary { border-color: #6c757d !important; } .v2 .border-success { border-color: #28a745 !important; } .v2 .border-info { border-color: #17a2b8 !important; } .v2 .border-warning { border-color: #ffc107 !important; } .v2 .border-danger { border-color: #dc3545 !important; } .v2 .border-light { border-color: #f8f9fa !important; } .v2 .border-dark { border-color: #343a40 !important; } .v2 .border-white { border-color: #ffffff !important; } .v2 .rounded-sm { border-radius: 0.2rem !important; } .v2 .rounded { border-radius: 0.25rem !important; } .v2 .rounded-top { border-top-left-radius: 4px !important; border-top-left-radius: 0.25rem !important; border-top-right-radius: 4px !important; border-top-right-radius: 0.25rem !important; } .v2 .rounded-right { border-top-right-radius: 4px !important; border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 4px !important; border-bottom-right-radius: 0.25rem !important; } .v2 .rounded-bottom { border-bottom-right-radius: 4px !important; border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 4px !important; border-bottom-left-radius: 0.25rem !important; } .v2 .rounded-left { border-top-left-radius: 4px !important; border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 4px !important; border-bottom-left-radius: 0.25rem !important; } .v2 .rounded-lg { border-radius: 0.3rem !important; } .v2 .rounded-circle { border-radius: 50% !important; } .v2 .rounded-pill { border-radius: 50rem !important; } .v2 .rounded-0 { border-radius: 0 !important; } .v2 .clearfix::after { display: block; clear: both; content: ""; } .v2 .d-none { display: none !important; } .v2 .d-inline { display: inline !important; } .v2 .d-inline-block { display: inline-block !important; } .v2 .d-block { display: block !important; } .v2 .d-table { display: table !important; } .v2 .d-table-row { display: table-row !important; } .v2 .d-table-cell { display: table-cell !important; } .v2 .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .v2 .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .v2 .d-sm-none { display: none !important; } .v2 .d-sm-inline { display: inline !important; } .v2 .d-sm-inline-block { display: inline-block !important; } .v2 .d-sm-block { display: block !important; } .v2 .d-sm-table { display: table !important; } .v2 .d-sm-table-row { display: table-row !important; } .v2 .d-sm-table-cell { display: table-cell !important; } .v2 .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .v2 .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .v2 .d-md-none { display: none !important; } .v2 .d-md-inline { display: inline !important; } .v2 .d-md-inline-block { display: inline-block !important; } .v2 .d-md-block { display: block !important; } .v2 .d-md-table { display: table !important; } .v2 .d-md-table-row { display: table-row !important; } .v2 .d-md-table-cell { display: table-cell !important; } .v2 .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .v2 .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .v2 .d-lg-none { display: none !important; } .v2 .d-lg-inline { display: inline !important; } .v2 .d-lg-inline-block { display: inline-block !important; } .v2 .d-lg-block { display: block !important; } .v2 .d-lg-table { display: table !important; } .v2 .d-lg-table-row { display: table-row !important; } .v2 .d-lg-table-cell { display: table-cell !important; } .v2 .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .v2 .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .v2 .d-xl-none { display: none !important; } .v2 .d-xl-inline { display: inline !important; } .v2 .d-xl-inline-block { display: inline-block !important; } .v2 .d-xl-block { display: block !important; } .v2 .d-xl-table { display: table !important; } .v2 .d-xl-table-row { display: table-row !important; } .v2 .d-xl-table-cell { display: table-cell !important; } .v2 .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .v2 .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .v2 .d-print-none { display: none !important; } .v2 .d-print-inline { display: inline !important; } .v2 .d-print-inline-block { display: inline-block !important; } .v2 .d-print-block { display: block !important; } .v2 .d-print-table { display: table !important; } .v2 .d-print-table-row { display: table-row !important; } .v2 .d-print-table-cell { display: table-cell !important; } .v2 .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .v2 .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .v2 .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .v2 .embed-responsive::before { display: block; content: ""; } .v2 .embed-responsive .embed-responsive-item, .v2 .embed-responsive iframe, .v2 .embed-responsive embed, .v2 .embed-responsive object, .v2 .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .v2 .embed-responsive-21by9::before { padding-top: 42.8571428571%; } .v2 .embed-responsive-16by9::before { padding-top: 56.25%; } .v2 .embed-responsive-4by3::before { padding-top: 75%; } .v2 .embed-responsive-1by1::before { padding-top: 100%; } .v2 .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .v2 .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .v2 .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .v2 .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .v2 .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .v2 .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .v2 .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .v2 .flex-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .v2 .flex-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .v2 .flex-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .v2 .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .v2 .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .v2 .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .v2 .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .v2 .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .v2 .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .v2 .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .v2 .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .v2 .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .v2 .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .v2 .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .v2 .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .v2 .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .v2 .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .v2 .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .v2 .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .v2 .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .v2 .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .v2 .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .v2 .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .v2 .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .v2 .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .v2 .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .v2 .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .v2 .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .v2 .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .v2 .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .v2 .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .v2 .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .v2 .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .v2 .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .v2 .flex-sm-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .v2 .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .v2 .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .v2 .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .v2 .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .v2 .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .v2 .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .v2 .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .v2 .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .v2 .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .v2 .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .v2 .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .v2 .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .v2 .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .v2 .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .v2 .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .v2 .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .v2 .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .v2 .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .v2 .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .v2 .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .v2 .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .v2 .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .v2 .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .v2 .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .v2 .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .v2 .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .v2 .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .v2 .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .v2 .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .v2 .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .v2 .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .v2 .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .v2 .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .v2 .flex-md-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .v2 .flex-md-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .v2 .flex-md-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .v2 .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .v2 .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .v2 .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .v2 .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .v2 .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .v2 .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .v2 .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .v2 .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .v2 .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .v2 .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .v2 .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .v2 .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .v2 .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .v2 .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .v2 .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .v2 .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .v2 .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .v2 .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .v2 .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .v2 .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .v2 .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .v2 .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .v2 .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .v2 .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .v2 .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .v2 .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .v2 .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .v2 .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .v2 .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .v2 .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .v2 .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .v2 .flex-lg-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .v2 .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .v2 .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .v2 .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .v2 .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .v2 .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .v2 .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .v2 .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .v2 .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .v2 .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .v2 .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .v2 .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .v2 .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .v2 .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .v2 .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .v2 .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .v2 .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .v2 .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .v2 .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .v2 .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .v2 .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .v2 .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .v2 .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .v2 .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .v2 .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .v2 .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .v2 .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .v2 .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .v2 .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .v2 .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .v2 .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .v2 .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .v2 .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .v2 .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .v2 .flex-xl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .v2 .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .v2 .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .v2 .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .v2 .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .v2 .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .v2 .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .v2 .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .v2 .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .v2 .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .v2 .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .v2 .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .v2 .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .v2 .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .v2 .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .v2 .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .v2 .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .v2 .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .v2 .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .v2 .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .v2 .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .v2 .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .v2 .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .v2 .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .v2 .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .v2 .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .v2 .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .v2 .float-left { float: left !important; } .v2 .float-right { float: right !important; } .v2 .float-none { float: none !important; } @media (min-width: 576px) { .v2 .float-sm-left { float: left !important; } .v2 .float-sm-right { float: right !important; } .v2 .float-sm-none { float: none !important; } } @media (min-width: 768px) { .v2 .float-md-left { float: left !important; } .v2 .float-md-right { float: right !important; } .v2 .float-md-none { float: none !important; } } @media (min-width: 992px) { .v2 .float-lg-left { float: left !important; } .v2 .float-lg-right { float: right !important; } .v2 .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .v2 .float-xl-left { float: left !important; } .v2 .float-xl-right { float: right !important; } .v2 .float-xl-none { float: none !important; } } .v2 .overflow-auto { overflow: auto !important; } .v2 .overflow-hidden { overflow: hidden !important; } .v2 .position-static { position: static !important; } .v2 .position-relative { position: relative !important; } .v2 .position-absolute { position: absolute !important; } .v2 .position-fixed { position: fixed !important; } .v2 .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .v2 .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .v2 .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .v2 .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .v2 .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .v2 .sr-only-focusable:active, .v2 .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .v2 .shadow-sm { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .v2 .shadow { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .v2 .shadow-lg { -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .v2 .shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important; } .v2 .w-25 { width: 25% !important; } .v2 .w-50 { width: 50% !important; } .v2 .w-75 { width: 75% !important; } .v2 .w-100 { width: 100% !important; } .v2 .w-auto { width: auto !important; } .v2 .h-25 { height: 25% !important; } .v2 .h-50 { height: 50% !important; } .v2 .h-75 { height: 75% !important; } .v2 .h-100 { height: 100% !important; } .v2 .h-auto { height: auto !important; } .v2 .mw-100 { max-width: 100% !important; } .v2 .mh-100 { max-height: 100% !important; } .v2 .min-vw-100 { min-width: 100vw !important; } .v2 .min-vh-100 { min-height: 100vh !important; } .v2 .vw-100 { width: 100vw !important; } .v2 .vh-100 { height: 100vh !important; } .v2 .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .v2 .m-0 { margin: 0 !important; } .v2 .mt-0, .v2 .my-0 { margin-top: 0 !important; } .v2 .mr-0, .v2 .mx-0 { margin-right: 0 !important; } .v2 .mb-0, .v2 .my-0 { margin-bottom: 0 !important; } .v2 .ml-0, .v2 .mx-0 { margin-left: 0 !important; } .v2 .m-1 { margin: 4px !important; margin: 0.25rem !important; } .v2 .mt-1, .v2 .my-1 { margin-top: 4px !important; margin-top: 0.25rem !important; } .v2 .mr-1, .v2 .mx-1 { margin-right: 4px !important; margin-right: 0.25rem !important; } .v2 .mb-1, .v2 .my-1 { margin-bottom: 4px !important; margin-bottom: 0.25rem !important; } .v2 .ml-1, .v2 .mx-1 { margin-left: 4px !important; margin-left: 0.25rem !important; } .v2 .m-2 { margin: 8px !important; margin: 0.5rem !important; } .v2 .mt-2, .v2 .my-2 { margin-top: 8px !important; margin-top: 0.5rem !important; } .v2 .mr-2, .v2 .mx-2 { margin-right: 8px !important; margin-right: 0.5rem !important; } .v2 .mb-2, .v2 .my-2 { margin-bottom: 8px !important; margin-bottom: 0.5rem !important; } .v2 .ml-2, .v2 .mx-2 { margin-left: 8px !important; margin-left: 0.5rem !important; } .v2 .m-3 { margin: 16px !important; margin: 1rem !important; } .v2 .mt-3, .v2 .my-3 { margin-top: 16px !important; margin-top: 1rem !important; } .v2 .mr-3, .v2 .mx-3 { margin-right: 16px !important; margin-right: 1rem !important; } .v2 .mb-3, .v2 .my-3 { margin-bottom: 16px !important; margin-bottom: 1rem !important; } .v2 .ml-3, .v2 .mx-3 { margin-left: 16px !important; margin-left: 1rem !important; } .v2 .m-4 { margin: 24px !important; margin: 1.5rem !important; } .v2 .mt-4, .v2 .my-4 { margin-top: 24px !important; margin-top: 1.5rem !important; } .v2 .mr-4, .v2 .mx-4 { margin-right: 24px !important; margin-right: 1.5rem !important; } .v2 .mb-4, .v2 .my-4 { margin-bottom: 24px !important; margin-bottom: 1.5rem !important; } .v2 .ml-4, .v2 .mx-4 { margin-left: 24px !important; margin-left: 1.5rem !important; } .v2 .m-5 { margin: 48px !important; margin: 3rem !important; } .v2 .mt-5, .v2 .my-5 { margin-top: 48px !important; margin-top: 3rem !important; } .v2 .mr-5, .v2 .mx-5 { margin-right: 48px !important; margin-right: 3rem !important; } .v2 .mb-5, .v2 .my-5 { margin-bottom: 48px !important; margin-bottom: 3rem !important; } .v2 .ml-5, .v2 .mx-5 { margin-left: 48px !important; margin-left: 3rem !important; } .v2 .p-0 { padding: 0 !important; } .v2 .pt-0, .v2 .py-0 { padding-top: 0 !important; } .v2 .pr-0, .v2 .px-0 { padding-right: 0 !important; } .v2 .pb-0, .v2 .py-0 { padding-bottom: 0 !important; } .v2 .pl-0, .v2 .px-0 { padding-left: 0 !important; } .v2 .p-1 { padding: 4px !important; padding: 0.25rem !important; } .v2 .pt-1, .v2 .py-1 { padding-top: 4px !important; padding-top: 0.25rem !important; } .v2 .pr-1, .v2 .px-1 { padding-right: 4px !important; padding-right: 0.25rem !important; } .v2 .pb-1, .v2 .py-1 { padding-bottom: 4px !important; padding-bottom: 0.25rem !important; } .v2 .pl-1, .v2 .px-1 { padding-left: 4px !important; padding-left: 0.25rem !important; } .v2 .p-2 { padding: 8px !important; padding: 0.5rem !important; } .v2 .pt-2, .v2 .py-2 { padding-top: 8px !important; padding-top: 0.5rem !important; } .v2 .pr-2, .v2 .px-2 { padding-right: 8px !important; padding-right: 0.5rem !important; } .v2 .pb-2, .v2 .py-2 { padding-bottom: 8px !important; padding-bottom: 0.5rem !important; } .v2 .pl-2, .v2 .px-2 { padding-left: 8px !important; padding-left: 0.5rem !important; } .v2 .p-3 { padding: 16px !important; padding: 1rem !important; } .v2 .pt-3, .v2 .py-3 { padding-top: 16px !important; padding-top: 1rem !important; } .v2 .pr-3, .v2 .px-3 { padding-right: 16px !important; padding-right: 1rem !important; } .v2 .pb-3, .v2 .py-3 { padding-bottom: 16px !important; padding-bottom: 1rem !important; } .v2 .pl-3, .v2 .px-3 { padding-left: 16px !important; padding-left: 1rem !important; } .v2 .p-4 { padding: 24px !important; padding: 1.5rem !important; } .v2 .pt-4, .v2 .py-4 { padding-top: 24px !important; padding-top: 1.5rem !important; } .v2 .pr-4, .v2 .px-4 { padding-right: 24px !important; padding-right: 1.5rem !important; } .v2 .pb-4, .v2 .py-4 { padding-bottom: 24px !important; padding-bottom: 1.5rem !important; } .v2 .pl-4, .v2 .px-4 { padding-left: 24px !important; padding-left: 1.5rem !important; } .v2 .p-5 { padding: 48px !important; padding: 3rem !important; } .v2 .pt-5, .v2 .py-5 { padding-top: 48px !important; padding-top: 3rem !important; } .v2 .pr-5, .v2 .px-5 { padding-right: 48px !important; padding-right: 3rem !important; } .v2 .pb-5, .v2 .py-5 { padding-bottom: 48px !important; padding-bottom: 3rem !important; } .v2 .pl-5, .v2 .px-5 { padding-left: 48px !important; padding-left: 3rem !important; } .v2 .m-n1 { margin: -4px !important; margin: -0.25rem !important; } .v2 .mt-n1, .v2 .my-n1 { margin-top: -4px !important; margin-top: -0.25rem !important; } .v2 .mr-n1, .v2 .mx-n1 { margin-right: -4px !important; margin-right: -0.25rem !important; } .v2 .mb-n1, .v2 .my-n1 { margin-bottom: -4px !important; margin-bottom: -0.25rem !important; } .v2 .ml-n1, .v2 .mx-n1 { margin-left: -4px !important; margin-left: -0.25rem !important; } .v2 .m-n2 { margin: -8px !important; margin: -0.5rem !important; } .v2 .mt-n2, .v2 .my-n2 { margin-top: -8px !important; margin-top: -0.5rem !important; } .v2 .mr-n2, .v2 .mx-n2 { margin-right: -8px !important; margin-right: -0.5rem !important; } .v2 .mb-n2, .v2 .my-n2 { margin-bottom: -8px !important; margin-bottom: -0.5rem !important; } .v2 .ml-n2, .v2 .mx-n2 { margin-left: -8px !important; margin-left: -0.5rem !important; } .v2 .m-n3 { margin: -16px !important; margin: -1rem !important; } .v2 .mt-n3, .v2 .my-n3 { margin-top: -16px !important; margin-top: -1rem !important; } .v2 .mr-n3, .v2 .mx-n3 { margin-right: -16px !important; margin-right: -1rem !important; } .v2 .mb-n3, .v2 .my-n3 { margin-bottom: -16px !important; margin-bottom: -1rem !important; } .v2 .ml-n3, .v2 .mx-n3 { margin-left: -16px !important; margin-left: -1rem !important; } .v2 .m-n4 { margin: -24px !important; margin: -1.5rem !important; } .v2 .mt-n4, .v2 .my-n4 { margin-top: -24px !important; margin-top: -1.5rem !important; } .v2 .mr-n4, .v2 .mx-n4 { margin-right: -24px !important; margin-right: -1.5rem !important; } .v2 .mb-n4, .v2 .my-n4 { margin-bottom: -24px !important; margin-bottom: -1.5rem !important; } .v2 .ml-n4, .v2 .mx-n4 { margin-left: -24px !important; margin-left: -1.5rem !important; } .v2 .m-n5 { margin: -48px !important; margin: -3rem !important; } .v2 .mt-n5, .v2 .my-n5 { margin-top: -48px !important; margin-top: -3rem !important; } .v2 .mr-n5, .v2 .mx-n5 { margin-right: -48px !important; margin-right: -3rem !important; } .v2 .mb-n5, .v2 .my-n5 { margin-bottom: -48px !important; margin-bottom: -3rem !important; } .v2 .ml-n5, .v2 .mx-n5 { margin-left: -48px !important; margin-left: -3rem !important; } .v2 .m-auto { margin: auto !important; } .v2 .mt-auto, .v2 .my-auto { margin-top: auto !important; } .v2 .mr-auto, .v2 .mx-auto { margin-right: auto !important; } .v2 .mb-auto, .v2 .my-auto { margin-bottom: auto !important; } .v2 .ml-auto, .v2 .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .v2 .m-sm-0 { margin: 0 !important; } .v2 .mt-sm-0, .v2 .my-sm-0 { margin-top: 0 !important; } .v2 .mr-sm-0, .v2 .mx-sm-0 { margin-right: 0 !important; } .v2 .mb-sm-0, .v2 .my-sm-0 { margin-bottom: 0 !important; } .v2 .ml-sm-0, .v2 .mx-sm-0 { margin-left: 0 !important; } .v2 .m-sm-1 { margin: 0.25rem !important; } .v2 .mt-sm-1, .v2 .my-sm-1 { margin-top: 0.25rem !important; } .v2 .mr-sm-1, .v2 .mx-sm-1 { margin-right: 0.25rem !important; } .v2 .mb-sm-1, .v2 .my-sm-1 { margin-bottom: 0.25rem !important; } .v2 .ml-sm-1, .v2 .mx-sm-1 { margin-left: 0.25rem !important; } .v2 .m-sm-2 { margin: 0.5rem !important; } .v2 .mt-sm-2, .v2 .my-sm-2 { margin-top: 0.5rem !important; } .v2 .mr-sm-2, .v2 .mx-sm-2 { margin-right: 0.5rem !important; } .v2 .mb-sm-2, .v2 .my-sm-2 { margin-bottom: 0.5rem !important; } .v2 .ml-sm-2, .v2 .mx-sm-2 { margin-left: 0.5rem !important; } .v2 .m-sm-3 { margin: 1rem !important; } .v2 .mt-sm-3, .v2 .my-sm-3 { margin-top: 1rem !important; } .v2 .mr-sm-3, .v2 .mx-sm-3 { margin-right: 1rem !important; } .v2 .mb-sm-3, .v2 .my-sm-3 { margin-bottom: 1rem !important; } .v2 .ml-sm-3, .v2 .mx-sm-3 { margin-left: 1rem !important; } .v2 .m-sm-4 { margin: 1.5rem !important; } .v2 .mt-sm-4, .v2 .my-sm-4 { margin-top: 1.5rem !important; } .v2 .mr-sm-4, .v2 .mx-sm-4 { margin-right: 1.5rem !important; } .v2 .mb-sm-4, .v2 .my-sm-4 { margin-bottom: 1.5rem !important; } .v2 .ml-sm-4, .v2 .mx-sm-4 { margin-left: 1.5rem !important; } .v2 .m-sm-5 { margin: 3rem !important; } .v2 .mt-sm-5, .v2 .my-sm-5 { margin-top: 3rem !important; } .v2 .mr-sm-5, .v2 .mx-sm-5 { margin-right: 3rem !important; } .v2 .mb-sm-5, .v2 .my-sm-5 { margin-bottom: 3rem !important; } .v2 .ml-sm-5, .v2 .mx-sm-5 { margin-left: 3rem !important; } .v2 .p-sm-0 { padding: 0 !important; } .v2 .pt-sm-0, .v2 .py-sm-0 { padding-top: 0 !important; } .v2 .pr-sm-0, .v2 .px-sm-0 { padding-right: 0 !important; } .v2 .pb-sm-0, .v2 .py-sm-0 { padding-bottom: 0 !important; } .v2 .pl-sm-0, .v2 .px-sm-0 { padding-left: 0 !important; } .v2 .p-sm-1 { padding: 0.25rem !important; } .v2 .pt-sm-1, .v2 .py-sm-1 { padding-top: 0.25rem !important; } .v2 .pr-sm-1, .v2 .px-sm-1 { padding-right: 0.25rem !important; } .v2 .pb-sm-1, .v2 .py-sm-1 { padding-bottom: 0.25rem !important; } .v2 .pl-sm-1, .v2 .px-sm-1 { padding-left: 0.25rem !important; } .v2 .p-sm-2 { padding: 0.5rem !important; } .v2 .pt-sm-2, .v2 .py-sm-2 { padding-top: 0.5rem !important; } .v2 .pr-sm-2, .v2 .px-sm-2 { padding-right: 0.5rem !important; } .v2 .pb-sm-2, .v2 .py-sm-2 { padding-bottom: 0.5rem !important; } .v2 .pl-sm-2, .v2 .px-sm-2 { padding-left: 0.5rem !important; } .v2 .p-sm-3 { padding: 1rem !important; } .v2 .pt-sm-3, .v2 .py-sm-3 { padding-top: 1rem !important; } .v2 .pr-sm-3, .v2 .px-sm-3 { padding-right: 1rem !important; } .v2 .pb-sm-3, .v2 .py-sm-3 { padding-bottom: 1rem !important; } .v2 .pl-sm-3, .v2 .px-sm-3 { padding-left: 1rem !important; } .v2 .p-sm-4 { padding: 1.5rem !important; } .v2 .pt-sm-4, .v2 .py-sm-4 { padding-top: 1.5rem !important; } .v2 .pr-sm-4, .v2 .px-sm-4 { padding-right: 1.5rem !important; } .v2 .pb-sm-4, .v2 .py-sm-4 { padding-bottom: 1.5rem !important; } .v2 .pl-sm-4, .v2 .px-sm-4 { padding-left: 1.5rem !important; } .v2 .p-sm-5 { padding: 3rem !important; } .v2 .pt-sm-5, .v2 .py-sm-5 { padding-top: 3rem !important; } .v2 .pr-sm-5, .v2 .px-sm-5 { padding-right: 3rem !important; } .v2 .pb-sm-5, .v2 .py-sm-5 { padding-bottom: 3rem !important; } .v2 .pl-sm-5, .v2 .px-sm-5 { padding-left: 3rem !important; } .v2 .m-sm-n1 { margin: -0.25rem !important; } .v2 .mt-sm-n1, .v2 .my-sm-n1 { margin-top: -0.25rem !important; } .v2 .mr-sm-n1, .v2 .mx-sm-n1 { margin-right: -0.25rem !important; } .v2 .mb-sm-n1, .v2 .my-sm-n1 { margin-bottom: -0.25rem !important; } .v2 .ml-sm-n1, .v2 .mx-sm-n1 { margin-left: -0.25rem !important; } .v2 .m-sm-n2 { margin: -0.5rem !important; } .v2 .mt-sm-n2, .v2 .my-sm-n2 { margin-top: -0.5rem !important; } .v2 .mr-sm-n2, .v2 .mx-sm-n2 { margin-right: -0.5rem !important; } .v2 .mb-sm-n2, .v2 .my-sm-n2 { margin-bottom: -0.5rem !important; } .v2 .ml-sm-n2, .v2 .mx-sm-n2 { margin-left: -0.5rem !important; } .v2 .m-sm-n3 { margin: -1rem !important; } .v2 .mt-sm-n3, .v2 .my-sm-n3 { margin-top: -1rem !important; } .v2 .mr-sm-n3, .v2 .mx-sm-n3 { margin-right: -1rem !important; } .v2 .mb-sm-n3, .v2 .my-sm-n3 { margin-bottom: -1rem !important; } .v2 .ml-sm-n3, .v2 .mx-sm-n3 { margin-left: -1rem !important; } .v2 .m-sm-n4 { margin: -1.5rem !important; } .v2 .mt-sm-n4, .v2 .my-sm-n4 { margin-top: -1.5rem !important; } .v2 .mr-sm-n4, .v2 .mx-sm-n4 { margin-right: -1.5rem !important; } .v2 .mb-sm-n4, .v2 .my-sm-n4 { margin-bottom: -1.5rem !important; } .v2 .ml-sm-n4, .v2 .mx-sm-n4 { margin-left: -1.5rem !important; } .v2 .m-sm-n5 { margin: -3rem !important; } .v2 .mt-sm-n5, .v2 .my-sm-n5 { margin-top: -3rem !important; } .v2 .mr-sm-n5, .v2 .mx-sm-n5 { margin-right: -3rem !important; } .v2 .mb-sm-n5, .v2 .my-sm-n5 { margin-bottom: -3rem !important; } .v2 .ml-sm-n5, .v2 .mx-sm-n5 { margin-left: -3rem !important; } .v2 .m-sm-auto { margin: auto !important; } .v2 .mt-sm-auto, .v2 .my-sm-auto { margin-top: auto !important; } .v2 .mr-sm-auto, .v2 .mx-sm-auto { margin-right: auto !important; } .v2 .mb-sm-auto, .v2 .my-sm-auto { margin-bottom: auto !important; } .v2 .ml-sm-auto, .v2 .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .v2 .m-md-0 { margin: 0 !important; } .v2 .mt-md-0, .v2 .my-md-0 { margin-top: 0 !important; } .v2 .mr-md-0, .v2 .mx-md-0 { margin-right: 0 !important; } .v2 .mb-md-0, .v2 .my-md-0 { margin-bottom: 0 !important; } .v2 .ml-md-0, .v2 .mx-md-0 { margin-left: 0 !important; } .v2 .m-md-1 { margin: 0.25rem !important; } .v2 .mt-md-1, .v2 .my-md-1 { margin-top: 0.25rem !important; } .v2 .mr-md-1, .v2 .mx-md-1 { margin-right: 0.25rem !important; } .v2 .mb-md-1, .v2 .my-md-1 { margin-bottom: 0.25rem !important; } .v2 .ml-md-1, .v2 .mx-md-1 { margin-left: 0.25rem !important; } .v2 .m-md-2 { margin: 0.5rem !important; } .v2 .mt-md-2, .v2 .my-md-2 { margin-top: 0.5rem !important; } .v2 .mr-md-2, .v2 .mx-md-2 { margin-right: 0.5rem !important; } .v2 .mb-md-2, .v2 .my-md-2 { margin-bottom: 0.5rem !important; } .v2 .ml-md-2, .v2 .mx-md-2 { margin-left: 0.5rem !important; } .v2 .m-md-3 { margin: 1rem !important; } .v2 .mt-md-3, .v2 .my-md-3 { margin-top: 1rem !important; } .v2 .mr-md-3, .v2 .mx-md-3 { margin-right: 1rem !important; } .v2 .mb-md-3, .v2 .my-md-3 { margin-bottom: 1rem !important; } .v2 .ml-md-3, .v2 .mx-md-3 { margin-left: 1rem !important; } .v2 .m-md-4 { margin: 1.5rem !important; } .v2 .mt-md-4, .v2 .my-md-4 { margin-top: 1.5rem !important; } .v2 .mr-md-4, .v2 .mx-md-4 { margin-right: 1.5rem !important; } .v2 .mb-md-4, .v2 .my-md-4 { margin-bottom: 1.5rem !important; } .v2 .ml-md-4, .v2 .mx-md-4 { margin-left: 1.5rem !important; } .v2 .m-md-5 { margin: 3rem !important; } .v2 .mt-md-5, .v2 .my-md-5 { margin-top: 3rem !important; } .v2 .mr-md-5, .v2 .mx-md-5 { margin-right: 3rem !important; } .v2 .mb-md-5, .v2 .my-md-5 { margin-bottom: 3rem !important; } .v2 .ml-md-5, .v2 .mx-md-5 { margin-left: 3rem !important; } .v2 .p-md-0 { padding: 0 !important; } .v2 .pt-md-0, .v2 .py-md-0 { padding-top: 0 !important; } .v2 .pr-md-0, .v2 .px-md-0 { padding-right: 0 !important; } .v2 .pb-md-0, .v2 .py-md-0 { padding-bottom: 0 !important; } .v2 .pl-md-0, .v2 .px-md-0 { padding-left: 0 !important; } .v2 .p-md-1 { padding: 0.25rem !important; } .v2 .pt-md-1, .v2 .py-md-1 { padding-top: 0.25rem !important; } .v2 .pr-md-1, .v2 .px-md-1 { padding-right: 0.25rem !important; } .v2 .pb-md-1, .v2 .py-md-1 { padding-bottom: 0.25rem !important; } .v2 .pl-md-1, .v2 .px-md-1 { padding-left: 0.25rem !important; } .v2 .p-md-2 { padding: 0.5rem !important; } .v2 .pt-md-2, .v2 .py-md-2 { padding-top: 0.5rem !important; } .v2 .pr-md-2, .v2 .px-md-2 { padding-right: 0.5rem !important; } .v2 .pb-md-2, .v2 .py-md-2 { padding-bottom: 0.5rem !important; } .v2 .pl-md-2, .v2 .px-md-2 { padding-left: 0.5rem !important; } .v2 .p-md-3 { padding: 1rem !important; } .v2 .pt-md-3, .v2 .py-md-3 { padding-top: 1rem !important; } .v2 .pr-md-3, .v2 .px-md-3 { padding-right: 1rem !important; } .v2 .pb-md-3, .v2 .py-md-3 { padding-bottom: 1rem !important; } .v2 .pl-md-3, .v2 .px-md-3 { padding-left: 1rem !important; } .v2 .p-md-4 { padding: 1.5rem !important; } .v2 .pt-md-4, .v2 .py-md-4 { padding-top: 1.5rem !important; } .v2 .pr-md-4, .v2 .px-md-4 { padding-right: 1.5rem !important; } .v2 .pb-md-4, .v2 .py-md-4 { padding-bottom: 1.5rem !important; } .v2 .pl-md-4, .v2 .px-md-4 { padding-left: 1.5rem !important; } .v2 .p-md-5 { padding: 3rem !important; } .v2 .pt-md-5, .v2 .py-md-5 { padding-top: 3rem !important; } .v2 .pr-md-5, .v2 .px-md-5 { padding-right: 3rem !important; } .v2 .pb-md-5, .v2 .py-md-5 { padding-bottom: 3rem !important; } .v2 .pl-md-5, .v2 .px-md-5 { padding-left: 3rem !important; } .v2 .m-md-n1 { margin: -0.25rem !important; } .v2 .mt-md-n1, .v2 .my-md-n1 { margin-top: -0.25rem !important; } .v2 .mr-md-n1, .v2 .mx-md-n1 { margin-right: -0.25rem !important; } .v2 .mb-md-n1, .v2 .my-md-n1 { margin-bottom: -0.25rem !important; } .v2 .ml-md-n1, .v2 .mx-md-n1 { margin-left: -0.25rem !important; } .v2 .m-md-n2 { margin: -0.5rem !important; } .v2 .mt-md-n2, .v2 .my-md-n2 { margin-top: -0.5rem !important; } .v2 .mr-md-n2, .v2 .mx-md-n2 { margin-right: -0.5rem !important; } .v2 .mb-md-n2, .v2 .my-md-n2 { margin-bottom: -0.5rem !important; } .v2 .ml-md-n2, .v2 .mx-md-n2 { margin-left: -0.5rem !important; } .v2 .m-md-n3 { margin: -1rem !important; } .v2 .mt-md-n3, .v2 .my-md-n3 { margin-top: -1rem !important; } .v2 .mr-md-n3, .v2 .mx-md-n3 { margin-right: -1rem !important; } .v2 .mb-md-n3, .v2 .my-md-n3 { margin-bottom: -1rem !important; } .v2 .ml-md-n3, .v2 .mx-md-n3 { margin-left: -1rem !important; } .v2 .m-md-n4 { margin: -1.5rem !important; } .v2 .mt-md-n4, .v2 .my-md-n4 { margin-top: -1.5rem !important; } .v2 .mr-md-n4, .v2 .mx-md-n4 { margin-right: -1.5rem !important; } .v2 .mb-md-n4, .v2 .my-md-n4 { margin-bottom: -1.5rem !important; } .v2 .ml-md-n4, .v2 .mx-md-n4 { margin-left: -1.5rem !important; } .v2 .m-md-n5 { margin: -3rem !important; } .v2 .mt-md-n5, .v2 .my-md-n5 { margin-top: -3rem !important; } .v2 .mr-md-n5, .v2 .mx-md-n5 { margin-right: -3rem !important; } .v2 .mb-md-n5, .v2 .my-md-n5 { margin-bottom: -3rem !important; } .v2 .ml-md-n5, .v2 .mx-md-n5 { margin-left: -3rem !important; } .v2 .m-md-auto { margin: auto !important; } .v2 .mt-md-auto, .v2 .my-md-auto { margin-top: auto !important; } .v2 .mr-md-auto, .v2 .mx-md-auto { margin-right: auto !important; } .v2 .mb-md-auto, .v2 .my-md-auto { margin-bottom: auto !important; } .v2 .ml-md-auto, .v2 .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .v2 .m-lg-0 { margin: 0 !important; } .v2 .mt-lg-0, .v2 .my-lg-0 { margin-top: 0 !important; } .v2 .mr-lg-0, .v2 .mx-lg-0 { margin-right: 0 !important; } .v2 .mb-lg-0, .v2 .my-lg-0 { margin-bottom: 0 !important; } .v2 .ml-lg-0, .v2 .mx-lg-0 { margin-left: 0 !important; } .v2 .m-lg-1 { margin: 0.25rem !important; } .v2 .mt-lg-1, .v2 .my-lg-1 { margin-top: 0.25rem !important; } .v2 .mr-lg-1, .v2 .mx-lg-1 { margin-right: 0.25rem !important; } .v2 .mb-lg-1, .v2 .my-lg-1 { margin-bottom: 0.25rem !important; } .v2 .ml-lg-1, .v2 .mx-lg-1 { margin-left: 0.25rem !important; } .v2 .m-lg-2 { margin: 0.5rem !important; } .v2 .mt-lg-2, .v2 .my-lg-2 { margin-top: 0.5rem !important; } .v2 .mr-lg-2, .v2 .mx-lg-2 { margin-right: 0.5rem !important; } .v2 .mb-lg-2, .v2 .my-lg-2 { margin-bottom: 0.5rem !important; } .v2 .ml-lg-2, .v2 .mx-lg-2 { margin-left: 0.5rem !important; } .v2 .m-lg-3 { margin: 1rem !important; } .v2 .mt-lg-3, .v2 .my-lg-3 { margin-top: 1rem !important; } .v2 .mr-lg-3, .v2 .mx-lg-3 { margin-right: 1rem !important; } .v2 .mb-lg-3, .v2 .my-lg-3 { margin-bottom: 1rem !important; } .v2 .ml-lg-3, .v2 .mx-lg-3 { margin-left: 1rem !important; } .v2 .m-lg-4 { margin: 1.5rem !important; } .v2 .mt-lg-4, .v2 .my-lg-4 { margin-top: 1.5rem !important; } .v2 .mr-lg-4, .v2 .mx-lg-4 { margin-right: 1.5rem !important; } .v2 .mb-lg-4, .v2 .my-lg-4 { margin-bottom: 1.5rem !important; } .v2 .ml-lg-4, .v2 .mx-lg-4 { margin-left: 1.5rem !important; } .v2 .m-lg-5 { margin: 3rem !important; } .v2 .mt-lg-5, .v2 .my-lg-5 { margin-top: 3rem !important; } .v2 .mr-lg-5, .v2 .mx-lg-5 { margin-right: 3rem !important; } .v2 .mb-lg-5, .v2 .my-lg-5 { margin-bottom: 3rem !important; } .v2 .ml-lg-5, .v2 .mx-lg-5 { margin-left: 3rem !important; } .v2 .p-lg-0 { padding: 0 !important; } .v2 .pt-lg-0, .v2 .py-lg-0 { padding-top: 0 !important; } .v2 .pr-lg-0, .v2 .px-lg-0 { padding-right: 0 !important; } .v2 .pb-lg-0, .v2 .py-lg-0 { padding-bottom: 0 !important; } .v2 .pl-lg-0, .v2 .px-lg-0 { padding-left: 0 !important; } .v2 .p-lg-1 { padding: 0.25rem !important; } .v2 .pt-lg-1, .v2 .py-lg-1 { padding-top: 0.25rem !important; } .v2 .pr-lg-1, .v2 .px-lg-1 { padding-right: 0.25rem !important; } .v2 .pb-lg-1, .v2 .py-lg-1 { padding-bottom: 0.25rem !important; } .v2 .pl-lg-1, .v2 .px-lg-1 { padding-left: 0.25rem !important; } .v2 .p-lg-2 { padding: 0.5rem !important; } .v2 .pt-lg-2, .v2 .py-lg-2 { padding-top: 0.5rem !important; } .v2 .pr-lg-2, .v2 .px-lg-2 { padding-right: 0.5rem !important; } .v2 .pb-lg-2, .v2 .py-lg-2 { padding-bottom: 0.5rem !important; } .v2 .pl-lg-2, .v2 .px-lg-2 { padding-left: 0.5rem !important; } .v2 .p-lg-3 { padding: 1rem !important; } .v2 .pt-lg-3, .v2 .py-lg-3 { padding-top: 1rem !important; } .v2 .pr-lg-3, .v2 .px-lg-3 { padding-right: 1rem !important; } .v2 .pb-lg-3, .v2 .py-lg-3 { padding-bottom: 1rem !important; } .v2 .pl-lg-3, .v2 .px-lg-3 { padding-left: 1rem !important; } .v2 .p-lg-4 { padding: 1.5rem !important; } .v2 .pt-lg-4, .v2 .py-lg-4 { padding-top: 1.5rem !important; } .v2 .pr-lg-4, .v2 .px-lg-4 { padding-right: 1.5rem !important; } .v2 .pb-lg-4, .v2 .py-lg-4 { padding-bottom: 1.5rem !important; } .v2 .pl-lg-4, .v2 .px-lg-4 { padding-left: 1.5rem !important; } .v2 .p-lg-5 { padding: 3rem !important; } .v2 .pt-lg-5, .v2 .py-lg-5 { padding-top: 3rem !important; } .v2 .pr-lg-5, .v2 .px-lg-5 { padding-right: 3rem !important; } .v2 .pb-lg-5, .v2 .py-lg-5 { padding-bottom: 3rem !important; } .v2 .pl-lg-5, .v2 .px-lg-5 { padding-left: 3rem !important; } .v2 .m-lg-n1 { margin: -0.25rem !important; } .v2 .mt-lg-n1, .v2 .my-lg-n1 { margin-top: -0.25rem !important; } .v2 .mr-lg-n1, .v2 .mx-lg-n1 { margin-right: -0.25rem !important; } .v2 .mb-lg-n1, .v2 .my-lg-n1 { margin-bottom: -0.25rem !important; } .v2 .ml-lg-n1, .v2 .mx-lg-n1 { margin-left: -0.25rem !important; } .v2 .m-lg-n2 { margin: -0.5rem !important; } .v2 .mt-lg-n2, .v2 .my-lg-n2 { margin-top: -0.5rem !important; } .v2 .mr-lg-n2, .v2 .mx-lg-n2 { margin-right: -0.5rem !important; } .v2 .mb-lg-n2, .v2 .my-lg-n2 { margin-bottom: -0.5rem !important; } .v2 .ml-lg-n2, .v2 .mx-lg-n2 { margin-left: -0.5rem !important; } .v2 .m-lg-n3 { margin: -1rem !important; } .v2 .mt-lg-n3, .v2 .my-lg-n3 { margin-top: -1rem !important; } .v2 .mr-lg-n3, .v2 .mx-lg-n3 { margin-right: -1rem !important; } .v2 .mb-lg-n3, .v2 .my-lg-n3 { margin-bottom: -1rem !important; } .v2 .ml-lg-n3, .v2 .mx-lg-n3 { margin-left: -1rem !important; } .v2 .m-lg-n4 { margin: -1.5rem !important; } .v2 .mt-lg-n4, .v2 .my-lg-n4 { margin-top: -1.5rem !important; } .v2 .mr-lg-n4, .v2 .mx-lg-n4 { margin-right: -1.5rem !important; } .v2 .mb-lg-n4, .v2 .my-lg-n4 { margin-bottom: -1.5rem !important; } .v2 .ml-lg-n4, .v2 .mx-lg-n4 { margin-left: -1.5rem !important; } .v2 .m-lg-n5 { margin: -3rem !important; } .v2 .mt-lg-n5, .v2 .my-lg-n5 { margin-top: -3rem !important; } .v2 .mr-lg-n5, .v2 .mx-lg-n5 { margin-right: -3rem !important; } .v2 .mb-lg-n5, .v2 .my-lg-n5 { margin-bottom: -3rem !important; } .v2 .ml-lg-n5, .v2 .mx-lg-n5 { margin-left: -3rem !important; } .v2 .m-lg-auto { margin: auto !important; } .v2 .mt-lg-auto, .v2 .my-lg-auto { margin-top: auto !important; } .v2 .mr-lg-auto, .v2 .mx-lg-auto { margin-right: auto !important; } .v2 .mb-lg-auto, .v2 .my-lg-auto { margin-bottom: auto !important; } .v2 .ml-lg-auto, .v2 .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .v2 .m-xl-0 { margin: 0 !important; } .v2 .mt-xl-0, .v2 .my-xl-0 { margin-top: 0 !important; } .v2 .mr-xl-0, .v2 .mx-xl-0 { margin-right: 0 !important; } .v2 .mb-xl-0, .v2 .my-xl-0 { margin-bottom: 0 !important; } .v2 .ml-xl-0, .v2 .mx-xl-0 { margin-left: 0 !important; } .v2 .m-xl-1 { margin: 0.25rem !important; } .v2 .mt-xl-1, .v2 .my-xl-1 { margin-top: 0.25rem !important; } .v2 .mr-xl-1, .v2 .mx-xl-1 { margin-right: 0.25rem !important; } .v2 .mb-xl-1, .v2 .my-xl-1 { margin-bottom: 0.25rem !important; } .v2 .ml-xl-1, .v2 .mx-xl-1 { margin-left: 0.25rem !important; } .v2 .m-xl-2 { margin: 0.5rem !important; } .v2 .mt-xl-2, .v2 .my-xl-2 { margin-top: 0.5rem !important; } .v2 .mr-xl-2, .v2 .mx-xl-2 { margin-right: 0.5rem !important; } .v2 .mb-xl-2, .v2 .my-xl-2 { margin-bottom: 0.5rem !important; } .v2 .ml-xl-2, .v2 .mx-xl-2 { margin-left: 0.5rem !important; } .v2 .m-xl-3 { margin: 1rem !important; } .v2 .mt-xl-3, .v2 .my-xl-3 { margin-top: 1rem !important; } .v2 .mr-xl-3, .v2 .mx-xl-3 { margin-right: 1rem !important; } .v2 .mb-xl-3, .v2 .my-xl-3 { margin-bottom: 1rem !important; } .v2 .ml-xl-3, .v2 .mx-xl-3 { margin-left: 1rem !important; } .v2 .m-xl-4 { margin: 1.5rem !important; } .v2 .mt-xl-4, .v2 .my-xl-4 { margin-top: 1.5rem !important; } .v2 .mr-xl-4, .v2 .mx-xl-4 { margin-right: 1.5rem !important; } .v2 .mb-xl-4, .v2 .my-xl-4 { margin-bottom: 1.5rem !important; } .v2 .ml-xl-4, .v2 .mx-xl-4 { margin-left: 1.5rem !important; } .v2 .m-xl-5 { margin: 3rem !important; } .v2 .mt-xl-5, .v2 .my-xl-5 { margin-top: 3rem !important; } .v2 .mr-xl-5, .v2 .mx-xl-5 { margin-right: 3rem !important; } .v2 .mb-xl-5, .v2 .my-xl-5 { margin-bottom: 3rem !important; } .v2 .ml-xl-5, .v2 .mx-xl-5 { margin-left: 3rem !important; } .v2 .p-xl-0 { padding: 0 !important; } .v2 .pt-xl-0, .v2 .py-xl-0 { padding-top: 0 !important; } .v2 .pr-xl-0, .v2 .px-xl-0 { padding-right: 0 !important; } .v2 .pb-xl-0, .v2 .py-xl-0 { padding-bottom: 0 !important; } .v2 .pl-xl-0, .v2 .px-xl-0 { padding-left: 0 !important; } .v2 .p-xl-1 { padding: 0.25rem !important; } .v2 .pt-xl-1, .v2 .py-xl-1 { padding-top: 0.25rem !important; } .v2 .pr-xl-1, .v2 .px-xl-1 { padding-right: 0.25rem !important; } .v2 .pb-xl-1, .v2 .py-xl-1 { padding-bottom: 0.25rem !important; } .v2 .pl-xl-1, .v2 .px-xl-1 { padding-left: 0.25rem !important; } .v2 .p-xl-2 { padding: 0.5rem !important; } .v2 .pt-xl-2, .v2 .py-xl-2 { padding-top: 0.5rem !important; } .v2 .pr-xl-2, .v2 .px-xl-2 { padding-right: 0.5rem !important; } .v2 .pb-xl-2, .v2 .py-xl-2 { padding-bottom: 0.5rem !important; } .v2 .pl-xl-2, .v2 .px-xl-2 { padding-left: 0.5rem !important; } .v2 .p-xl-3 { padding: 1rem !important; } .v2 .pt-xl-3, .v2 .py-xl-3 { padding-top: 1rem !important; } .v2 .pr-xl-3, .v2 .px-xl-3 { padding-right: 1rem !important; } .v2 .pb-xl-3, .v2 .py-xl-3 { padding-bottom: 1rem !important; } .v2 .pl-xl-3, .v2 .px-xl-3 { padding-left: 1rem !important; } .v2 .p-xl-4 { padding: 1.5rem !important; } .v2 .pt-xl-4, .v2 .py-xl-4 { padding-top: 1.5rem !important; } .v2 .pr-xl-4, .v2 .px-xl-4 { padding-right: 1.5rem !important; } .v2 .pb-xl-4, .v2 .py-xl-4 { padding-bottom: 1.5rem !important; } .v2 .pl-xl-4, .v2 .px-xl-4 { padding-left: 1.5rem !important; } .v2 .p-xl-5 { padding: 3rem !important; } .v2 .pt-xl-5, .v2 .py-xl-5 { padding-top: 3rem !important; } .v2 .pr-xl-5, .v2 .px-xl-5 { padding-right: 3rem !important; } .v2 .pb-xl-5, .v2 .py-xl-5 { padding-bottom: 3rem !important; } .v2 .pl-xl-5, .v2 .px-xl-5 { padding-left: 3rem !important; } .v2 .m-xl-n1 { margin: -0.25rem !important; } .v2 .mt-xl-n1, .v2 .my-xl-n1 { margin-top: -0.25rem !important; } .v2 .mr-xl-n1, .v2 .mx-xl-n1 { margin-right: -0.25rem !important; } .v2 .mb-xl-n1, .v2 .my-xl-n1 { margin-bottom: -0.25rem !important; } .v2 .ml-xl-n1, .v2 .mx-xl-n1 { margin-left: -0.25rem !important; } .v2 .m-xl-n2 { margin: -0.5rem !important; } .v2 .mt-xl-n2, .v2 .my-xl-n2 { margin-top: -0.5rem !important; } .v2 .mr-xl-n2, .v2 .mx-xl-n2 { margin-right: -0.5rem !important; } .v2 .mb-xl-n2, .v2 .my-xl-n2 { margin-bottom: -0.5rem !important; } .v2 .ml-xl-n2, .v2 .mx-xl-n2 { margin-left: -0.5rem !important; } .v2 .m-xl-n3 { margin: -1rem !important; } .v2 .mt-xl-n3, .v2 .my-xl-n3 { margin-top: -1rem !important; } .v2 .mr-xl-n3, .v2 .mx-xl-n3 { margin-right: -1rem !important; } .v2 .mb-xl-n3, .v2 .my-xl-n3 { margin-bottom: -1rem !important; } .v2 .ml-xl-n3, .v2 .mx-xl-n3 { margin-left: -1rem !important; } .v2 .m-xl-n4 { margin: -1.5rem !important; } .v2 .mt-xl-n4, .v2 .my-xl-n4 { margin-top: -1.5rem !important; } .v2 .mr-xl-n4, .v2 .mx-xl-n4 { margin-right: -1.5rem !important; } .v2 .mb-xl-n4, .v2 .my-xl-n4 { margin-bottom: -1.5rem !important; } .v2 .ml-xl-n4, .v2 .mx-xl-n4 { margin-left: -1.5rem !important; } .v2 .m-xl-n5 { margin: -3rem !important; } .v2 .mt-xl-n5, .v2 .my-xl-n5 { margin-top: -3rem !important; } .v2 .mr-xl-n5, .v2 .mx-xl-n5 { margin-right: -3rem !important; } .v2 .mb-xl-n5, .v2 .my-xl-n5 { margin-bottom: -3rem !important; } .v2 .ml-xl-n5, .v2 .mx-xl-n5 { margin-left: -3rem !important; } .v2 .m-xl-auto { margin: auto !important; } .v2 .mt-xl-auto, .v2 .my-xl-auto { margin-top: auto !important; } .v2 .mr-xl-auto, .v2 .mx-xl-auto { margin-right: auto !important; } .v2 .mb-xl-auto, .v2 .my-xl-auto { margin-bottom: auto !important; } .v2 .ml-xl-auto, .v2 .mx-xl-auto { margin-left: auto !important; } } .v2 .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .v2 .text-justify { text-align: justify !important; } .v2 .text-wrap { white-space: normal !important; } .v2 .text-nowrap { white-space: nowrap !important; } .v2 .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .v2 .text-left { text-align: left !important; } .v2 .text-right { text-align: right !important; } .v2 .text-center { text-align: center !important; } @media (min-width: 576px) { .v2 .text-sm-left { text-align: left !important; } .v2 .text-sm-right { text-align: right !important; } .v2 .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .v2 .text-md-left { text-align: left !important; } .v2 .text-md-right { text-align: right !important; } .v2 .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .v2 .text-lg-left { text-align: left !important; } .v2 .text-lg-right { text-align: right !important; } .v2 .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .v2 .text-xl-left { text-align: left !important; } .v2 .text-xl-right { text-align: right !important; } .v2 .text-xl-center { text-align: center !important; } } .v2 .text-lowercase { text-transform: lowercase !important; } .v2 .text-uppercase { text-transform: uppercase !important; } .v2 .text-capitalize { text-transform: capitalize !important; } .v2 .font-weight-light { font-weight: 300 !important; } .v2 .font-weight-lighter { font-weight: lighter !important; } .v2 .font-weight-normal { font-weight: 400 !important; } .v2 .font-weight-bold { font-weight: 700 !important; } .v2 .font-weight-bolder { font-weight: bolder !important; } .v2 .font-italic { font-style: italic !important; } .v2 .text-white { color: #ffffff !important; } .v2 .text-primary { color: #007bff !important; } .v2 a.text-primary:hover, .v2 a.text-primary:focus { color: #0056b3 !important; } .v2 .text-secondary { color: #6c757d !important; } .v2 a.text-secondary:hover, .v2 a.text-secondary:focus { color: #494f54 !important; } .v2 .text-success { color: #28a745 !important; } .v2 a.text-success:hover, .v2 a.text-success:focus { color: #19692c !important; } .v2 .text-info { color: #17a2b8 !important; } .v2 a.text-info:hover, .v2 a.text-info:focus { color: #0f6674 !important; } .v2 .text-warning { color: #ffc107 !important; } .v2 a.text-warning:hover, .v2 a.text-warning:focus { color: #ba8b00 !important; } .v2 .text-danger { color: #dc3545 !important; } .v2 a.text-danger:hover, .v2 a.text-danger:focus { color: #a71d2a !important; } .v2 .text-light { color: #f8f9fa !important; } .v2 a.text-light:hover, .v2 a.text-light:focus { color: #cbd3da !important; } .v2 .text-dark { color: #343a40 !important; } .v2 a.text-dark:hover, .v2 a.text-dark:focus { color: #121416 !important; } .v2 .text-body { color: #2c2d31 !important; } .v2 .text-muted { color: #6c757d !important; } .v2 .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .v2 .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .v2 .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .v2 .text-decoration-none { text-decoration: none !important; } .v2 .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .v2 .text-reset { color: inherit !important; } .v2 .visible { visibility: visible !important; } .v2 .invisible { visibility: hidden !important; } .v2 .tooltip-inner { line-height: rem(20px); line-height: rem(20px); text-align: left; border: 2px solid #201c46; border-radius: 0; background-color: #ffffff; font-size: 16px; color: #474747; } .v2 .tooltip-main { font-size: 36px; } .v2 .tooltip .arrow { display: none; } .v2 .progress-bar { border-radius: 32px; background-repeat: repeat; } .v2 html { font-size: 16px; } .v2 body { position: relative; } .v2 .color-green-v2 { color: #90ce4b !important; } .v2 .color-blue { color: #3688C3 !important; } .v2 .color-gray-600 { color: #858791 !important; } .v2 .color-blue-800 { color: #201c46 !important; } .v2 .bg-green-v2 { background-color: #90ce4b !important; } .v2 .bg-blue { background-color: #3688C3 !important; } .v2 .bg-gray-600 { background-color: #858791 !important; } .v2 .bg-blue-800 { background-color: #201c46 !important; } .v2 .overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 98; background-color: rgba(0, 0, 0, 0.25); } .v2 .btn { position: relative; display: inline-block; padding: 18px 30px; padding: 1.125rem 1.875rem; font-size: 18px; font-size: 1.125rem; font-weight: 700; line-height: 18px; line-height: 1.125rem; color: #ffffff; background-color: #fc9932; border-radius: 4px; border: none; -webkit-transition: color 0.2s, background-color 0.2s; transition: color 0.2s, background-color 0.2s; } .v2 .btn:hover { color: #ffffff; background-color: #fdb264; } .v2 .btn--blue { background-color: #3688C3; } .v2 .btn--blue:hover { background-color: #5ba0d1; } .v2 .btn--rounded { border-radius: 2rem; } .v2 .btn--arrow { padding-right: 50px; padding-right: 3.125rem; } .v2 .btn--arrow:before { content: ''; position: absolute; top: 0; right: 0; width: 50px; width: 3.125rem; height: 100%; background-image: url("/Content/Source/img/icon/arrow.svg"); background-position: center center; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .v2 .btn--arrow:hover:before { -webkit-transform: translateX(5px); transform: translateX(5px); } .v2 .btn--icon { display: -webkit-box; display: -ms-flexbox; display: flex; } .v2 .btn--small { padding: 12px 26px; padding: 0.75rem 1.625rem; font-size: 15px; font-size: 0.9375rem; line-height: 15px; line-height: 0.9375rem; } .v2 .btn--smaller { padding: 12px 18px; padding: 0.75rem 1.125rem; font-size: 15px; font-size: 0.9375rem; line-height: 15px; line-height: 0.9375rem; } .v2 .btn--big { padding: 22px 32px; padding: 1.375rem 2rem; font-size: 24px; font-size: 1.5rem; line-height: 26px; line-height: 1.625rem; } .v2 .btn--bigger { padding: 34px 44px; padding: 2.125rem 2.75rem; font-size: 33px; font-size: 2.0625rem; line-height: 35px; line-height: 2.1875rem; } @media screen and (min-width: 1200px) { .v2 .btn--bigger { width: 21.875rem; } } @media only screen and (max-width: 350px) { .v2 .btn--bigger { padding: 1.25rem 1.875rem; } } .v2 .btn--bigger .button__icon { width: 56px; width: 3.5rem; margin-right: 38px; margin-right: 2.375rem; } .v2 .btn__icon { display: inline-block; width: 56px; width: 3.5rem; margin-right: 38px; margin-right: 2.375rem; background-position: center center; background-size: contain; } .v2 .btn__icon--calculator { background-image: url("/Content/Source/img/icon/calculator.svg"); } .v2 .btn--information { max-width: 247px; width: 100%; background-color: #FC9932; padding: 18px 0; padding: 1.125rem 0; border-radius: 37px; background-image: none; color: #fff; text-transform: none; -webkit-transition: all 0.2s; transition: all 0.2s; } .v2 .btn--information:hover { color: #fff; background-color: #fdb264; } .v2 .btn--disabled { background-color: #cdcdcd; cursor: not-allowed; opacity: 0.7; } .v2 .btn--disabled:hover { background-color: #cdcdcd; } .v2 .form__popup--calculate { max-width: 370px; max-width: 23.125rem; margin: 0 auto; } @media screen and (min-width: 576px) { .v2 .form--space-1 .form__left { max-width: 16.5625rem; -webkit-box-flex: 0; -ms-flex: 0 0 16.5625rem; flex: 0 0 16.5625rem; } } .v2 .form__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 15px; margin-bottom: 0.9375rem; } @media screen and (max-width: 575px) { .v2 .form__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .v2 .form__item--open p { margin-bottom: 0; margin-top: 20px; margin-top: 1.25rem; } .v2 .form__item--open p span { font-weight: 700; margin-right: 10px; margin-right: 0.625rem; } .v2 .form__item--calculate { display: block; margin-bottom: 30px !important; margin-bottom: 1.875rem !important; } .v2 .form__item--calculate input { margin-right: 0 !important; } .v2 .form__item--subtitle { max-width: 375px; max-width: 23.4375rem; margin: 0 auto; text-align: left; margin-top: 15px; margin-top: 0.9375rem; } .v2 .form__item--title h5 { text-align: left; margin-bottom: 20px; margin-bottom: 1.25rem; } .v2 .form__item--center { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .v2 .form__item--button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 991px) { .v2 .form__item--button { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .v2 .form__item[data-unit] input { padding-right: 42px !important; padding-right: 2.625rem !important; } .v2 .form__item[data-unit]:after { content: attr(data-unit); position: absolute; top: 0; right: 0; width: 42px; width: 2.625rem; height: 42px; height: 2.625rem; line-height: 42px; line-height: 2.625rem; color: #a8a8a8; text-align: center; } .v2 .form__item input[type='text'], .v2 .form__item input[type='email'], .v2 .form__item input[type='number'], .v2 .form__item input[type='password'], .v2 .form__item input[type='tel'], .v2 .form__item select { width: 100%; height: 42px; height: 2.625rem; line-height: 38px; line-height: 2.375rem; padding: 0 35px 0 20px; padding: 0 2.1875rem 0 1.25rem; font-size: 15px; font-size: 0.9375rem; font-weight: 400; border-radius: 4px; background-color: #eceefb; border: 2px solid #dfe2f4; -webkit-transition: border-color 0.2s; transition: border-color 0.2s; } .v2 .form__item input[type='text']:focus, .v2 .form__item input[type='email']:focus, .v2 .form__item input[type='number']:focus, .v2 .form__item input[type='password']:focus, .v2 .form__item input[type='tel']:focus, .v2 .form__item select:focus { border-color: #201c46; } .v2 .form__item input[type='text'].has-icon, .v2 .form__item input[type='email'].has-icon, .v2 .form__item input[type='number'].has-icon, .v2 .form__item input[type='password'].has-icon, .v2 .form__item input[type='tel'].has-icon, .v2 .form__item select.has-icon { padding-left: 50px; padding-left: 3.125rem; background-image: url("/Content/Source/img/icon/srovnejto/telefon-blue.svg"); background-size: 1rem auto; background-position: left 15px center; background-position: left 0.9375rem center; } .v2 .form__item select { background-position: right 12px center; background-position: right 0.75rem center; background-size: 0.75rem auto; } .v2 .form__item input[type='radio'], .v2 .form__item input[type='checkbox'] { position: absolute; top: 0; left: 0; width: 20px; width: 1.25rem; height: 20px; height: 1.25rem; opacity: 0; cursor: pointer; } .v2 .form__item input[type='radio']:checked + label:after, .v2 .form__item input[type='checkbox']:checked + label:after { opacity: 1; } .v2 .form__item input[type='radio'] + label, .v2 .form__item input[type='checkbox'] + label { position: relative; height: 20px; height: 1.25rem; min-height: 20px; min-height: 1.25rem; padding-left: 30px; padding-left: 1.875rem; margin-bottom: 0; line-height: 20px; line-height: 1.25rem; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; cursor: pointer; } .v2 .form__item input[type='radio'] + label:before, .v2 .form__item input[type='radio'] + label:after, .v2 .form__item input[type='checkbox'] + label:before, .v2 .form__item input[type='checkbox'] + label:after { content: ''; position: absolute; background-position: center center; } .v2 .form__item input[type='radio'] + label:before, .v2 .form__item input[type='checkbox'] + label:before { top: 0; left: 0; width: 20px; width: 1.25rem; height: 20px; height: 1.25rem; border: 1px solid #3688C3; } .v2 .form__item input[type='radio'] + label:after, .v2 .form__item input[type='checkbox'] + label:after { background-color: #3688C3; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; opacity: 0; } .v2 .form__item input[type='radio'] + label a, .v2 .form__item input[type='checkbox'] + label a { text-decoration: underline; } .v2 .form__item input[type='radio'] + label:before, .v2 .form__item input[type='radio'] + label:after { border-radius: 50%; } .v2 .form__item input[type='radio'] + label:after { top: 4px; top: 0.25rem; left: 4px; left: 0.25rem; width: 12px; width: 0.75rem; height: 12px; height: 0.75rem; } .v2 .form__item input[type='checkbox'] + label:before, .v2 .form__item input[type='checkbox'] + label:after { width: 20px; width: 1.25rem; height: 20px; height: 1.25rem; border-radius: 4px; } .v2 .form__item input[type='checkbox'] + label:after { top: 0; left: 0; background-image: url("/Content/Source/img/icon/check.svg"); background-size: 0.75rem auto; } .v2 .form__check { position: relative; } .v2 .form__check--inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-right: 30px; padding-right: 1.875rem; } .v2 .form__check--single { margin-bottom: 20px; margin-bottom: 1.25rem; } .v2 .form__label { width: 100%; font-size: 18px; font-size: 1.125rem; line-height: 30px; line-height: 1.875rem; } @media screen and (min-width: 576px) { .v2 .form__label { margin-bottom: 0; } } .v2 .form__left { position: relative; } @media screen and (min-width: 576px) { .v2 .form__left { max-width: 12.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 12.5rem; flex: 0 0 12.5rem; } } @media screen and (min-width: 576px) { .v2 .form__left--w { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .v2 .form__left--number { padding-left: 50px; padding-left: 3.125rem; } .v2 .form__left--number[data-form-left-number]:before { content: attr(data-form-left-number); position: absolute; top: 0; left: 0; width: 35px; width: 2.1875rem; height: 35px; height: 2.1875rem; font-size: 20px; font-size: 1.25rem; font-weight: 400; line-height: 35px; line-height: 2.1875rem; text-align: center; color: #ffffff; background-color: #3688C3; border-radius: 50%; } .v2 .form__right { position: relative; width: 100%; } .v2 .form__right--tooltip { padding-right: 50px; padding-right: 3.125rem; } .v2 .form__required { color: #ff1616; } .v2 .form__title { font-size: 22px; font-size: 1.375rem; line-height: 28px; line-height: 1.75rem; } .v2 .form__text { margin-bottom: 30px; margin-bottom: 1.875rem; font-size: 14px; font-size: 0.875rem; line-height: 18px; line-height: 1.125rem; color: #201c46; } .v2 .form__tooltip { position: absolute; top: 50%; right: 0; width: 24px; width: 1.5rem; height: 24px; height: 1.5rem; margin-top: -12px; margin-top: -0.75rem; background-color: #eceefb; border-radius: 50%; cursor: pointer; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } .v2 .form__tooltip:hover, .v2 .form__tooltip[aria-describedby] { background-color: #201c46; } .v2 .form__tooltip:hover:before, .v2 .form__tooltip[aria-describedby]:before { color: #ffffff; } .v2 .form__tooltip:before { content: '?'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-weight: 700; line-height: 24px; line-height: 1.5rem; text-align: center; color: #201c46; -webkit-transition: color 0.2s; transition: color 0.2s; } .v2 .form__info { margin-top: 5px; margin-top: 0.3125rem; font-size: 15px; font-size: 0.9375rem; font-weight: 400; line-height: 20px; line-height: 1.25rem; color: #858791; } .v2 .form__toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #dddfee; border-radius: 2rem; width: 100%; height: 42px; height: 2.625rem; padding: 0 5px; padding: 0 0.3125rem; } .v2 .form__toggle input[type='radio'] { top: 11px; top: 0.6875rem; left: 16px; left: 1rem; } .v2 .form__toggle input[type='radio']:checked + label { background-color: #3688C3; color: #ffffff; border: 1px solid #3688C3; } .v2 .form__toggle input[type='radio']:checked + label:before { border-color: #3688C3; background-color: #ffffff; } .v2 .form__toggle input[type='radio']:checked + label:after { background-color: #3688C3; } .v2 .form__toggle input[type='radio']:not(:checked) + label:hover:after { opacity: 0.2; } .v2 .form__toggle input[type='radio'] + label { width: 50%; height: 32px; height: 2rem; line-height: 32px; line-height: 2rem; padding: 0 10px 0 60px; padding: 0 0.625rem 0 3.75rem; border-radius: 2rem; color: #000000; } @media screen and (max-width: 575px) { .v2 .form__toggle input[type='radio'] + label { padding-left: 2.5rem; } } .v2 .form__toggle input[type='radio'] + label:before { top: 6px; top: 0.375rem; left: 10px; left: 0.625rem; } .v2 .form__toggle input[type='radio'] + label:after { top: 10px; top: 0.625rem; left: 14px; left: 0.875rem; } .v2 .text a { font-size: 15px; font-size: 0.9375rem; line-height: 26px; line-height: 1.625rem; color: #3688C3; text-decoration: underline; } .v2 .text a:hover { text-decoration: none; } .v2 .text p { font-size: 15px; font-size: 0.9375rem; line-height: 26px; line-height: 1.625rem; } .v2 .text ul { list-style: none; padding-left: 0; margin-bottom: 30px; margin-bottom: 1.875rem; } .v2 .text ul li { position: relative; padding-left: 18px; padding-left: 1.125rem; font-size: 15px; font-size: 0.9375rem; font-weight: 700; line-height: 30px; line-height: 1.875rem; } .v2 .text ul li:before { content: ''; position: absolute; top: 12px; top: 0.75rem; left: 0; width: 8px; width: 0.5rem; height: 8px; height: 0.5rem; background-color: #3688C3; border-radius: 50%; } .v2 .text--big p { font-size: 24px; font-size: 1.5rem; line-height: 34px; line-height: 2.125rem; } .v2 .text--popup h3 { margin-bottom: 32px; margin-bottom: 2rem; font-size: 28px; font-size: 1.75rem; } .v2 .text--popup h4 { margin-bottom: 10px; margin-bottom: 0.625rem; font-size: 24px; font-size: 1.5rem; line-height: 30px; } .v2 .text--popup p { margin-bottom: 0; font-size: 18px; font-size: 1.125rem; line-height: 22px; line-height: 1.375rem; } .v2 .text--popup small { margin-bottom: 10px; margin-bottom: 0.625rem; font-size: 15px; font-size: 0.9375rem; } .v2 .breadcrumb { padding: 0; margin-bottom: 20px; margin-bottom: 1.25rem; list-style: none; } .v2 .breadcrumb li { position: relative; display: inline-block; padding-right: 16px; padding-right: 1rem; } .v2 .breadcrumb li:not(:last-child):after { content: ''; position: absolute; top: 0; right: 4px; right: 0.25rem; display: inline-block; width: 4px; height: 100%; background-image: url("/Content/Source/img/icon/arrow-black.svg"); background-size: contain; background-position: center center; } .v2 .breadcrumb a, .v2 .breadcrumb span { display: block; font-size: 13px; font-size: 0.8125rem; line-height: 20px; line-height: 1.25rem; } .v2 .breadcrumb a { -webkit-transition: color 0.2s; transition: color 0.2s; text-decoration: underline; } .v2 .breadcrumb a:hover { color: #3688C3; } .v2 .breadcrumb span { color: #858791; } .v2 .hamburger { position: relative; display: none; width: 40px; width: 2.5rem; height: 40px; height: 2.5rem; margin-left: 20px; margin-left: 1.25rem; background-color: #3688C3; border-radius: 2px; overflow: hidden; cursor: pointer; } @media screen and (max-width: 991px) { .v2 .hamburger { display: block; } } @media screen and (max-width: 439px) { .v2 .hamburger { width: 1.875rem; height: 1.875rem; margin-left: 10px; } } .v2 .hamburger:before, .v2 .hamburger:after, .v2 .hamburger span { content: ''; position: absolute; left: 50%; width: 26px; width: 1.625rem; height: 2px; margin-left: -13px; margin-left: -0.8125rem; background-color: #ffffff; border-radius: 2px; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } @media screen and (max-width: 439px) { .v2 .hamburger:before, .v2 .hamburger:after, .v2 .hamburger span { width: 16px; margin-left: -8px; } } .v2 .hamburger:before { top: 10px; top: 0.625rem; } .v2 .hamburger:after { bottom: 10px; bottom: 0.625rem; } .v2 .hamburger span { top: 50%; margin-top: -1px; } .v2 .hamburger.is-active:before { top: 19px; top: 1.1875rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media screen and (max-width: 439px) { .v2 .hamburger.is-active:before { top: 14px; } } .v2 .hamburger.is-active:after { bottom: 19px; bottom: 1.1875rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media screen and (max-width: 439px) { .v2 .hamburger.is-active:after { bottom: 14px; } } .v2 .hamburger.is-active span { -webkit-transform: translateX(2.5rem); transform: translateX(2.5rem); } @media screen and (max-width: 439px) { .v2 .hamburger.is-active span { -webkit-transform: translateX(1.875rem); transform: translateX(1.875rem); } } .v2 .hamburger--hidden { display: none; } .v2 .slider__item { position: relative; background-color: #eceefb; } @media screen and (min-width: 992px) { .v2 .slider__item { padding: 0 4.6875rem; } } @media screen and (min-width: 1600px) { .v2 .slider__item { padding: 0; } } .v2 .slider__inner { position: relative; padding: 68px 0 100px; padding: 4.25rem 0 6.25rem; } @media screen and (min-width: 768px) { .v2 .slider__inner { padding-right: 27.125rem; } } .v2 .slider__title { margin-bottom: 26px; margin-bottom: 1.625rem; font-size: 36px; font-size: 2.25rem; line-height: 50px; line-height: 3.125rem; font-weight: 400; } @media screen and (max-width: 767px) { .v2 .slider__title { font-size: 1.625rem; line-height: 2.25rem; } } .v2 .slider__title a { color: #3688C3; text-decoration: underline; } .v2 .slider__title a:hover { text-decoration: none; } .v2 .slider__image { position: absolute; right: 80px; right: 5rem; bottom: 0; } @media screen and (max-width: 1599px) { .v2 .slider__image { right: 0; } } @media screen and (max-width: 767px) { .v2 .slider__image { display: none; } } .v2 .sbox { text-align: center; } .v2 .sbox__item { position: relative; display: block; height: calc(100% - 2.1875rem); padding: 40px; padding: 2.5rem; margin-bottom: 35px; margin-bottom: 2.1875rem; background-color: #ffffff; border: 2px solid #dfe2f4; border-radius: 4px; -webkit-transition: border-color 0.2s; transition: border-color 0.2s; } .v2 .sbox__item--small { padding: 28px 20px 14px; padding: 1.75rem 1.25rem 0.875rem; } .v2 .sbox__item--small .sbox__title { margin-bottom: 10px; margin-bottom: 0.625rem; font-size: 14px; font-size: 0.875rem; } .v2 .sbox__item--small .sbox__image { height: 60px; height: 3.75rem; margin-bottom: 0; } .v2 .sbox__item:not(.has-no-hover):hover { border-color: transparent; } .v2 .sbox__item:not(.has-no-hover):hover .btn { background-color: #fdb264; } .v2 .sbox__item:not(.has-no-hover):hover:before { opacity: 1; } .v2 .sbox__item:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .v2 .sbox__item .btn { margin-bottom: 25px; margin-bottom: 1.5625rem; } .v2 .sbox__title { margin-bottom: 15px; margin-bottom: 0.9375rem; font-size: 18px; font-size: 1.125rem; font-weight: 700; line-height: 22px; line-height: 1.375rem; } .v2 .sbox__image { height: 178px; height: 11.125rem; margin-bottom: 20px; margin-bottom: 1.25rem; background-position: center center; background-size: contain; } .v2 .sbox__image img { width: 100%; height: 100%; opacity: 0; } .v2 .sbox__bottom { display: block; color: #3688C3; font-weight: 700; text-decoration: underline; } .v2 .sbox__text { font-size: 15px; font-size: 0.9375rem; line-height: 26px; line-height: 1.625rem; } .v2 .sbox__separator { width: 40px; width: 2.5rem; margin-bottom: 28px; margin-bottom: 1.75rem; border-top: 4px solid #3688C3; border-radius: 2px; } .v2 .sreference { margin-bottom: 40px; margin-bottom: 2.5rem; text-align: center; } .v2 .sreference__item { max-width: 584px; max-width: 36.5rem; margin: 0 auto; } .v2 .sreference__text { margin-bottom: 25px; margin-bottom: 1.5625rem; font-size: 18px; font-size: 1.125rem; line-height: 30px; line-height: 1.875rem; font-style: italic; font-weight: 400; } .v2 .sreference__name { display: block; margin-bottom: 5px; margin-bottom: 0.3125rem; font-size: 14px; font-size: 0.875rem; font-weight: 700; line-height: 18px; line-height: 1.125rem; } .v2 .sreference__date { display: block; font-size: 14px; font-size: 0.875rem; line-height: 20px; line-height: 1.25rem; color: #858791; } .v2 .rating { margin-bottom: 35px; margin-bottom: 2.1875rem; text-align: center; } .v2 .rating--line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .v2 .rating--line .rating__title { margin-bottom: 0; } .v2 .rating--line .rating__star { margin: 0 10px 0 35px; margin: 0 0.625rem 0 2.1875rem; -webkit-transform: scale(0.8); transform: scale(0.8); } .v2 .rating__inner { max-width: 584px; max-width: 36.5rem; margin: 0 auto; padding: 28px 20px; padding: 1.75rem 1.25rem; background-color: #eceefb; border-radius: 4px; } .v2 .rating__title { margin-bottom: 15px; margin-bottom: 0.9375rem; font-size: 15px; font-size: 0.9375rem; line-height: 18px; line-height: 1.125rem; } .v2 .rating__number { margin-right: 20px; margin-right: 1.25rem; margin-bottom: 0; font-size: 42px; font-size: 2.625rem; line-height: 50px; line-height: 3.125rem; color: #3688C3; } .v2 .rating__star { position: relative; width: 130px; width: 8.125rem; height: 22px; height: 1.375rem; } .v2 .rating__star:before, .v2 .rating__star span { position: absolute; top: 0; left: 0; width: 130px; width: 8.125rem; height: 22px; height: 1.375rem; background-position: top left; background-size: 8.125rem 1.375rem; } .v2 .rating__star:before { content: ''; background-image: url("/Content/Source/img/icon/stars-outline.svg"); } .v2 .rating__star span { overflow: hidden; background-image: url("/Content/Source/img/icon/stars-fill.svg"); } .v2 .rating__text { font-size: 15px; font-size: 0.9375rem; line-height: 26px; line-height: 1.625rem; } .v2 .faq__item { margin-bottom: 25px; margin-bottom: 1.5625rem; } .v2 .faq__title { position: relative; padding-left: 42px; padding-left: 2.625rem; margin-bottom: 0; font-size: 15px; font-size: 0.9375rem; line-height: 18px; line-height: 1.125rem; text-align: left; cursor: pointer; } .v2 .faq__title:before, .v2 .faq__title:after { content: ''; position: absolute; top: 0; left: 0; width: 25px; width: 1.5625rem; height: 25px; height: 1.5625rem; border-radius: 50%; background-position: center center; background-size: 6px auto; border: 1px solid #3688C3; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .v2 .faq__title:before { background-image: url("/Content/Source/img/icon/arrow-blue.svg"); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .v2 .faq__title:after { opacity: 0; background-color: #3688C3; background-image: url("/Content/Source/img/icon/arrow.svg"); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .v2 .faq__title[aria-expanded='true']:before { opacity: 0; } .v2 .faq__title[aria-expanded='true']:after { opacity: 1; } .v2 .faq__content { padding: 12px 42px; padding: 0.75rem 2.625rem; } .v2 .counter { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; margin-top: 1.25rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 575px) { .v2 .counter--page { display: none; } } .v2 .counter__number, .v2 .counter__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .v2 .counter__number { width: 72px; width: 4.5rem; height: 72px; height: 4.5rem; font-size: 40px; font-size: 2.5rem; font-weight: 700; border: 1px solid #201c46; border-radius: 50%; } .v2 .counter__text { padding-left: 15px; padding-left: 0.9375rem; font-size: 15px; font-size: 0.9375rem; font-weight: 700; line-height: 26px; line-height: 1.625rem; color: #201c46; } .v2 .sblog__item { display: block; height: calc(100% - 2.1875rem); margin-bottom: 35px; margin-bottom: 2.1875rem; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); border-radius: 2px; overflow: hidden; } .v2 .sblog__item:hover .sblog__image { -webkit-transform: scale(1.1); transform: scale(1.1); } .v2 .sblog__content { position: relative; padding: 20px 42px; padding: 1.25rem 2.625rem; background-color: #ffffff; } .v2 .sblog__image { height: 206px; height: 12.875rem; background-position: center center; background-size: cover; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .v2 .sblog__image img { opacity: 0; } .v2 .sblog__date { display: block; margin-bottom: 10px; margin-bottom: 0.625rem; font-size: 14px; font-size: 0.875rem; line-height: 20px; line-height: 1.25rem; color: #858791; } .v2 .sblog__title { margin-bottom: 35px; margin-bottom: 2.1875rem; font-size: 18px; font-size: 1.125rem; line-height: 22px; line-height: 1.375rem; } .v2 .sblog__text { font-size: 15px; font-size: 0.9375rem; line-height: 26px; line-height: 1.625rem; color: #2c2d31; } .v2 .partner__item { max-width: 92px; max-width: 5.75rem; width: 100%; margin: 0 25px; margin: 0 1.5625rem; text-align: center; } @media only screen and (max-width: 1380px) { .v2 .partner__item { margin: 0; } } .v2 .partner__item span { width: 92px; width: 5.75rem; height: 79px; height: 4.9375rem; display: block; background-size: contain; background-position: center center; background-repeat: no-repeat; } .v2 .partner__item img { opacity: 0; } @media only screen and (max-width: 1360px) { .v2 .partner .slick-next { right: 0; } } @media only screen and (max-width: 1360px) { .v2 .partner .slick-prev { left: 0; } } .v2 .partner .slick-slide { text-align: center; } .v2 .sprogress { padding: 20px 0; padding: 1.25rem 0; background-color: #eceefb; counter-reset: progress-counter; } .v2 .sprogress ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 0; margin-bottom: 0; list-style: none; } @media screen and (max-width: 991px) { .v2 .sprogress ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .v2 .sprogress li { position: relative; counter-increment: progress-counter; } .v2 .sprogress a, .v2 .sprogress span { display: block; position: relative; padding-left: 52px; padding-left: 3.25rem; font-size: 18px; font-size: 1.125rem; font-weight: 600; line-height: 40px; line-height: 2.5rem; color: #201c46; -webkit-transition: color 0.2s; transition: color 0.2s; } .v2 .sprogress a:before, .v2 .sprogress span:before { content: counter(progress-counter); position: absolute; top: 0; left: 0; width: 40px; width: 2.5rem; height: 40px; height: 2.5rem; border-radius: 50%; font-size: 18px; font-size: 1.125rem; font-weight: 400; line-height: 40px; line-height: 2.5rem; text-align: center; border: 1px solid #201c46; } .v2 .sprogress a.is-active, .v2 .sprogress span.is-active { color: #3688C3; } .v2 .sprogress a.is-active:before, .v2 .sprogress span.is-active:before { color: #ffffff; background-color: #3688C3; border-color: #3688C3; } .v2 .head { padding: 20px 0; padding: 1.25rem 0; } .v2 .head--dark { background-color: #201c46; } .v2 .head--dark .head__title { color: #ffffff; } .v2 .head--light { background-color: #eceefb; } @media only screen and (max-width: 991px) { .v2 .head--light { display: none; } } .v2 .head__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .v2 .head__title { margin-bottom: 0; font-size: 36px; font-size: 2.25rem; line-height: 42px; line-height: 2.625rem; } @media only screen and (max-width: 650px) { .v2 .head__title { font-size: 2rem; line-height: 2.375rem; } } @media only screen and (max-width: 575px) { .v2 .head__title { font-size: 1.75rem; line-height: 2.125rem; } } @media only screen and (max-width: 510px) { .v2 .head__title { font-size: 1.375rem; line-height: 1.75rem; padding-top: 0.125rem; } } @media only screen and (max-width: 420px) { .v2 .head__title { font-size: 1.125rem; line-height: 1.5rem; } } @media only screen and (max-width: 350px) { .v2 .head__title { font-size: 1rem; line-height: 1.375rem; } } .v2 .head__icon { display: inline-block; width: 42px; width: 2.625rem; height: 42px; height: 2.625rem; background-position: left center; background-size: contain; } @media only screen and (max-width: 575px) { .v2 .head__icon { width: 2.375rem; height: 2.375rem; } } @media only screen and (max-width: 510px) { .v2 .head__icon { width: 2.125rem; height: 2.125rem; } } @media only screen and (max-width: 410px) { .v2 .head__icon { width: 1.875rem; height: 1.875rem; } } @media only screen and (max-width: 350px) { .v2 .head__icon { width: 1.75rem; height: 1.75rem; } } .v2 .head__icon--car { margin-right: 20px; margin-right: 1.25rem; background-image: url("/Content/Source/img/icon/car.svg"); } .v2 .head__icon--bag { background-image: url("/Content/Source/img/icon/bag.svg"); } .v2 .head__icon--mobil { background-image: url("/Content/Source/img/icon/srovnejto/telefon-blue.svg"); } .v2 .head__icon--bulb { background-image: url("/Content/Source/img/icon/bulb.svg"); } .v2 .head__icon--flame { background-image: url("/Content/Source/img/icon/flame.svg"); } .v2 .switch { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; padding: 6px; padding: 0.375rem; margin-bottom: 35px; margin-bottom: 2.1875rem; border: 1px solid #dddfee; border-radius: 2rem; } .v2 .switch__item { display: block; width: 100%; padding: 16px; padding: 1rem; font-size: 15px; font-size: 0.9375rem; font-weight: 700; line-height: 18px; line-height: 1.125rem; color: #201c46; text-align: center; border-radius: 2rem; cursor: pointer; -webkit-transition: color 0.2s, background-color 0.2s; transition: color 0.2s, background-color 0.2s; } .v2 .switch__item:hover:not(.is-active) { color: #3688C3; } .v2 .switch__item.is-active { color: #ffffff; background-color: #3688C3; } .v2 [data-js-switch-content] { display: none; } .v2 [data-js-switch-content].is-active { display: block; } .v2 .adv__item { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 530px; max-width: 33.125rem; margin-bottom: 30px; margin-bottom: 1.875rem; } .v2 .adv__item div:first-child { min-width: 120px; min-width: 7.5rem; font-size: 41px; font-size: 2.5625rem; font-weight: 700; line-height: 49px; line-height: 3.0625rem; color: #3688C3; margin-right: 30px; margin-right: 1.875rem; } .v2 .sline { position: relative; padding: 30px 0; padding: 1.875rem 0; } .v2 .sline--dark { background-color: #201c46; } .v2 .sline--light { background-color: #3688C3; } .v2 .sline--lighter { background-color: #f1f3ff; } .v2 .sline__title { margin-right: 10px; margin-right: 0.625rem; font-size: 26px; font-size: 1.625rem; font-weight: 700; line-height: 32px; line-height: 2rem; color: #ffffff; } .v2 .sline__title--icon { padding-left: 40px; padding-left: 2.5rem; } .v2 .sline__title--cup { background-image: url("/Content/Source/img/icon/cup.svg"); } .v2 .sline--bg:before, .v2 .sline--bg:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .v2 .sline--bg:before { background-image: url("/Content/share/sline1.png"); background-position: left calc(50% - 440px) bottom; } .v2 .sline--bg:after { background-image: url("/Content/share/sline2.png"); background-position: right calc(50% - 440px) bottom; } .v2 .sline--bg .container { position: relative; z-index: 5; } .v2 .sline__text { font-size: 24px; font-size: 1.5rem; line-height: 32px; line-height: 2rem; color: #ffffff; } .v2 .sline__info { font-size: 18px; font-size: 1.125rem; line-height: 18px; line-height: 1.125rem; font-weight: 700; color: #ffffff; text-transform: uppercase; } .v2 .sline__form { display: block; margin-bottom: 35px; margin-bottom: 2.1875rem; font-size: 24px; font-size: 1.5rem; line-height: 34px; line-height: 2.125rem; } .v2 .sline .form__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .v2 .sline .form__item input { max-width: 450px; max-width: 28.125rem; } .v2 .sline .btn { padding-top: 12px; padding-top: 0.75rem; padding-bottom: 12px; padding-bottom: 0.75rem; } @media only screen and (max-width: 575px) { .v2 .sline__inner .form__item input { margin-bottom: 1.25rem; } } .v2 .popup { display: none; width: 100%; max-width: 620px; max-width: 38.75rem; padding: 50px 68px; padding: 3.125rem 4.25rem; border-radius: 4px; background-color: #f1f3ff; text-align: center; } @media only screen and (max-width: 575px) { .v2 .popup { padding: 1.5625rem 1.875rem; } } @media only screen and (max-width: 400px) { .v2 .popup { padding: 1.875rem 0.9375rem; } } .v2 .popup--bigger { max-width: 730px; max-width: 45.625rem; } .v2 .popup__inner { margin: 0 auto; } @media only screen and (max-width: 768px) { .v2 .popup__inner .form__item { display: block; } .v2 .popup__inner .form__item input { margin-bottom: 1.25rem; } } .v2 .popup__inner--small { max-width: 380px; max-width: 23.75rem; } .v2 .popup__inner--bigger { max-width: 530px; max-width: 33.125rem; } .v2 .popup .btn { padding-top: 12px; padding-top: 0.75rem; padding-bottom: 12px; padding-bottom: 0.75rem; } .v2 .popup .form { max-width: 460px; max-width: 28.75rem; margin: 40px auto 0; margin: 2.5rem auto 0; } .v2 .popup .form input[type='text'], .v2 .popup .form input[type='email'], .v2 .popup .form input[type='number'], .v2 .popup .form input[type='password'], .v2 .popup .form input[type='tel'], .v2 .popup .form select { background-color: #ffffff; } .v2 .popup .form.mt20 { margin-top: 20px !important; margin-top: 1.25rem !important; } .v2 .popup .form__item { margin-bottom: 4px; margin-bottom: 0.25rem; } .v2 .popup .form__info { margin-top: 10px; margin-top: 0.625rem; color: #2c2d31; } .v2 .popup .form__label { color: #201c46; } .v2 .popup .form--bigger input[type='text'], .v2 .popup .form--bigger input[type='email'], .v2 .popup .form--bigger input[type='number'], .v2 .popup .form--bigger input[type='password'], .v2 .popup .form--bigger input[type='tel'], .v2 .popup .form--bigger select { height: 48px; height: 3rem; line-height: 46px; line-height: 2.875rem; } .v2 .popup .form--bigger .btn { padding-top: 14px; padding-top: 0.875rem; padding-bottom: 14px; padding-bottom: 0.875rem; } @media only screen and (max-width: 768px) { .v2 .popup #lightbox_tel_420, .v2 .popup #lightbox_tel_421 { top: 9px; margin-bottom: 1.25rem; } } @media only screen and (max-width: 575px) { .v2 .popup #lightbox_tel { width: 100%; margin-bottom: 1.25rem; } } @media only screen and (max-width: 575px) { .v2 .popup .btn.btn--rounded { margin: 0 auto; } } @media screen and (min-width: 576px) { .v2 .edit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .v2 .edit__left { min-width: 120px; min-width: 7.5rem; } .v2 .edit__right { min-width: 160px; min-width: 10rem; } @media screen and (max-width: 575px) { .v2 .edit__right { margin-top: 1.25rem; text-align: right; } } .v2 .edit__middle { margin-right: auto; } .v2 .edit__text { font-size: 14px; font-size: 0.875rem; } .v2 .stable { width: 100%; max-width: 100%; margin-bottom: 40px; margin-bottom: 2.5rem; border-radius: 4px; text-align: center; border: 1px solid #dfe2f4; } .v2 .stable table { width: 100%; } .v2 .stable table tr:last-child td { border-bottom: none; } .v2 .stable table td:last-child { border-right: none; } .v2 .stable td, .v2 .stable th { font-size: 15px; font-size: 0.9375rem; line-height: 20px; line-height: 1.25rem; color: #201c46; border-bottom: 1px solid #dfe2f4; vertical-align: middle; } .v2 .stable td { border-right: 1px solid #dfe2f4; } .v2 .stable thead th { color: #ffffff; background-color: #ef3e86; padding: 16px; padding: 1rem; font-weight: 700; } .v2 .stable tbody td { padding: 12px; padding: 0.75rem; } .v2 .stable a:not(.btn) { text-decoration: underline; } .v2 .stable__text--big { font-size: 30px; font-size: 1.875rem; font-weight: 700; line-height: 36px; line-height: 2.25rem; color: #3688C3; } .v2 .stable__text--small { font-size: 14px; font-size: 0.875rem; } .v2 .stable__text--lh { line-height: 26px; line-height: 1.625rem; } .v2 .stable__button { min-width: 250px; min-width: 15.625rem; margin-top: 15px; margin-top: 0.9375rem; } .v2 .stable__info { padding-left: 25px; padding-left: 1.5625rem; background-image: url("/Content/Source/img/icon/info.jpg"); background-position: left center; } @media screen and (min-width: 900px) { .v2 .stable__show { display: none; } } @media screen and (max-width: 899px) { .v2 .stable__hide { display: none; } } .v2 .filter { padding: 30px 20px 15px; padding: 1.875rem 1.25rem 0.9375rem; background-color: #eceefb; } .v2 .filter__inner { max-width: 850px; max-width: 53.125rem; margin-left: auto; } .v2 .filter .form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 991px) { .v2 .filter .form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 575px) { .v2 .filter .form__item { width: 100%; } } .v2 .filter .form__item[data-unit]:after { height: 54px; height: 3.375rem; line-height: 54px; line-height: 3.375rem; } .v2 .filter .form input { height: 54px; height: 3.375rem; line-height: 50px; line-height: 3.125rem; } .v2 .tag { position: absolute; top: 5px; left: 5px; z-index: 5; } @media only screen and (max-width: 768px) { .v2 .tag { position: relative !important; left: 0; top: 0; background-color: #f3f5ff; } } .v2 .tag__item { display: inline-block; padding: 7px 15px; font-size: 13px; font-weight: 700; line-height: 15px; color: #fff; background-color: #65B1E8; border-radius: 3px; margin-top: 5px; margin-top: 0.3125rem; } .v2 .tag__item.is-pink { background-color: #E97D9F; } .v2 .tag__item.is-blue { background-color: #65B1E8; } .v2 .tag__item.is-green { background-color: #90CE4B; } .v2 .tag__item.is-red { background-color: #FC3232; } .v2 .tag__item.is-aqua { background-color: #64DBAD; } .v2 .tag__item.is-purple { background-color: #A796E1; } .v2 .redirect { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .v2 .redirect__logo { display: block; width: 100%; max-width: 400px; max-width: 25rem; height: 68px; height: 4.25rem; margin: 0 auto 85px auto; margin: 0 auto 5.3125rem auto; background-image: url("/Content/Source/img/logo.svg"); background-position: center center; background-size: contain; } @media screen and (max-width: 575px) { .v2 .redirect__logo { margin-bottom: 2.1875rem; } } .v2 .redirect__box { padding: 68px 20px; padding: 4.25rem 1.25rem; background-color: #f1f3ff; } .v2 .redirect__title { margin-bottom: 50px; margin-bottom: 3.125rem; font-size: 36px; font-size: 2.25rem; line-height: 32px; line-height: 2rem; } @media screen and (max-width: 575px) { .v2 .redirect__title { margin-bottom: 2.1875rem; font-size: 1.75rem; line-height: 2rem; } } .v2 .slist { margin: 30px 0 0; margin: 1.875rem 0 0; font-size: 15px; font-size: 0.9375rem; font-weight: 700; color: #2c2d31; } .v2 .slist__header .slist__text { color: #201c46; } @media screen and (max-width: 991px) { .v2 .slist__header .slist__col--param, .v2 .slist__header .slist__col--button { display: none; } } .v2 .slist__content .slist__item { background-color: #f3f5ff; } .v2 .slist__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 16px 7px; padding: 1rem 0.4375rem; margin-bottom: 15px; margin-bottom: 0.9375rem; border-radius: 4px; } .v2 .slist__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% / 5); padding: 0 15px; padding: 0 0.9375rem; } @media screen and (max-width: 991px) { .v2 .slist__col { width: calc(100% / 3); } } @media screen and (max-width: 575px) { .v2 .slist__col { padding: 0 0.5rem; } } @media screen and (min-width: 992px) { .v2 .slist__col--price { width: 10rem; } } .v2 .slist__col--sale { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 992px) { .v2 .slist__col--sale { width: 7.1875rem; } } @media screen and (min-width: 992px) { .v2 .slist__col--param { width: 15rem; } } @media screen and (max-width: 991px) { .v2 .slist__col--param { width: 100%; margin: 0.625rem 0 0.625rem calc(100% / 3); } } @media screen and (max-width: 575px) { .v2 .slist__col--param { margin: 0.625rem 0; } } @media screen and (min-width: 992px) { .v2 .slist__col--button { width: 9.375rem; } } @media screen and (max-width: 991px) { .v2 .slist__col--button { width: 100%; margin-top: 0.3125rem; } } .v2 .slist__circle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 55px; width: 3.4375rem; height: 55px; height: 3.4375rem; font-size: 18px; font-size: 1.125rem; border-radius: 50%; color: #ffffff; background-color: #90ce4b; } .v2 .slist__list { list-style: none; padding-left: 0; margin-bottom: 0; } .v2 .slist__list li { position: relative; padding-left: 15px; padding-left: 0.9375rem; margin-bottom: 5px; margin-bottom: 0.3125rem; font-weight: 400; line-height: 16px; line-height: 1rem; } .v2 .slist__list li:before { content: ''; position: absolute; top: 7px; top: 0.4375rem; left: 0; width: 6px; width: 0.375rem; height: 6px; height: 0.375rem; background-color: #3688C3; border-radius: 50%; } .v2 .slist__text--title { padding-top: 8px; padding-top: 0.5rem; } .v2 .slist__price { text-align: left; } .v2 .slist__price--big { color: #3688C3; } @media screen and (min-width: 576px) { .v2 .slist__price--big { padding: 0.5rem 0 0.25rem; font-size: 1.875rem; } } .v2 .slist__price--text { color: #3688C3; } .v2 .sticky { position: fixed; bottom: 0; left: 0; background-color: #3788c3; cursor: pointer; border-top-right-radius: 18px; border-top-right-radius: 1.125rem; z-index: 999999; display: none; } @media only screen and (max-width: 1140px) { .v2 .sticky { display: block; } } .v2 .sticky__content { padding: 8px 12px 8px 12px; padding: 0.5rem 0.75rem 0.5rem 0.75rem; } .v2 .sticky__content p { font-size: 13px; font-size: 0.8125rem; font-weight: 700; color: #ffffff; margin-bottom: 0 !important; } .v2 .sticky__content span { width: 6px; width: 0.375rem; height: 10px; height: 0.625rem; background-image: url("/Content/Source/img/icon/caret-right-solid.svg"); background-repeat: no-repeat; background-size: 0.375rem auto; background-position: center center; display: inline-block; margin-left: 6px; margin-left: 0.375rem; } .v2 .button--content { background-color: #fd9932 !important; color: #ffffff !important; font-weight: 700; display: block; text-align: center; border-radius: 2.3125rem; cursor: pointer; -webkit-transition: all 0.2s; transition: all 0.2s; } .v2 .button--content:hover { background-color: #fdb264 !important; } .v2 .button--content.big { max-width: 200px; max-width: 12.5rem; width: 100%; padding: 8px 0; padding: 0.5rem 0; font-size: 14px; font-size: 0.875rem; } @media only screen and (max-width: 575px) { .v2 .button--content.big { margin-right: 0; margin-left: auto; } } @media only screen and (max-width: 399px) { .v2 .button--content.big { font-size: 12px; } } .v2 .button--summary { color: #3a89c1 !important; font-size: 13px; font-size: 0.8125rem; border: 1px solid #3a89c1; border-radius: 2.3125rem; max-width: 140px; max-width: 8.75rem; width: 100%; display: block; padding: 5px 0; padding: 0.3125rem 0; font-weight: 700; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s; cursor: pointer; } .v2 .button--summary:hover { background-color: #3a89c1; color: #ffffff !important; } .v2 .button--filter { max-width: 160px; max-width: 10rem; width: 100%; padding: 7px 0; padding: 0.4375rem 0; text-align: center; border: 1px solid #3a89c1; font-size: 13px; font-size: 0.8125rem; font-weight: 700; color: #3a89c1 !important; border-radius: 2.3125rem; display: block; cursor: pointer; margin-right: 0; margin-left: auto; -webkit-transition: all 0.2s; transition: all 0.2s; background-image: url("/Content/Source/img/icon/sort-down-solid.svg"); background-position: top 6px right 9px; background-position: top 0.375rem right 0.5625rem; background-repeat: no-repeat; background-size: 0.75rem auto; } .v2 .button--filter:hover { background-color: #3a89c1; color: #ffffff !important; background-image: url("/Content/Source/img/icon/sort-down-solid-white.svg"); } .v2 .button--filter.is-active { color: #ffffff !important; background-color: #3a89c1; background-image: url("/Content/Source/img/icon/sort-up-solid.svg"); background-position: top 14px right 9px; background-position: top 0.875rem right 0.5625rem; } .v2 .button--storno { max-width: 100px; max-width: 6.25rem; width: 100%; padding: 7px 0; padding: 0.4375rem 0; text-align: center; font-size: 13px; font-size: 0.8125rem; font-weight: 700; color: #a5a5ac !important; border: 1px solid #a5a5ac; border-radius: 2.3125rem; display: inline-block; cursor: pointer; -webkit-transition: all 0.2s; transition: all 0.2s; margin-left: auto; margin-right: 0; } .v2 .button--storno:hover { color: #ffffff !important; background-color: red; border-color: red; } .v2 .button--filters { max-width: 160px; max-width: 10rem; width: 100%; padding: 7px 0; padding: 0.4375rem 0; text-align: center; font-size: 13px; font-size: 0.8125rem; font-weight: 700; color: #3a89c1 !important; border: 1px solid #3a89c1; border-radius: 2.3125rem; display: inline-block; cursor: pointer; -webkit-transition: all 0.2s; transition: all 0.2s; margin-left: 15px; margin-left: 0.9375rem; margin-right: 0; } .v2 .button--filters:hover { color: #ffffff !important; background-color: #3a89c1; } .v2 .button--result { max-width: 120px; max-width: 7.5rem; width: 100%; padding: 8px 0; padding: 0.5rem 0; text-align: center; font-size: 13px; font-size: 0.8125rem; font-weight: 700; color: #ffffff !important; background-color: #fd9932; border-radius: 2.3125rem; display: block; cursor: pointer; margin-right: 20px; margin-right: 1.25rem; margin-left: auto; -webkit-transition: all 0.2s; transition: all 0.2s; } .v2 .button--result:hover { background-color: #fdb264 !important; } .v2 .button--sum { max-width: 160px; max-width: 10rem; width: 100%; padding: 7px 0; padding: 0.4375rem 0; border: 1px solid #3a89c1; border-radius: 2.3125rem; text-align: center; font-size: 13px; font-size: 0.8125rem; font-weight: 700; color: #3a89c1 !important; cursor: pointer; display: block; -webkit-transition: all 0.2s; transition: all 0.2s; margin-left: auto; margin-right: 0; } @media only screen and (max-width: 575px) { .v2 .button--sum { margin-left: 0; margin-right: auto; } } .v2 .button--sum:hover { color: #ffffff !important; background-color: #3a89c1; } .v2 .button--detail { max-width: 160px; max-width: 10rem; width: 100%; padding: 8px 0; padding: 0.5rem 0; background-color: #fd9932; font-size: 13px; font-size: 0.8125rem; font-weight: 700; text-align: center; color: #ffffff !important; display: block; border-radius: 2.3125rem; cursor: pointer; -webkit-transition: all 0.2s; transition: all 0.2s; margin: 0 auto; } .v2 .button--detail:hover { background-color: #fdb264 !important; } .v2 .button--close { width: 50px; width: 3.125rem; height: 50px; height: 3.125rem; background-color: #ffffff; border-radius: 100%; display: block; cursor: pointer; } .v2 .button--close span { width: 25px; width: 1.5625rem; height: 25px; height: 1.5625rem; display: block; position: relative; top: 13px; top: 0.8125rem; left: 13px; left: 0.8125rem; background-color: #ffffff; background-image: url("/Content/Source/img/icon/times-circle-solid.svg"); background-position: center center; background-repeat: no-repeat; background-size: 1.5625rem auto; cursor: pointer; } @media only screen and (max-width: 768px) { .v2 .button--close span { background-image: url("/Content/Source/img/icon/times-circle-solid-grey.svg"); position: relative; top: 0; } } .v2 .button--cross { max-width: 137px; max-width: 8.5625rem; width: 100%; padding: 8px 0; padding: 0.5rem 0; padding-left: 25px; padding-left: 1.5625rem; font-size: 15px; font-size: 0.9375rem; color: #ffffff; font-weight: 700; text-align: left; display: block; border-radius: 2.3125rem; background-color: #FC9932; background-image: url("/Content/Source/img/icon/arrow.svg"); background-position: center right 18px; background-position: center right 1.125rem; background-repeat: no-repeat; background-size: 0.5rem auto; -webkit-transition: all 0.4s; transition: all 0.4s; } .v2 .summary { margin-bottom: 37px; margin-bottom: 2.3125rem; display: none; } @media only screen and (min-width: 1141px) { .v2 .summary { display: block; } } .v2 .summary__item { margin-bottom: 15px; margin-bottom: 0.9375rem; } .v2 .summary__content { max-width: 220px; max-width: 13.75rem; width: 100%; margin-bottom: 20px; margin-bottom: 1.25rem; } @media only screen and (max-width: 1140px) { .v2 .summary__content { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; } } .v2 .summary__col { width: 100%; } .v2 .summary__header p { margin-bottom: 0 !important; color: #9f9fa9; font-size: 13px; font-size: 0.8125rem; line-height: 16px; line-height: 1rem; } .v2 .summary__result p { margin-bottom: 0 !important; color: #2f2b52; font-weight: 700; font-size: 13px; font-size: 0.8125rem; line-height: 16px; line-height: 1rem; } .v2 .summary__result span { color: #3788c3; } .v2 .help { margin-bottom: 50px; margin-bottom: 3.125rem; display: none; } @media only screen and (min-width: 1141px) { .v2 .help { display: block; } } .v2 .help__text p { color: #201c46; font-size: 13px; font-size: 0.8125rem; } .v2 .help__text p span { font-weight: 700; margin-right: 5px; margin-right: 0.3125rem; } .v2 .sum { display: none; padding-left: 15px; padding-left: 0.9375rem; padding-right: 15px; padding-right: 0.9375rem; } @media only screen and (max-width: 1140px) { .v2 .sum { display: block; } } @media only screen and (max-width: 810px) { .v2 .sum { padding: 0 0.9375rem; } } @media only screen and (max-width: 575px) { .v2 .sum { display: none; } } .v2 .sum__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .v2 .sum__col--8 { width: 80%; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; } .v2 .sum__col--4 { width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; } .v2 .sum__title p { font-size: 16px; font-size: 1rem; font-weight: 700; color: #201c46; } .v2 .sum__content p { font-size: 13px; font-size: 0.8125rem; color: #9f9fa9; font-weight: 400; } .v2 .sum__result { font-size: 13px; font-size: 0.8125rem; color: #201c46; font-weight: 700; } .v2 .sum__green { font-size: 13px; font-size: 0.8125rem; color: #3788c3; font-weight: 700; } .v2 .filters { position: relative; display: none; border-top: 1px solid #EDEFF5; border-bottom: 1px solid #EDEFF5; margin-top: 10px; margin-top: 0.625rem; margin-bottom: 20px; margin-bottom: 1.25rem; padding-left: 15px; padding-left: 0.9375rem; padding-right: 15px; padding-right: 0.9375rem; } @media only screen and (max-width: 810px) { .v2 .filters { padding: 0 0.9375rem; } } .v2 .filters:after, .v2 .filters:before { content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .v2 .filters:after { top: -20px; top: -1.25rem; right: 80px; right: 5rem; border-color: transparent transparent transparent #fff; border-width: 10px; border-width: 0.625rem; } .v2 .filters:before { top: -22px; top: -1.375rem; right: 79px; right: 4.9375rem; border-color: transparent transparent transparent #edeff5; border-width: 11px; border-width: 0.6875rem; } .v2 .filters.is-open { display: block; } .v2 .filters__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 575px) { .v2 .filters__row--karma .filters__item { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .v2 .filters__item { width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } @media only screen and (max-width: 767px) { .v2 .filters__item { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media only screen and (max-width: 575px) { .v2 .filters__item { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .v2 .filters__item25 { width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } @media only screen and (max-width: 575px) { .v2 .filters__item25 { width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } } @media only screen and (max-width: 350px) { .v2 .filters__item25 { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .v2 .filters__item40 { width: 40%; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; } @media only screen and (max-width: 610px) { .v2 .filters__item40 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .v2 .filters__item60 { width: 60%; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; } @media only screen and (max-width: 610px) { .v2 .filters__item60 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .v2 .filters__title { margin-top: 20px; margin-top: 1.25rem; margin-bottom: 10px; margin-bottom: 0.625rem; } .v2 .filters__title p { font-size: 13px; font-size: 0.8125rem; font-weight: 700; color: #201c46; margin-bottom: 0 !important; } .v2 .filters__btn { text-align: right; margin-top: 20px; margin-top: 1.25rem; margin-bottom: 20px; margin-bottom: 1.25rem; } .v2 .filters__radio { margin-bottom: 15px; margin-bottom: 0.9375rem; } .v2 .filters .form__item input[type="checkbox"]:checked + label, .v2 .filters .form__item input[type="radio"]:checked + label { color: #000000; } .v2 .filters .form__item input[type="checkbox"] + label, .v2 .filters .form__item input[type="radio"] + label { color: #a5a5ac; } .v2 .filters .form__item input[type="checkbox"] + label span { background-image: url("/Content/Source/img/icon/star-solid-gray.svg"); } .v2 .filters .form__item input[type="checkbox"]:checked + label span { background-image: url("/Content/Source/img/icon/star-solid.svg") !important; } .v2 .filters .form__item input[type='checkbox'] + label:before, .v2 .filters .form__item input[type='radio'] + label:before { border: 1px solid #a5a5ac !important; } .v2 .show__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .v2 .show__item70 { width: 70%; -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; margin-bottom: 20px; margin-bottom: 1.25rem; } .v2 .show__item70.left { text-align: left; } .v2 .show__item50 { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-bottom: 20px; margin-bottom: 1.25rem; height: 20px; height: 1.25rem; } .v2 .show__item50.left { text-align: left; } .v2 .show__item50.right { text-align: right; } .v2 .show__item30 { width: 30%; -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; text-align: right; margin-bottom: 20px; margin-bottom: 1.25rem; } .v2 .show__item30.right { text-align: right; } .v2 .show__title p { font-weight: 700 !important; font-size: 15px !important; font-size: 0.9375rem !important; color: #201c46 !important; } .v2 .show__text p { font-size: 13px !important; font-size: 0.8125rem !important; font-weight: 400 !important; color: #201c46 !important; } .v2 .show__result p { font-size: 13px !important; font-size: 0.8125rem !important; font-weight: 700 !important; color: #201c46 !important; } .v2 .show__infotext { padding: 15px; padding: 0.9375rem; padding-top: 0; margin: 0 15px; margin: 0 0.9375rem; border-top: 1px solid #EDEFF5; } .v2 .show__infotext p { font-size: 12px !important; font-size: 0.75rem !important; font-weight: 400 !important; color: #000000 !important; text-align: left; } .v2 .show--text { padding-top: 10px; padding-top: 0.625rem; } .v2 .show__rating { position: relative; display: inline-block; top: -18px; top: -1.125rem; right: -1px; right: -0.0625rem; } .v2 .show--nopadding { padding: 0 !important; } .v2 .show__content { padding: 15px; padding: 0.9375rem; padding-bottom: 0 !important; margin-bottom: 15px; margin-bottom: 0.9375rem; background-color: #FAFBFD; } .v2 .infobox__item { text-align: center; } .v2 .infobox__item.first, .v2 .infobox__item.second { padding-bottom: 20px; padding-bottom: 1.25rem; margin-bottom: 20px; margin-bottom: 1.25rem; border-bottom: 4px solid #EDEFF5; } .v2 .infobox__title { position: relative; margin-bottom: 35px; margin-bottom: 2.1875rem; } .v2 .infobox__title p { font-weight: 700 !important; font-size: 16px !important; font-size: 1rem !important; color: #000000 !important; } .v2 .infobox__title:after { content: ""; position: absolute; top: 40px; top: 2.5rem; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 40px; width: 2.5rem; height: 4px; height: 0.25rem; background-color: #65B1E8; border-radius: 2.3125rem; } .v2 .infobox__text p { font-size: 13px !important; font-size: 0.8125rem !important; font-weight: 400 !important; color: #000000 !important; } .v2 .infobox--width { width: 347px !important; width: 21.6875rem !important; } .v2 .bookmark .form__right--tooltip { padding-right: 0 !important; } .v2 .bookmark .form__item { margin-bottom: 0 !important; } .v2 .bookmark__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .v2 .bookmark__item { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; background-color: #ffffff; } @media only screen and (max-width: 810px) { .v2 .bookmark__item { width: 100%; } } .v2 .bookmark__item .form__check { width: 95%; border: 1px solid #EDEFF5; border-bottom: none; border-top-left-radius: 4px; border-top-left-radius: 0.25rem; border-top-right-radius: 4px; border-top-right-radius: 0.25rem; } .v2 .bookmark__item .is-active { padding-right: 0 !important; background-color: #edeff5; } .v2 .bookmark__item .is-active .bookmark__infobar .form-block { background-color: #EDEFF5 !important; } .v2 .bookmark__item .is-active .bookmark__infobar .forms-content .forms-block__box .info__container .info { background-color: #ffffff; } .v2 .bookmark__item input[type='radio'] + label { padding-top: 30px; padding-top: 1.875rem; padding-left: 67px !important; padding-left: 4.1875rem !important; height: 100% !important; padding-bottom: 30px; padding-bottom: 1.875rem; } @media only screen and (max-width: 468px) { .v2 .bookmark__item input[type='radio'] + label { padding-left: 2.8125rem !important; } } @media only screen and (max-width: 350px) { .v2 .bookmark__item input[type='radio'] + label { padding-left: 1.875rem !important; } } .v2 .bookmark__item input[type='radio'] + label:before { top: 33px !important; top: 2.0625rem !important; left: 25px !important; left: 1.5625rem !important; } @media only screen and (max-width: 575px) { .v2 .bookmark__item input[type='radio'] + label:before { top: 1.375rem !important; } } @media only screen and (max-width: 468px) { .v2 .bookmark__item input[type='radio'] + label:before { left: 1.0625rem !important; } } @media only screen and (max-width: 350px) { .v2 .bookmark__item input[type='radio'] + label:before { left: 0.375rem !important; } } .v2 .bookmark__item input[type='radio'] + label:after { top: 37px !important; top: 2.3125rem !important; left: 29px !important; left: 1.8125rem !important; } @media only screen and (max-width: 575px) { .v2 .bookmark__item input[type='radio'] + label:after { top: 1.625rem !important; } } @media only screen and (max-width: 468px) { .v2 .bookmark__item input[type='radio'] + label:after { left: 1.3125rem !important; } } @media only screen and (max-width: 350px) { .v2 .bookmark__item input[type='radio'] + label:after { left: 0.625rem !important; } } .v2 .bookmark__item input[type='radio']:checked + label { color: #3788c3; } .v2 .bookmark__title { font-size: 16px; font-size: 1rem; color: #201c46; font-weight: 700; width: 100%; padding: 22px 0 !important; padding: 1.375rem 0 !important; } @media only screen and (max-width: 468px) { .v2 .bookmark__title { font-size: 0.8125rem; } } .v2 .bookmark__subtitle { font-size: 13px; font-size: 0.8125rem; font-weight: 400; color: #000000; } @media only screen and (max-width: 575px) { .v2 .bookmark__subtitle { display: none; } } .v2 .bookmark__infobar { position: absolute; top: 9px; top: 0.5625rem; right: 15px; right: 0.9375rem; } @media only screen and (max-width: 575px) { .v2 .bookmark__infobar { top: 0; right: 0.3125rem; } } .v2 .bookmark__infobar--content p { font-size: 15px !important; } .v2 .bookmark__infobar .forms-content .forms-block__box { padding: 0; border-bottom: none; } .v2 .bookmark__infobar .forms-content.info-bar { display: inline-block; } .v2 .bookmark__infobar .form-block { background-color: #ffffff !important; } .v2 .bookmark__infobar .forms-content .forms-block__box .form-block__info .info-box { padding: 15px !important; padding: 0.9375rem !important; max-width: 320px; max-width: 20rem; } @media only screen and (max-width: 900px) { .v2 .bookmark__infobar .forms-content .forms-block__box .form-block__info .info-box { top: 52px; left: -80px; } } @media only screen and (max-width: 800px) { .v2 .bookmark__infobar .forms-content .forms-block__box .form-block__info .info-box { width: 24.625em !important; } } @media only screen and (max-width: 575px) { .v2 .bookmark__infobar .forms-content .forms-block__box .form-block__info .info-box { left: -100px; width: 280px !important; } } .v2 .bookmark__infobar .forms-content .forms-block__box .info__container .info { background-color: #EDEFF5; } @media only screen and (max-width: 575px) { .v2 .bookmark__infobar .info__container { margin-top: 0; padding-left: 0; } } @media only screen and (max-width: 900px) { .v2 .bookmark__infobar .forms-content .forms-block__box .form-block__info { position: absolute; } } .v2 .content { padding-top: 28px; padding-top: 1.75rem; overflow: hidden; } .v2 .content .col-3 { padding-left: 0 !important; padding-right: 0 !important; } @media only screen and (max-width: 1140px) { .v2 .content .col-3 { max-width: 100% !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; } } .v2 .content .col-9 { padding-left: 0 !important; padding-right: 0 !important; } @media only screen and (max-width: 1140px) { .v2 .content .col-9 { max-width: 100% !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; } } @media only screen and (max-width: 810px) { .v2 .content .col-9 { padding: 0 !important; } } .v2 .content__title h3 { font-size: 18px !important; font-size: 1.125rem !important; font-weight: 700; color: #201c46; text-align: left; margin-bottom: 5px !important; margin-bottom: 0.3125rem !important; } .v2 .content__text { max-width: 230px; max-width: 14.375rem; width: 100%; } @media only screen and (max-width: 575px) { .v2 .content__text { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 1.25rem; } } .v2 .content__text p { color: #201c46; font-size: 13px; font-size: 0.8125rem; line-height: 20px; line-height: 1.25rem; font-weight: 400; } .v2 .content__header { margin-bottom: 45px; margin-bottom: 2.8125rem; display: none; padding-left: 15px; padding-left: 0.9375rem; } @media only screen and (min-width: 1141px) { .v2 .content__header { display: block; } } @media only screen and (max-width: 575px) { .v2 .content__header { display: block; margin-bottom: 1.25rem; border-bottom: 1px solid #EDEFF5; } } @media only screen and (max-width: 575px) { .v2 .content__cnt { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width: 575px) { .v2 .content__btn { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 0.9375rem; } } .v2 .content__grey { background-color: #fafbfd; padding: 50px 15px; padding: 3.125rem 0.9375rem; position: relative; } .v2 .content__grey.bg--width:before { position: absolute; top: 0; right: 0; background-color: #fafbfd; content: ""; height: 100%; width: 300%; z-index: -1; overflow: hidden; } @media only screen and (max-width: 1140px) { .v2 .content__grey { background-color: #ffffff; padding: 0; } } .v2 .contact { border-top: 1px solid #e0e2ee; border-bottom: 1px solid #e0e2ee; padding-top: 20px; padding-top: 1.25rem; padding-bottom: 20px; padding-bottom: 1.25rem; margin-bottom: 30px; margin-bottom: 1.875rem; display: none; } @media only screen and (min-width: 1141px) { .v2 .contact { display: block; } } .v2 .contact__row { display: -webkit-box; display: -ms-flexbox; display: flex; } .v2 .contact__img { margin-right: 15px; margin-right: 0.9375rem; } .v2 .contact__info { padding-top: 29px; padding-top: 1.8125rem; max-width: 130px; max-width: 8.125rem; width: 100%; background-color: #FAFBFD; } .v2 .contact__info .info__container p { font-size: 16px; font-size: 1rem; font-weight: 700; color: #201c46; } .v2 .contact .forms-content .forms-block__box .info__container { width: 100%; padding: 0; } .v2 .contact .forms-content .forms-block__box { padding: 0; border-bottom: none; } .v2 .cross { padding-top: 90px; padding-top: 5.625rem; margin-bottom: 50px; margin-bottom: 3.125rem; } .v2 .cross--white:hover { background-color: #ffffff; -webkit-box-shadow: 0 5px 34px 0 rgba(26, 26, 26, 0.1); box-shadow: 0 5px 34px 0 rgba(26, 26, 26, 0.1); } .v2 .cross--white:hover .button--cross { background-color: #EF8D26; } .v2 .cross--white:hover:before { opacity: 1 !important; } .v2 .cross--white:hover:after { opacity: 0 !important; } .v2 .cross--dark:hover { background-color: #211C45; } .v2 .cross--dark:hover .cross__content { opacity: 1; } .v2 .cross--dark:hover .cross__btn--second { opacity: 0; } .v2 .cross--dark:hover .button--cross { font-size: 18px; font-size: 1.125rem; max-width: 202px; max-width: 12.625rem; padding: 15px 0 16px 30px; padding: 0.9375rem 0 1rem 1.875rem; background-position: center right 23px; background-position: center right 1.4375rem; background-size: 0.625rem auto; position: relative; -webkit-transform: translateY(-57px); transform: translateY(-57px); } @media only screen and (max-width: 1300px) { .v2 .cross--dark:hover .button--cross { -webkit-transform: translateY(-80px); transform: translateY(-80px); } } @media only screen and (max-width: 350px) { .v2 .cross--dark:hover .button--cross { -webkit-transform: translateY(-105px); transform: translateY(-105px); } } .v2 .cross--dark:hover .cross__description p { color: #211C45; } .v2 .cross__item { background-color: #F1F3FF; display: block; border-radius: 0.25rem; margin-bottom: 30px; margin-bottom: 1.875rem; -webkit-transition: all 0.2s; transition: all 0.2s; position: relative; cursor: pointer; } @media only screen and (max-width: 575px) { .v2 .cross__item { margin-bottom: 0.9375rem; } } .v2 .cross__title h1 { color: #201C46; font-size: 26px; font-size: 1.625rem; font-weight: 700; text-align: center; } .v2 .cross__content { padding: 36px 34px 37px 170px; padding: 2.25rem 2.125rem 2.3125rem 10.625rem; position: relative; opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } @media only screen and (max-width: 1160px) { .v2 .cross__content { padding-left: 7.5rem; } } @media only screen and (max-width: 768px) { .v2 .cross__content { padding-left: 10.625rem; } } @media only screen and (max-width: 450px) { .v2 .cross__content { padding-left: 7.5rem; } } @media only screen and (max-width: 350px) { .v2 .cross__content { padding-left: 5rem; } } .v2 .cross__name h2 { color: #201C46; font-size: 18px; font-size: 1.125rem; font-weight: 700; text-align: left; margin-bottom: 9px; margin-bottom: 0.5625rem; } @media only screen and (max-width: 1290px) { .v2 .cross__name h2 { height: 2.625rem; } } .v2 .cross__description p { font-size: 15px; font-size: 0.9375rem; line-height: 26px; line-height: 1.625rem; font-weight: 400; color: #000; -webkit-transition: all 0.2s; transition: all 0.2s; } @media only screen and (max-width: 1306px) { .v2 .cross__description p { height: 4.875rem; } } @media only screen and (max-width: 350px) { .v2 .cross__description p { height: 7.8125rem; } } .v2 .cross__btn { height: 40px; } .v2 .cross__footer { max-width: 800px; max-width: 50rem; margin: 0 auto; } .v2 .cross__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .v2 .cross__item30 { width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } @media only screen and (max-width: 780px) { .v2 .cross__item30 { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media only screen and (max-width: 575px) { .v2 .cross__item30 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .v2 .cross__item30 p { font-size: 16px; font-weight: 600; color: #000000; } .v2 .cross__item30 span { width: 20px; height: 20px; background-repeat: no-repeat; background-size: 20px auto; background-position: center center; display: inline-block; margin-right: 10px; position: relative; top: 3px; top: 0.1875rem; } .v2 .icon { position: relative; } .v2 .icon:before, .v2 .icon:after { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-position: left 37px center; background-position: left 2.3125rem center; background-size: 5.6875rem auto; background-repeat: no-repeat; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } @media only screen and (max-width: 1160px) { .v2 .icon:before, .v2 .icon:after { background-position: left 1.25rem center; background-size: 3.75rem auto; } } @media only screen and (max-width: 768px) { .v2 .icon:before, .v2 .icon:after { background-position: left 2.3125rem center; background-size: 5.6875rem auto; } } @media only screen and (max-width: 450px) { .v2 .icon:before, .v2 .icon:after { background-position: left 1.25rem center; background-size: 3.75rem auto; } } @media only screen and (max-width: 350px) { .v2 .icon:before, .v2 .icon:after { background-position: left 0.625rem center; background-size: 2.5rem auto; } } .v2 .icon:hover:before { opacity: 0; } .v2 .icon:hover:after { opacity: 1; } .v2 .icon--car:before { background-image: url("/Content/Source/img/icon/car-blue.svg"); } .v2 .icon--car:after { opacity: 0; background-image: url("/Content/Source/img/icon/car.svg"); } .v2 .icon--check { background-image: url("/Content/Source/img/icon/check.svg"); background-size: 0.9375rem auto; background-position: left 12px center; background-position: left 0.75rem center; } .v2 .icon--handshake { background-image: url("/Content/Source/img/icon/handshake-regular.svg"); background-position: left 9px center; background-position: left 0.5625rem center; background-size: auto 1.0625rem; } .v2 .icon--clock { background-image: url("/Content/Source/img/icon/clock-regular.svg"); background-position: left 9px center; background-position: left 0.5625rem center; background-size: auto 1.1875rem; } .v2 .icon--bolt { background-image: url("/Content/Source/img/icon/bolt-solid.svg"); background-position: left 13px center; background-position: left 0.8125rem center; background-size: auto 1.1875rem; } .v2 .icon--thump-up { background-image: url("/Content/Source/img/icon/thump-up.svg"); background-position: left 13px center; background-position: left 0.8125rem center; background-size: auto 1.1875rem; } .v2 .container { max-width: 1318px; max-width: 82.375rem; } .v2 .container__inner { max-width: 850px; max-width: 53.125rem; } .v2 .container--middle { max-width: 1100px; max-width: 68.75rem; } .v2 .container--small { max-width: 850px; max-width: 53.125rem; } .v2 .container--smaller { max-width: 770px; max-width: 48.125rem; } .v2 .section { padding: 50px 0 16px; padding: 3.125rem 0 1rem; } .v2 .section--mb { padding-bottom: 50px; padding-bottom: 3.125rem; } .v2 .section--bg { background-color: #eceefb; } .v2 .section__title { font-size: 26px; font-size: 1.625rem; line-height: 32px; line-height: 2rem; margin-bottom: 44px; margin-bottom: 2.75rem; text-align: center; color: #201c46; } .v2 .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1199px) { .v2 .section__inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .v2 .section__left { margin-top: 10px; margin-top: 0.625rem; } @media screen and (min-width: 1200px) { .v2 .section__left { -webkit-box-flex: 0; -ms-flex: 0 0 25.375rem; flex: 0 0 25.375rem; width: 100%; max-width: 25.375rem; margin-right: 4.0625rem; } } .v2 .section__small { max-width: 800px; max-width: 50rem; } .v2 .section__small--center { margin: 0 auto; } .v2 .header { position: relative; z-index: 99; padding: 8px 0; padding: 0.5rem 0; -webkit-box-shadow: 0 5px 34px 0 rgba(44, 45, 49, 0.1); box-shadow: 0 5px 34px 0 rgba(44, 45, 49, 0.1); background-color: #ffffff; } .v2 .header--noshadow { -webkit-box-shadow: none; box-shadow: none; } .v2 .header--epojisteni { padding-top: 20px; padding-bottom: 20px; } .v2 .header__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .v2 .header__logo { display: block; width: 201px; width: 12.5625rem; height: 34px; height: 2.125rem; font-size: 0; text-indent: -10000px; background-image: url("/Content/Source/img/logo.svg"); background-size: contain; } @media only screen and (max-width: 400px) { .v2 .header__logo { width: 130px; position: relative; top: 10px; } } .v2 .header__logo.logo-epojisteni { background-image: url("/Content/Source/img/logo-epojisteni.png"); width: 240px; max-width: 100%; height: 49px; } @media only screen and (max-width: 400px) { .v2 .header__logo.logo-epojisteni { width: 8.125rem; position: relative; top: 10px; } } .v2 .header__logo h1 { margin-bottom: 0; line-height: 34px; line-height: 2.125rem; } .v2 .header__slogan { display: block; width: 129px; width: 8.0625rem; height: 17px; height: 1.0625rem; margin: 10px auto 0 25px; margin: 0.625rem auto 0 1.5625rem; background-image: url("/Content/Source/img/header-slogan.svg"); background-size: contain; opacity: 0; } @media screen and (max-width: 1150px) { .v2 .header__slogan { display: none; } } .v2 .header__text { font-family: "FeltTipRoman", sans-serif; } .v2 .header__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: right; } @media only screen and (max-width: 991px) { .v2 .header__info { width: 64%; } } @media only screen and (max-width: 750px) { .v2 .header__info { width: 54%; } } @media only screen and (max-width: 650px) { .v2 .header__info { width: 44%; } } .v2 .header__info--epojisteni { text-align: left; } .v2 .header__info__email { font-size: 13px; font-size: 0.8125rem; line-height: 20px; line-height: 1.25rem; font-weight: 700; color: #3688C3; text-decoration: underline; } @media only screen and (max-width: 439px) { .v2 .header__info__email { font-size: 0.75rem; } } @media only screen and (max-width: 400px) { .v2 .header__info__email { font-size: 0.625rem; } } .v2 .header__info__phone { font-size: 14px; font-size: 0.875rem; line-height: 18px; line-height: 1.125rem; font-weight: 700; color: #201c46; } @media only screen and (max-width: 439px) { .v2 .header__info__phone { font-size: 0.75rem; } } @media only screen and (max-width: 400px) { .v2 .header__info__phone { font-size: 0.625rem; } } .v2 .header__info__text { font-size: 13px; font-size: 0.8125rem; line-height: 18px; line-height: 1.125rem; font-weight: 300; color: #201c46; } @media only screen and (max-width: 439px) { .v2 .header__info__text { font-size: 0.75rem; } } @media only screen and (max-width: 400px) { .v2 .header__info__text { font-size: 0.625rem; white-space: pre; } } .v2 .nav { font-size: 0; } @media screen and (max-width: 991px) { .v2 .nav { position: absolute; top: 5.25rem; left: 0; z-index: 999; display: none; width: 100%; background-color: #ffffff; } } @media screen and (max-width: 991px) and (max-width: 675px) { .v2 .nav { top: 4.25rem; } } @media screen and (max-width: 991px) { .v2 .nav.is-open { display: block; } } .v2 .nav ul { padding-left: 0; margin-bottom: 0; list-style: none; } @media screen and (min-width: 992px) { .v2 .nav li:hover > a, .v2 .nav li.is-active > a { color: #3688C3; } .v2 .nav li:hover > a:before, .v2 .nav li.is-active > a:before { opacity: 1; } .v2 .nav li:hover .nav__arrow:before, .v2 .nav li.is-active .nav__arrow:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .v2 .nav a { position: relative; display: inline-block; font-size: 16px; font-size: 1rem; line-height: 68px; line-height: 4.25rem; font-weight: 700; -webkit-transition: color 0.2s; transition: color 0.2s; } @media screen and (max-width: 991px) { .v2 .nav a { line-height: 2.625rem; } } @media screen and (min-width: 992px) { .v2 .nav > ul > li { display: inline-block; } } @media screen and (min-width: 992px) { .v2 .nav > ul > li:hover.has-sub > a { border-color: #dfe2f4; border-bottom-color: #ffffff; } .v2 .nav > ul > li:hover .nav__sub { display: block; } } .v2 .nav > ul > li > a { z-index: 100; padding: 0 48px 0 35px; padding: 0 3rem 0 2.1875rem; border: 2px solid transparent; border-radius: 4px; } @media screen and (max-width: 1299px) { .v2 .nav > ul > li > a { padding: 0 1.25rem; } } @media screen and (max-width: 991px) { .v2 .nav > ul > li > a { display: block; padding: 0 0.9375rem; } } .v2 .nav__sub { position: absolute; top: 78px; top: 4.875rem; left: 0; z-index: 99; display: none; width: 100%; background-color: #ffffff; } @media screen and (min-width: 992px) { .v2 .nav__sub { border-top: 2px solid #dfe2f4; } } @media screen and (max-width: 991px) { .v2 .nav__sub { position: relative; top: 0; } .v2 .nav__sub ul { margin-bottom: 1.25rem; } } .v2 .nav__sub a { color: #3688C3; line-height: 20px; line-height: 1.25rem; -webkit-transition: color 0.2s; transition: color 0.2s; } .v2 .nav__sub a:hover { color: #201c46 !important; } .v2 .nav__inner { padding: 15px; padding: 0.9375rem; } @media screen and (min-width: 992px) { .v2 .nav__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2.625rem 9.375rem 2.625rem 12.5rem; } } .v2 .nav__title { font-size: 18px; font-size: 1.125rem; line-height: 22px; line-height: 1.375rem; margin-bottom: 32px; margin-bottom: 2rem; } @media screen and (max-width: 991px) { .v2 .nav__title { margin-bottom: 0.9375rem; } } .v2 .nav__title--info { font-size: 15px; font-size: 0.9375rem; } .v2 .nav__info a { font-weight: 400; color: #201c46; } @media only screen and (min-width: 1301px) { .v2 .nav__arrow { right: 1.5625rem; } } @media only screen and (max-width: 1300px) { .v2 .nav__arrow { right: 0.3125rem; } } @media screen and (min-width: 992px) { .v2 .nav__arrow { position: absolute; top: 50%; width: 0.625rem; height: 0.625rem; margin-top: -0.3125rem; } .v2 .nav__arrow:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/Content/Source/img/icon/menu.svg"); background-position: center center; background-size: contain; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } } @media screen and (max-width: 991px) { .v2 .nav__arrow { position: absolute; top: 0.375rem; right: 0.9375rem; display: block; width: 1.875rem; height: 1.875rem; background-color: #3688C3; border-radius: 2px; cursor: pointer; } .v2 .nav__arrow:before { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; margin-top: -0.9375rem; margin-left: -0.9375rem; background-image: url("/Content/Source/img/icon/arrow.svg"); background-position: center center; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .v2 .nav__arrow.is-open:before { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } } .v2 .nav--hidden { display: none; } .v2 .footer { padding: 60px 0 38px; padding: 3.75rem 0 2.375rem; background-color: #201c46; } .v2 .footer__title { margin-bottom: 28px; margin-bottom: 1.75rem; font-size: 16px; font-size: 1rem; line-height: 24px; line-height: 1.5rem; color: #ffffff; text-align: left; text-transform: uppercase; } .v2 .footer__list { padding-left: 0; list-style: none; } .v2 .footer__list--bottom { margin-bottom: 0; } .v2 .footer__list--bottom li { display: inline-block; } .v2 .footer__list--bottom li:not(:last-child):after { content: '|'; display: inline-block; padding: 0 10px; padding: 0 0.625rem; color: #ffffff; } .v2 .footer__list a { font-size: 14px; font-size: 0.875rem; font-weight: 700; line-height: 28px; line-height: 1.75rem; color: #ffffff; -webkit-transition: color 0.2s; transition: color 0.2s; } .v2 .footer__list a:hover { color: #3688C3; } .v2 .footer__separator { border-top: 1px solid #2e2862; } .v2 .footer__middle h4, .v2 .footer__middle p { color: #ffffff; margin-bottom: 0; } .v2 .footer__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 1199px) { .v2 .footer__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .v2 .footer__bottom > div { margin-bottom: 1.5625rem; } } .v2 .footer__bottom p { margin-bottom: 0; font-size: 14px; font-size: 0.875rem; color: #ffffff; } .v2 .footer__bottom a { color: #ffffff; } .v2 .footer__bottom img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .v2 .page { padding: 20px 0; padding: 1.25rem 0; margin-bottom: 30px; margin-bottom: 1.875rem; background-color: #eceefb; } @media screen and (min-width: 768px) { .v2 .page { padding-bottom: 2.75rem; } } .v2 .page__title { font-size: 36px; font-size: 2.25rem; line-height: 42px; line-height: 2.625rem; } @media screen and (min-width: 768px) { .v2 .page__title { margin-bottom: 0.625rem; } } .v2 .page__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 767px) { .v2 .page__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 576px) and (max-width: 767px) { .v2 .page__item--1 { margin-bottom: 1.875rem; } } .v2 .page__item--2 { margin: 0 30px; margin: 0 1.875rem; } @media screen and (max-width: 991px) { .v2 .page__item--2 { display: none; } } .v2 .page__list { padding-left: 0; list-style: none; } @media screen and (min-width: 576px) { .v2 .page__list { margin-bottom: 3.125rem; } } .v2 .page__list li { padding-left: 35px; padding-left: 2.1875rem; margin-bottom: 15px; margin-bottom: 0.9375rem; color: #201c46; font-weight: 700; background-image: url("/Content/Source/img/icon/check-blue.svg"); background-position: left center; } .v2 .page__adv { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 575px) { .v2 .page__adv { display: none; } } .v2 .page__adv span { padding-left: 56px; padding-left: 3.5rem; font-size: 14px; font-size: 0.875rem; line-height: 18px; line-height: 1.125rem; font-weight: 700; } .v2 .page__adv span:nth-child(1) { background-image: url("/Content/Source/img/icon/time-blue.svg"); } .v2 .page__adv span:nth-child(2) { background-image: url("/Content/Source/img/icon/thumbup-blue.svg"); } .v2 .sidebar__list { list-style: none; padding-left: 0; margin-bottom: 35px; margin-bottom: 2.1875rem; } .v2 .sidebar__list--bg li { margin-bottom: 5px; margin-bottom: 0.3125rem; } .v2 .sidebar__list--bg a { padding: 20px 44px 20px 25px; padding: 1.25rem 2.75rem 1.25rem 1.5625rem; background-color: #eceefb; border-radius: 4px; } .v2 .sidebar__list--bg a:hover { color: #ffffff; background-color: #3688C3; } .v2 .sidebar__list--bg a:hover:before { opacity: 0; } .v2 .sidebar__list--bg a:hover:after { opacity: 1; } .v2 .sidebar__list--line li:not(:last-child) { border-bottom: 1px solid #eceefb; } .v2 .sidebar__list--line a { padding: 14px 44px 14px 0; padding: 0.875rem 2.75rem 0.875rem 0; } .v2 .sidebar__list--line a:hover { color: #3688C3; } .v2 .sidebar__list a { position: relative; display: block; font-size: 15px; font-size: 0.9375rem; font-weight: 600; line-height: 18px; line-height: 1.125rem; color: #2c2d31; -webkit-transition: color 0.2s, background-color 0.2s; transition: color 0.2s, background-color 0.2s; } .v2 .sidebar__list a:before, .v2 .sidebar__list a:after { content: ''; position: absolute; top: 0; right: 0; width: 44px; width: 2.75rem; height: 100%; background-position: center center; background-size: 6px auto; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .v2 .sidebar__list a:before { background-image: url("/Content/Source/img/icon/arrow-blue.svg"); } .v2 .sidebar__list a:after { opacity: 0; background-image: url("/Content/Source/img/icon/arrow.svg"); } .v2 .sidebar__title { font-size: 15px; font-size: 0.9375rem; line-height: 18px; line-height: 1.125rem; } @media screen and (max-width: 768px) { .tablet_w16, .tablet_w100_6 { width: 16.66666667%; } .tablet_w20, .tablet_w100_5 { width: 20%; } .tablet_w25, .tablet_w100_4 { width: 25%; } .tablet_w33, .tablet_w100_3 { width: 33.33333333%; } .tablet_w50, .tablet_w100_2 { width: 50%; } .tablet_w66 { width: 66.66666667%; } .tablet_w75 { width: 75%; } .tablet_w100 { width: 100%; } .hidden_tablet_down { display: none; } } @media screen and (min-width: 769px) { .hidden_tablet_up { display: none!important; } } /*Theme*/ body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: .9; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s ease, visibility 0s ease .25s; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } /* Caption */ .fancybox-caption { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } .fancybox-bg { background-color: rgba(0, 0, 0, 0.7); } /*Theme*/ /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url("/Content/Source/img/ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url("/Content/fonts/slick.eot"); src: url("/Content/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/slick.woff") format("woff"), url("/Content/fonts/slick.ttf") format("truetype"), url("/Content/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: ""; } [dir="rtl"] .slick-prev:before { content: ""; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: ""; } [dir="rtl"] .slick-next:before { content: ""; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 1; } .slick-list * { outline: none; -webkit-box-shadow: none; box-shadow: none; } .slick-dotted.slick-slider { margin-bottom: 0; } .slick-dots li { position: relative; width: 12px; width: 0.75rem; height: 12px; height: 0.75rem; } .slick-dots li:hover button:before, .slick-dots li.slick-active button:before { background-color: #3688C3; } .slick-dots li button { position: absolute; width: 100%; height: 100%; } .slick-dots li button:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #3688C3; opacity: 1; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } .slick-next, .slick-prev { z-index: 10; width: 40px; width: 2.5rem; height: 40px; height: 2.5rem; border-radius: 50% !important; border: 1px solid #3688C3; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } .slick-next:before, .slick-next:after, .slick-prev:before, .slick-prev:after { content: ''; position: absolute; top: 50%; left: 50%; width: 16px; width: 1rem; height: 16px; height: 1rem; margin-top: -8px; margin-top: -0.5rem; margin-left: -8px; margin-left: -0.5rem; background-position: center center; background-size: contain; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .slick-next:after, .slick-prev:after { opacity: 0; } .slick-next:hover, .slick-prev:hover { background-color: #3688C3; } .slick-next:hover:before, .slick-prev:hover:before { opacity: 0; } .slick-next:hover:after, .slick-prev:hover:after { opacity: 1; } .slick-next:before { background-image: url("/Content/Source/img/icon/arrow-blue.svg"); } .slick-next:after { background-image: url("/Content/Source/img/icon/arrow.svg"); } .slick-prev:before, .slick-prev:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .slick-prev:before { background-image: url("/Content/Source/img/icon/arrow-blue.svg"); } .slick-prev:after { background-image: url("/Content/Source/img/icon/arrow.svg"); } [data-js-slider] .slick-dots { left: calc(50% - 654px); bottom: 35px; bottom: 2.1875rem; width: auto; padding: 0 15px; text-align: left; } @media screen and (max-width: 1599px) { [data-js-slider] .slick-dots { left: 4.6875rem; } } @media screen and (max-width: 991px) { [data-js-slider] .slick-dots { left: 0; } } [data-js-slider] .slick-next { right: 100px; right: 6.25rem; } @media screen and (max-width: 1599px) { [data-js-slider] .slick-next { right: 1.875rem; } } [data-js-slider] .slick-prev { left: 100px; left: 6.25rem; } @media screen and (max-width: 1599px) { [data-js-slider] .slick-prev { left: 1.875rem; } } [data-js-reference] .slick-next { right: -45px; right: -2.8125rem; } [data-js-reference] .slick-prev { left: -45px; left: -2.8125rem; } /*Theme*/ html { font-family: 'Poppins'; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { margin: 0; font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; color: #2c2d31; text-align: left; background-color: #ffffff; } @media (max-width: 450px) { .fd-xs-block { display: block !important; } .fd-xs-block input.ml-4 { margin-top: 10px; margin-left: 0px !important; } } /* Ukotvení hlavičky seznamu nabídek: hlavička - text */ .sticky-header-text { /* text-align: left; */ font-family: "Open Sans", sans-serif; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; color: #797979 !important; } /* Ukotvení hlavičky seznamu nabídek: hlavička */ .sticky-header { min-height: 40px; height: auto; background-color: #ffffff; z-index: 1; } .sticky-header-sticky { position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0px 17px 20px -5px rgba(0, 0, 0, 0.1); z-index: 10; } .sticky-header-sticky + div { padding-top: 40px; } .reverse-wrap { display: flex; flex-wrap: wrap-reverse; justify-content: center; align-items: center; gap: 1em; } /* spz banner - new top part of LP */ .new_lp_ab .container { padding: 0 20px; } .bubble_spz_banner { display: flex; } .bubble_spz_banner_left, .bubble_spz_banner_right { flex: 1; } .bubble_spz_banner_left_top h3 { font-size: 24px; line-height: 33px; font-weight: 700; padding: 0; color: #ffffff; } .bubble_spz_banner_left_top h1 { font-size: 44px !important; font-weight: 700 !important; line-height: 60px !important; } .bubble_spz_banner_right_top { background-image: url(/Content/source/img/png//poj_car_ab.png); width: 100%; height: 318px; background-size: calc(100% - 30px); background-position: right 43px center; background-repeat: no-repeat; margin-top: -17px; } .bubble_spz_banner_row { display: flex; justify-content: space-between; } .bubble_spz_banner_content { width: 100%; height: 100%; padding-left: 40px; background-image: url(/Content/Source/img/lander/check.png); background-repeat: no-repeat; background-position: top left; background-size: 25px; } .bubble_spz_banner_content h5 { font-size: 24px; color: #ffffff; font-weight: 700; line-height: 32px; text-transform: uppercase; } .bubble_spz_banner_content p { color: #ffffff; font-size: 16px; font-weight: 400; line-height: 22px; } .bubble_spz_banner_right_bottom { margin: 20px 20px 36px 20px; } @media screen and (max-width: 1220px) { .bubble_spz_banner_right_top { height: 350px; } } @media screen and (max-width: 836px) { .bubble_spz_banner { flex-direction: column; } .bubble_spz_banner_right_top { height: 430px; } } @media screen and (max-width: 576px) { .bubble_spz_banner_left_top h3 { font-size: 20px; line-height: 27px; } .bubble_spz_banner_left_top h1 { font-size: 28px !important; line-height: 38px !important; } .bubble_spz_banner_right { display: flex; flex-direction: column-reverse; } .bubble_spz_banner_content h5 { display: none; } .bubble_spz_banner_row { flex-direction: column; gap: 10px; } .new_lp_ab .container { padding: 0 15px; } .bubble_spz_banner_content { padding-left: 25px; background-position: top 3px left; background-size: 15px; } .bubble_spz_banner_right_bottom { margin: 20px 20px 36px 0px; } .bubble_spz_banner_right_top { background-image: url(/Content/source/img/png//poj_car_ab_1.png); width: 100%; background-size: 100%; background-position: center center; background-repeat: no-repeat; margin-top: 0; height: 300px; } } @media screen and (max-width: 450px) { .bubble_spz_banner_right_top { height: 250px; } } @media screen and (max-width: 380px) { .bubble_spz_banner_right_top { height: 180px; } } .container input[type=checkbox] { display: none; } /* Soutěž o plnou nádrž */ /* globals */ #spn { font-family: 'Poppins'; } #spn .container { padding: 0 20px; } #spn .container::after { content: none; } #spn .title { text-align: left; font-size: 24px; font-weight: 600; line-height: 36px; color: #474747; } #spn .sub_text { text-align: left; font-size: 18px; font-weight: 400; line-height: 26px; color: #474747; } /* block 1 */ #spn .spn_block_1 { margin: 0 !important; padding: 0 !important; } #spn .spn_block_1 .container { background-image: url(/Content/source/img/png/gas_can.png); background-size: 80%; background-position: center bottom 25px; background-repeat: no-repeat; } #spn .spn_block_1 .bubble_spz_banner_right_top { background-image: none; } .gas_can.bubble, #gas_can_block_2 { font-family: 'Poppins'; margin: 0; } #spn .spn_block_1 .bubble_spz_banner_left_top h1 { padding: 10px 0 10px 0 !important; } #spn .spz_banner_modal_ac { max-width: 451px; gap: 0; } #spn .spz_banner_modal_input { border: 1px solid #CACACA; border-radius: 10px; height: 42px; } #spn #bannerSpzInput_1, #spn #bannerSpzInput_2 { background-color: #FFFFFF; border-radius: 0 10px 10px 0; border: none; padding: 10px; width: 100%; } #spn .spz_banner_modal_error_1, #spn .spz_banner_modal_error_2 { display: none; font-size: 14px !important; line-height: 19px !important; font-weight: 700 !important; color: #FF3131; margin-top: 5px; } #spn .spz_banner_modal_calculate_spz_1 { background: #FF8615; color: #FFFFFF; text-align: center; font-size: 16px !important; line-height: 24px !important; padding: 10px 22px; margin-top: 10px; margin-bottom: -2px; margin-right: -2px; border-radius: 7px; font-weight: 500; position: relative; cursor: pointer; width: 100%; transition: all 0.2s; } #spn .spz_banner_modal_calculate_spz_1:hover { background: #F0820B; } #spn .spz_banner_modal_calculate_spz_1:active { background: #C96D09; } #spn .spz_banner_modal_calculate_spz_1.isLoading { background-color: #7f7f7f; color: #7f7f7f; transition: none; } #spn .spz_banner_modal_calculate_spz_1:after { content: ''; position: absolute; right: 18px; top: 0; width: 7px; height: 100%; background-size: contain; } #spn .spz_banner_modal_calculate_spz_1.isLoading:after { margin: 0 auto; font-size: 10px; top: calc(50% - 13px); right: calc(50% - 13px); position: absolute; text-indent: -9999em; border-top: 3px solid rgba(255, 255, 255, 0.4); border-right: 3px solid rgba(255, 255, 255, 0.4); border-bottom: 3px solid rgba(255, 255, 255, 0.4); border-left: 3px solid #fff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.5s infinite linear; animation: load8 1.1s infinite linear; background: transparent; width: 20px; height: 20px; border-radius: 50%; } #spn .spz_banner_modal_calculate_spz_2 { background: #FF8615; color: #FFFFFF; text-align: center; font-size: 16px !important; line-height: 24px !important; padding: 10px 22px; margin-top: 24px; margin-bottom: -2px; margin-right: -2px; border-radius: 12px; font-weight: 500; position: relative; cursor: pointer; width: 100%; transition: all 0.2s; } #spn .spz_banner_modal_calculate_spz_2:hover { background: #F0820B; } #spn .spz_banner_modal_calculate_spz_2:active { background: #C96D09; } #spn .spz_banner_modal_calculate_spz_2.isLoading { background-color: #7f7f7f; color: #7f7f7f; transition: none; } #spn .spz_banner_modal_calculate_spz_2:after { content: ''; position: absolute; right: 18px; top: 0; width: 7px; height: 100%; background-size: contain; } #spn .spz_banner_modal_calculate_spz_2.isLoading:after { margin: 0 auto; font-size: 10px; top: calc(50% - 13px); right: calc(50% - 13px); position: absolute; text-indent: -9999em; border-top: 3px solid rgba(255, 255, 255, 0.4); border-right: 3px solid rgba(255, 255, 255, 0.4); border-bottom: 3px solid rgba(255, 255, 255, 0.4); border-left: 3px solid #fff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.5s infinite linear; animation: load8 1.1s infinite linear; background: transparent; width: 20px; height: 20px; border-radius: 50%; } #spn .spz_banner_modal_eu_flag { background-image: url(/Content/Source/img/png/eu-cz-flag-new.png); background-size: 27px 42px; width: 27px; margin-top: -1px; margin-bottom: -1px; margin-left: 0px; flex-shrink: 0; } #spn .spz_banner_modal_ac .spz_banner_modal_calculate_spz { line-height: 24px !important; font-weight: 400; border-radius: 7px; margin-top: 10px; } #spn .spz_banner_modal_ac .spz_banner_modal_calculate_nospz { border-radius: 7px; font-weight: 400; padding: 10px; transition: all 0.2s; } #spn .spz_banner_modal_ac .spz_banner_modal_calculate_nospz:hover { background-color: #006DB3; } #spn .spz_banner_modal_ac .spz_banner_modal_calculate_nospz:active { background-color: #00578F; } #spn .spz_banner_modal_row h3 { margin: 0 0 10px 0 !important; font-size: 18px !important; line-height: 25px !important; } #spn .spn_block_1 .bubble_spz_banner_left_bottom { display: flex; flex-direction: column; color: #FFFFFF; font-style: normal; font-weight: 400; font-size: 18px; line-height: 26px; gap: 10px; padding: 20px 0 304px 0; } #spn .spn_block_1 .bubble_info_text { background-image: url(/Content/Source/img/svg/check-regular.svg); background-size: 18px 18px; background-position: left center; background-repeat: no-repeat; padding-left: 30px; } /* block 2 */ #spn .spn_block_2 .container, #spn .spn_block_3 .container, #spn .spn_block_4 .container, #spn .spn_block_5 .container { padding-top: 64px; padding-bottom: 64px; display: flex; flex-direction: column; gap: 64px; } #spn .spn_block_2 .title { padding-bottom: 10px; } #spn .spn_block_2 .why__boxes { display: flex; flex-direction: column; padding: 40px 0; gap: 20px; } #spn .spn_block_2 .why__col { padding-left: 40px; position: relative; } #spn .spn_block_2 .why__col h4 { text-align: left; font-size: 18px; font-weight: 600; line-height: 27px; color: #474747; padding-bottom: 10px; } #spn .spn_block_2 .why__col p { text-align: left; font-size: 16px; font-weight: 400; line-height: 27px; color: #474747; } #spn .spn_block_2 .why__number { position: absolute; width: 30px; height: 30px; font-size: 18px; z-index: 1; background: transparent; border-radius: 50%; border: 2px solid #1CA21C; color: #1CA21C; left: 0; text-align: center; top: 0; font-weight: 600; display: flex; justify-content: center; align-items: center; } #spn .spn_block_2 .link_buttons { display: flex; flex-direction: column; gap: 8px; max-width: 375px; margin: auto; } #spn .spn_block_2 a { text-decoration: none; display: flex; font-size: 18px; font-weight: 500; color: #FFFFFF; justify-content: center; padding: 13px 24px 14px 24px; border-radius: 16px; } #spn .spn_block_2 .button_insurance { background-color: #FF8615; transition: all 0.2s; } #spn .spn_block_2 .button_insurance:hover { background: #F0820B; } #spn .spn_block_2 .button_insurance:active { background: #C96D09; } #spn .spn_block_2 .button_car_accident { background-color: #007DC3; transition: all 0.2s; } #spn .spn_block_2 .button_car_accident:hover { background-color: #006DB3; } #spn .spn_block_2 .button_car_accident:active { background-color: #00578F; } /* block 3 */ #spn .spn_block_3 { background-color: #EDEDED; } #spn .spn_block_3 .sub_text { padding-top: 8px; } #spn .spn_block_3 .mp-items { display: flex; flex-direction: column; gap: 20px; padding-top: 24px; } #spn .spn_block_3 .mp-item { } #spn .spn_block_3 .mp-title { color: #1CA21C; font-size: 36px; font-weight: 600; line-height: 54px; } #spn .spn_block_3 .mp-text { color: #474747; font-size: 18px; line-height: 26px; } #spn .spn_block_3 .winners { display: flex; flex-direction: column; gap: 8px; padding-top: 24px; padding-left: 20px; } #spn .spn_block_3 .winners li { color: #474747; font-size: 16px; font-weight: 500; line-height: 24px; list-style-type: disc; } /* block 4 */ #spn .modals { display: flex; flex-direction: column; gap: 20px; padding-top: 40px; } #spn .spz_banner_modal_ac { border: 1px solid #CACACA; border-radius: 10px; margin-top: 48px; flex: 1; } #spn .spn_block_4 .sub_text { padding-top: 8px; } #spn .spn_block_4 .spz_banner_modal_ac .spz_banner_modal_calculate_spz { margin-top: 24px; border-radius: 12px; text-decoration: none; transition: all 0.2s; } #spn .spn_block_4 .spz_banner_modal_ac .spz_banner_modal_calculate_spz:hover { background: #F0820B; } #spn .spn_block_4 .spz_banner_modal_ac .spz_banner_modal_calculate_spz:active { background: #C96D09; } #spn .spn_block_4 .spz_banner_modal_row h3 { margin: 0 0 30px 0 !important; } #spn .spn_block_4 .spz_banner_modal_ac { padding: 24px; margin-top: 0; margin: auto; width: 100%; } #spn .spn_block_4 .spz_banner_modal_ac .spz_banner_modal_calculate_nospz { border-radius: 12px; } #spn .spn_block_4 h3 { background-repeat: no-repeat; padding-left: 64px !important; line-height: 48px !important; } #spn .spn_block_4 .car_side { background-image: url(/Content/source/img/svg/car-side-duotone.svg); } #spn .spn_block_4 .car_crash { background-image: url(/Content/source/img/svg/car-crash-duotone.svg); } #spn .spn_block_4 ul { list-style-type: disc; padding-left: 19px; display: flex; flex-direction: column; gap: 8px; } /* block 5 */ #spn .spn_block_5 { background-color: #EDEDED; } #spn .spn_block_5 #accordion2 { display: flex; flex-direction: column; gap: 20px; } #spn .spn_block_5 #accordion1, #spn .spn_block_5 #accordion2 { padding-top: 24px; max-width: 780px; margin: auto; } #spn .accordion { position: relative; display: block; width: 100%; height: auto; margin: 0; list-style: none; margin-top: 24px !important; } #spn .accordion li, #spn #accordion1 { position: relative; display: block; width: 100%; height: auto; background-color: #FFF; padding: 20px 40px 20px 20px; border: 1px solid #CACACA; border-radius: 10px; cursor: pointer; box-shadow: 0px 0px 40px 0px rgba(32, 28, 70, 0.05); } #spn .accordion li:hover, #spn #accordion1:hover { border-color: #1CA21C; } #spn #accordion2 li.active h3:after { transform: rotate(-90deg); } #spn .accordion li.active { border-color: #1CA21C; } #spn .accordion h3, #spn #accordion1 .link_to_detail_info { font-weight: 600; position: relative; display: block; width: 100%; height: auto; padding: 0 0 0 0; margin: 0; font-size: 20px; letter-spacing: 0.01em; cursor: pointer; line-height: 30px; color: #474747; text-decoration: none; } #spn #accordion1 .link_to_detail_info:after { content: "."; position: absolute; background: url(/Content/source/img/svg/ico-23_green_new.svg); background-repeat: no-repeat; background-position: center; right: -15px; top: 0; transition: all 0.3s ease-in-out; color: transparent; height: 100%; width: 7.5px; } #spn #accordion2 h3:after { content: "."; position: absolute; background: url(/Content/source/img/svg/ico-23_green_new.svg); background-repeat: no-repeat; background-position: center; right: -15px; top: 0; transition: all 0.3s ease-in-out; color: transparent; height: 100%; width: 7.5px; transform: rotate(90deg); } #spn .accordion div.info_text { position: relative; display: block; width: calc(100% + 20px); height: auto; margin: 0; padding: 0; cursor: pointer; } #spn .accordion div.info_text p { position: relative; display: block; font-weight: 300; padding: 10px 0 0 0; cursor: pointer; line-height: 26px; font-size: 18px; color: #474747; } /* banner */ .spn_banner { padding: 20px 0; } .spn_banner .container { position: relative; } .spn_banner .container:after { content: none; } .spn_banner .spn_banner_content { display: flex; padding: 130px 16px 16px 16px; flex-direction: column; align-items: flex-start; gap: 24px; border-radius: 10px; background: #FFF; max-width: 964px; margin: auto; box-shadow: 0px 0px 40px 0px rgba(32, 28, 70, 0.15); border-radius: 10px; } .spn_banner .info_text { display: flex; flex-direction: column; gap: 8px; } .spn_banner .title { color: #474747; font-size: 20px; font-family: Poppins; font-weight: 600; line-height: 30px; padding: 0; } .spn_banner .subtext { color: #797979; font-size: 16px; font-family: Poppins; line-height: 24px; } .spn_banner .link { color: #007DC3; text-align: center; font-size: 18px; font-family: Poppins; font-weight: 500; text-decoration: none; background: url(/Content/source/img/svg/ico-23_blue_new.svg); background-repeat: no-repeat; background-position: right center; background-size: 7px; padding-right: 20px; min-width: 180px; } .spn_banner .gsn_logo { background-image: url(/Content/source/img/svg/gas_can_banner.png); background-size: 153px; background-position: center; background-repeat: no-repeat; display: block; width: 200px; height: 200px; position: absolute; top: -44px; left: 0; } /* banner thank you page */ .qr-code .spn_banner .container { padding: 0; } .qr-code .spn_banner { padding-bottom: 0; margin-top: 5px; } /* responsives */ @media screen and (min-width: 410px) { #spn .spn_block_1 .container { background-size: 328px; } } @media screen and (min-width: 426px) { #spn .title { text-align: center; font-size: 36px; line-height: 54px; } } @media screen and (min-width: 490px) { #spn .title { text-align: center; font-size: 36px; line-height: 54px; } } @media screen and (min-width: 576px) { #spn .spn_block_3 .mp-items { flex-direction: row; gap: 0; } #spn .spn_block_3 .mp-item { align-items: center; width: 100%; display: flex; flex-direction: column; } .qr-code .spn_banner .gsn_logo { top: -15px; left: -30px; } .spn_banner .gsn_logo { top: -15px; left: -10px; } .spn_banner .spn_banner_content { padding: 16px 16px 16px 155px; } } @media (max-width: 767px) { #spn .spn_block_2 .why__col:first-child:before, #spn .spn_block_2 .why__col:nth-child(2):before { content: ""; position: absolute; width: 1px; height: calc(100% - 30px); border-left: 2px dashed #1CA21C; opacity: .5; top: 40px; left: 14px; } } @media screen and (min-width: 768px) { #spn .spn_block_1 .container { background-position: right 20px center; background-size: 30%; } #spn .spn_block_1 .bubble_spz_banner_left_bottom { padding: 20px 0 20px 0; } #spn .sub_text { text-align: center; max-width: 800px; margin: auto; } #spn .spn_block_2 .why__boxes { flex-direction: row; max-width: 1160px; margin: auto; justify-content: space-between; } #spn .spn_block_2 .why__col:first-child:before { content: ""; position: absolute; width: calc(100% + 0px); border-radius: 50%; height: 77px; border-bottom: 2px dashed #1CA21C; opacity: .5; top: -35px; left: 50%; } #spn .spn_block_2 .why__col:nth-child(2):before { content: ""; position: absolute; width: calc(100% + 17px); border-radius: 50%; height: 77px; border-top: 2px dashed #1CA21C; opacity: .5; top: 0px; left: 50%; } #spn .spn_block_2 .why__number_conatiner { background-color: #FFFFFF; z-index: 1; padding: 0 16px; } #spn .spn_block_2 .link_buttons { flex-direction: row; max-width: unset; margin: auto; justify-content: center; gap: 8px; } #spn .spn_block_2 .why__col { align-items: center; position: relative; display: flex; flex-direction: column; padding: 0; max-width: 327px; } #spn .spn_block_2 .why__number { position: relative; width: 50px; height: 50px; font-size: 24px; } #spn .spn_block_2 .why__col h4 { padding-top: 10px; } #spn .spn_block_2 .why__col p { text-align: center; } #spn .spn_block_3 .mp-items { display: flex; flex-direction: row; gap: 20px; padding-top: 24px; max-width: 1160px; margin: auto; justify-content: space-between; } #spn .spn_block_3 .mp-item { align-items: center; width: 100%; display: flex; flex-direction: column; } #spn .spn_block_3 .mp-title { font-size: 47px; line-height: 90px; } #spn .spn_block_3 .winners { display: flex; flex-direction: column; gap: 8px; background: linear-gradient(#CACACA 0 0) calc(1*100%/2); background-size: 1px 100%; background-repeat: no-repeat; padding: 20px; margin-top: 48px; height: 196px; flex-wrap: wrap; } #spn .spn_block_3 .winners li { margin-left: 9%; } #spn .accordion h3, #spn #accordion1 .link_to_detail_info { font-size: 24px; line-height: 36px; } #spn .modals { flex-direction: row; max-width: 922px; margin: auto; } .spn_banner .title { font-size: 24px; line-height: 36px; } .spn_banner .info_text { gap: 0px; } .spn_banner .spn_banner_content { flex-direction: row; padding: 16px 25px 16px 160px; justify-content: space-between; align-items: center; } .qr-code .spn_banner .spn_banner_content { flex-direction: column; align-items: baseline; } } @media screen and (min-width: 841px) { #spn .spn_block_1 .bubble_spz_banner_left_bottom { flex-direction: row; gap: 35px; } } @media screen and (min-width: 968px) { #spn .spn_block_3 .mp-title { font-size: 60px; line-height: 90px; } #spn .spn_block_3 .winners li { margin-left: 12%; } } @media screen and (min-width: 991px) { .spn_banner .gsn_logo { left: calc(((100% - 964px) / 2) - 30px ); } } @media screen and (min-width: 1030px) { #spn .spn_block_1 .container { background-size: 440px; background-position: center right 100px; } } @media screen and (min-width: 1060px) { #spn .spn_block_2 .why__col:first-child:before { width: calc(100% + 22px); } } @media screen and (min-width: 1090px) { #spn .spn_block_2 .why__col:first-child:before { width: calc(100% + 37px); } #spn .spn_block_2 .why__col:nth-child(2):before { width: calc(100% + 43px); } #spn .spn_block_3 .winners li { margin-left: 14%; } } @media screen and (min-width: 1090px) { #spn .spn_block_2 .why__col:first-child:before { width: calc(100% + 63px); } #spn .spn_block_2 .why__col:nth-child(2):before { width: calc(100% + 69px); } } @media screen and (min-width: 1170px) { #spn .spn_block_2 .why__col:first-child:before { width: calc(100% + 80px); } #spn .spn_block_2 .why__col:nth-child(2):before { width: calc(100% + 80px); } #spn .spn_block_3 .winners li { margin-left: 16%; } } /* header facelift */ .header-facelift header .header-top { padding: 16px 0; font-family: Poppins; } @media screen and (min-width: 801px) { .header-facelift header .header-top { height: unset; } } @media screen and (max-width: 991px) { .header-facelift header .header-top { line-height: unset; } } .header-facelift header .header-top .header-top__left { display: flex; max-width: unset; align-items: center; gap: 24px; } .header-facelift header .header-top .logo img { max-width: 180px; } .header-facelift header .header-top .header-top__left .splitter { height: 24px; width: 1px; background-color: #CACACA; } .header-facelift header .header-top .contact-phone:before { content: ""; display: inline-block; width: 28px; height: 1.66666667em; margin-right: 10px !important; background-image: url(/Content/source/img/svg/phone-alt-solid_grey-dark.svg); } .header-facelift header .header-top .contact-phone-number { padding-top: 3px; } .header-facelift header .header-top .contact-phone-number2 { color: #ffffff; font-size: 16px; background: #007DC3; height: unset; line-height: 24px; border-radius: 12px; padding: 10px 16px; text-decoration: none; margin-left: 24px; font-weight: 500; transition: all 150ms linear; } .header-facelift header .header-top .contact-phone-number2:hover { background-color: #0064a0; } .header-facelift header .header-top .header__tab { padding-left: 24px; } .header-facelift header .header-top .header__tab:before { margin-right: 24px; } .header-facelift header .header-top .header-account { padding-left: 30px; background: url(/Content/source/img/svg/user-regular-grey-dark.svg) left center no-repeat; background-size: 24px; color: #007DC3; text-decoration: none; } .header-facelift header .header-top .header-account:hover { text-decoration: underline; } .header-facelift header .header-top .mob-menu { height: 44px; } @media screen and (max-width: 991px) { .header-facelift header .header-top { padding: 6px 0; } } .header-facelift header .menu--hide { height: 0; } .header-facelift header .header-top .mob-phone { background-image: url(/Content/source/img/svg/phone-alt-solid_grey-dark.svg); background-size: 24px 24px; width: 0; height: 0; } @media screen and (max-width: 991px) { .header-facelift header nav { top: 56px; } .header-facelift header .header-top .logo img { height: 24px; } .header-facelift header .header-top .contact-phone-number2 { padding: 6px 16px; } } @media screen and (max-width: 800px) { .header-facelift header .header-top .header-top__left .splitter, .header-facelift header .header-top .header-top__left .sidetext { display: none; } } @media screen and (max-width: 620px) { .header-facelift header .header-top .contact-phone-number2, .header-facelift header .header-top .contact-phone-number, .header-facelift header .header-top .header__tab:before { display: none; } .header-facelift header .header-top .mob-phone { width: 24px; height: 24px; } .header-facelift header .header-top .header__tab { padding-left: 20px; } .header-facelift header .header-top .mob-menu { margin-left: 20px; } .header-facelift header .header-top .header-account { background-position: center; } } .header-facelift .top-nav { padding: 12px 0; font-family: Poppins; } .header-facelift .top-nav a span { width: 32px; height: 32px; line-height: 18px; font-size: 16px; font-weight: 600; } .header-facelift .top-nav-text { line-height: 16px; font-size: 16px; } .header-facelift .top-nav a:after { content: unset; } .header-facelift .top-nav a { line-height: 24px; align-items: center; display: flex; } @media screen and (max-width: 740px) { .header-facelift .top-nav .cell:not(:last-child) a:before { left: 29px; top: 12px; width: calc(100% - 34px); min-width: unset; } .header-facelift .top-nav .cell:not(:last-child) { width: calc((100% - 24px) / 3) !important; } .header-facelift .top-nav .cell { width: 24px !important; height: 24px; } .header-facelift .top-nav a span { width: 24px; height: 24px; line-height: 15px; font-size: 14px; margin: 0; } } @media screen and (max-width: 740px) { .header-facelift .top-nav .cell a.done span { background-image: url(/Content/source/img/icon/check-white.svg); } } .rdrbutton.disabled { color: red !important; cursor: not-allowed !important; } /*Styl pro e-pojisteni.cz*/ header .header-top .contact-phone { color: #1ca21c; } header nav .active-item { background: #1ca21c; } header nav .active-item a { color: #474747; } .home .bg-green, .bg-green { background: linear-gradient(-79deg, #1ca21c, #1ca21c); } .bubble{ margin-bottom: 25px; } .bubble--green { /*background: linear-gradient(-79deg, #1ca21c, #1ca21c);*/ background: none; background-color: #1ca21c; } header nav li a:hover { color: #1ca21c; } .bg-green .index-left ul li { color: #fff; } .bg-green .index-left .circle-1, .bg-green .index-left .circle-2 { color: #fff; } .calculate__div { background: #ff8615; border-radius: 10px; } .calculate__div:hover { background: #e1854c; } .tlacitko { background: #006db3; } main .poj .poj__content .poj__link:hover { background: #006db3; } .bg-green2 { background: #1ca21c; background: linear-gradient(-79deg, #1ca21c, #1ca21c); } .bg-green2 .bg-green2__left p { color: #fff; } .bg-green2 .bg-green2__right p { color: #fff; } .blog .post-with-img .blog__content__box h5, .blog .post-with-img .blog__content__box .h5 { color: #1ca21c; } .blog .post-with-img .blog__content__box .blog__content__box__hover span { color: #1ca21c; } .blog .blog__button { background-color: #1ca21c; } .reference .reference__star .reference__star__percent .perc_after { background-color: #1ca21c; } .bg-green h1 { font-weight: 600; } .function-boxes-container h3:hover { color: #1ca21c !important; } .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #1ca21c; } .main-content .helpful-link li a:hover { background: #1ca21c; } .main-content .text-content a { color: #1ca21c; } .blog-item big { color: #1ca21c; } .main-content .text-content h2, .main-content .text-content h3, .main-content .text-content h4, .main-content .text-content h5 { color: #1ca21c; } .table-header thead td { background-color: #085d9d; } .font-green { color: #1ca21c; } table.table_css tr { border-color: #1ca21c; } .green { color: #1ca21c !important; } .before-close .circle { background-color: #1ca21c; } .main-content .related-site li a:hover { color: #1ca21c; } .table-bg-green { background-color: #1ca21c; } .top-nav a.active { color: #1ca21c; } .top-nav a.active span { color: #474747; background: #1ca21c; border-color: #1ca21c; } .bg-green3 { background: #1ca21c; } .link-bottom .a__link--continue { background-color: #006db3; } .button-orange { background-color: #ff8615; } .button-orange:hover { background-color: #e1854c; } .forms-content .forms-block__box h2 { color: #1ca21c; } .form-text h2 { color: #1ca21c; } /* .forms-content .forms-block__box .form-block__form .status-good { border-color: #1ca21c; } */ .forms-content .forms-block__box .form-block__form select:focus { border-color: #1ca21c; } .forms-content .forms-block__box .form-block__form input:focus { border-color: #1ca21c; } .forms-content .forms-block__box .form-block__form textarea:focus { border-color: #1ca21c; } .f-select:focus, .f-input:focus { border-color: #1ca21c; } .forms-content .forms-block__box .form-block__info .info-box { border: 2px solid #1ca21c; } .forms-content .forms-block__box .form-block__info .info-box .title_info { color: #1ca21c; } .forms-content .forms-block__box .form-block__form input.form-radio + label:before { border: 2px #1ca21c solid; } .forms-content .forms-block__box .form-block__form input.form-radio + label { cursor: pointer; } .forms-content .forms-block__box .form-block__form input.form-radio:checked + label:after { background-color: #1ca21c; top: 12px; left: 12px; width: 12px; height: 12px; } .small .forms-block__box .button-recount a { border: 2px solid #006db3; color: #006db3; } .results .info-text { color: #1ca21c; } .result-box .cell--2 span { color: #91ce4b; } .button-online { background-color: #006db3; } .link-bottom a { background-color: #1ca21c; } .tlacitko_big { background-color: #006db3; } header .header-top .logo img { max-width: 100%; width: 16.375em; } .reference .reference__star span { color: #1ca21c; } .list-price { color: #1ca21c; } .list-button { background-color: #ff8615; } .list-button:hover { background-color: #e1854c; } .list-detail .ul-icon-title { color: #006db3; } .f-button { border-color: #006db3; background-color: #006db3; } .info-content { border-color: #1ca21c; } .list-button-detail { background-color: #929191; } .list-button-detail:hover { background-color: #a7a6a6; } .change__block__button { background-color: #1ca21c; } .f input[type=radio] + label:before { border-color: #1ca21c; } .f input[type=radio]:checked + label:after { background-color: #1ca21c; } header .line { background: #1ca21c; } .box__title { background: linear-gradient(-79deg, #1ca21c, #1ca21c); } .table-header thead td { background-color: #1ca21c; } .box__buttons span { background-color: #1ca21c; } .box__buttons li:hover span { background-color: #1ca21c; } .box__buttons li:hover a { color: #1ca21c; } .top-nav a.done { color: #1ca21c; } .top-nav a.done span { background: #1ca21c; border-color: #1ca21c; } .top-nav a.active { color: #ffffff; } .top-nav a.active span { color: #474747; background: #ffffff; border-color: #ffffff; } .navigace a, .navigace span { color: #ffffff; } .navigace a:hover { text-decoration: underline; } .recbox h2, .recbox__name, .chbox__title { color: #1ca21c; } .recbox__item input[type=radio] + label:before, .recbox__item input[type=radio] + label:after { border-color: #1ca21c; } .recbox__item input[type=radio] + label:after { background-color: #1ca21c; } .dashed-title { color: #1ca21c; } .dashed-box { border-color: #1ca21c; } .dashed-text { border-color: #1ca21c; } .bg-ruceni { background-color: #474747; } .bg-ruceni .cell a span { color: #797979; border-color: #797979; } .bg-ruceni .cell .top-nav-text { color: #797979; } .top-nav a.active-white .top-nav-text { color: #fff; } .bg-green-ruceni { background-color: #1ca21c; } .bg-green-ruceni h1:before { background-image: url("/Content/Source/img/icon/srovnejto/ico-26.svg"); } .forms-block__box h2 { color: #1ca21c; } .forms-block__box .form-block__form input.form-radio:checked + label:after { background-color: #1ca21c; } .forms-block__box .form-block__form input.form-radio + label:before { border-color: #1ca21c; } .input__flex { display: flex; flex-wrap: wrap; } .input__w25 { width: 25%; flex: 0 0 25%; position: relative; } .input__w20 { width: 20%; flex: 0 0 20%; position: relative; margin-bottom: 12px; } @media only screen and ( max-width: 700px ) { .input__w20 { width: 25%; flex: 0 0 25%; } } .input__w40 { width: 40%; flex: 0 0 40%; } .input__w33 { width: 33.3333%; flex: 0 0 33.3333%; } @media only screen and ( max-width: 600px ) { .input__w20 { width: 33.3333%; flex: 0 0 33.3333%; text-align: center; } .input__w40 { width: 33.3333%; flex: 0 0 33.3333%; text-align: left; padding-left: 25px; } .input__w25 { width: 33.3333%; flex: 0 0 33.3333%; margin-bottom: 15px; } } @media only screen and ( max-width: 540px ) { .input__w25 { width: 50%; flex: 0 0 50%; } .form-block.form--parametr .input__flex { width: 359px; } .forms-block__box.forms-block__box--checkbox.bonusy .input__flex.input--noimage { width: 359px; } } @media only screen and ( max-width: 400px ) { .form-block.form--parametr .input__flex { width: 100%; } .forms-block__box.forms-block__box--checkbox.bonusy .input__flex.input--noimage { width: 100%; } } @media only screen and ( max-width: 870px ) { .input__w33 { width: 50%; flex: 0 0 50%; } } @media only screen and ( max-width: 700px ) { .input__w33 { width: 100%; flex: 0 0 100%; } } .input__w25 input[type="radio"] { opacity: 0; position: relative; } .input__w25 input[type="radio"] + label:before { content: ""; position: absolute; top: 0; left: 0; width: 126px; height: 51px; border: 2px solid #cacaca; border-radius: 4px; background-color: #ededed; color: #000; cursor: pointer; background-size: 23px 17px; background-image: none; background-repeat: no-repeat; background-position: center left 15px; display: block; } @media only screen and ( max-width: 350px ) { .input__w25 input[type="radio"] + label:before { width: 100px; } } .input__w25 input[type="radio"]:checked + label:before { background-color: #fff; border-color: #24a214; background-image: none; } .input__w25 input[type=radio] { position: absolute; } .input__w25 input[type=radio] + label { margin-left: 0; padding-top: 11px; padding-left: 45px; } .input--noimage input[type=radio] + label { padding-left: 15px; } .input--noimage input[type=radio] + label span { line-height: 16px; } .input__w25 input + label span { display: inline-block; position: relative; color: #000; font-size: 14px; line-height: 16px; cursor: pointer; padding-right: 10px; } @media only screen and (max-width: 991px) { .input__w25 input + label span { padding-right: 71px; } } @media only screen and (max-width: 575px) { .input__w25 input + label span { padding-right: 10px; } } @media only screen and (max-width: 540px) { .input__w25 input + label span { padding-right: 15px; } } .input__w25 input:checked + label span { color: #1ca21c; } .input__w25 label { display: flex; padding-left: 10px; color: #000; } .input__flex input[type="radion"] + label:before { transition: all 0.2s; } .radio--osobni input[type="radio"] + label:before { background-image: url("/Content/Source/img/icon/car-gray.svg"); } .input__w25.radio--house input[type="radio"] + label:before { background-image: url(/Content/Source/img/icon/rodinnydum-gray.svg); background-size: 37px; background-position: center left 6px; } .input__w25.radio--flat input[type="radio"] + label:before { background-image: url(/Content/Source/img/icon/byt-gray.svg); background-size: 37px; background-position: center left 6px; } .input__w25.radio--cottage input[type="radio"] + label:before { background-image: url(/Content/Source/img/icon/chata-gray.svg); background-size: 37px; background-position: center left 6px; } .radio--osobni input[type="radio"]:checked + label:before { background-image: url("/Content/Source/img/icon/car-hover.svg"); } .radio--moto input[type="radio"] + label:before { background-image: url("/Content/Source/img/icon/motorcycle-gray.svg"); } .radio--moto input[type="radio"]:checked + label:before { background-image: url("/Content/Source/img/icon/motorcycle-hover.svg"); } .radio--truck input[type="radio"] + label:before { background-image: url("/Content/Source/img/icon/truck-gray.svg"); } .radio--truck input[type="radio"]:checked + label:before { background-image: url("/Content/Source/img/icon/truck-hover.svg"); } .input__flex #radio-jine, .input__flex #radio-jine2, .input__flex #radio-jine3, .input__flex #radio-jine4 { width: 130px; height: 55px; border-color: #cacaca; background-color: #ededed; background-position: center right 15px; background-image: url("/Content/Source/img/icon/select-gray.svg"); background-size: 11px; font-size: 14px; padding-bottom: 0; padding-top: 0; padding-right: 32px; white-space: pre-wrap; white-space: -moz-pre-wrap; word-wrap: normal; overflow-wrap: break-word; text-overflow: ellipsis; } .input__flex #radio-jine:focus, .input__flex #radio-jine2:focus, .input__flex #radio-jine3:focus, .input__flex #radio-jine4:focus { border-color: #1ca21c; background-color: #fff; color: #1ca21c; background-image: url("/Content/Source/img/icon/select-gray.svg"); } .input__flex #radio-jine.is-active { background-image: url("/Content/Source/img/icon/select-green.svg"); } .brand__item input[type="radio"] + label:before { content: ""; position: absolute; top: 0; left: 0; width: 56px; height: 56px; border: 2px solid #cacaca; border-radius: 100%; background-color: #ededed; color: #000; cursor: pointer; display: block; } .brand__item input[type="radio"]:checked + label:before { border-color: #1ca21c; } .brand__item input[type="radio"] + label:before { background-size: 38px; background-image: url("/Content/Source/img/icon/skoda.png"); background-repeat: no-repeat; background-position: center center; } .logoSkoda:before { background-size: 38px; background-image: url("/Content/Source/img/icon/skoda.png") !important; background-repeat: no-repeat; background-position: center center; } .logoVw:before { background-size: 38px; background-image: url("/Content/Source/img/icon/vw.png") !important; background-repeat: no-repeat; background-position: center center; } .logoFord:before { background-size: 38px; background-image: url("/Content/Source/img/icon/ford.png") !important; background-repeat: no-repeat; background-position: center center; } .logoPeugeot:before { background-size: 38px; background-image: url("/Content/Source/img/icon/peugeot.png") !important; background-repeat: no-repeat; background-position: center center; } .logoRenault:before { background-size: 38px; background-image: url("/Content/Source/img/icon/renault.png") !important; background-repeat: no-repeat; background-position: center center; } .logoCitroen:before { background-size: 38px; background-image: url("/Content/Source/img/icon/citroen.png") !important; background-repeat: no-repeat; background-position: center center; } .logoBmw:before { background-size: 38px; background-image: url("/Content/Source/img/icon/bmw.png") !important; background-repeat: no-repeat; background-position: center center; } .logoOpel:before { background-size: 38px; background-image: url("/Content/Source/img/icon/opel.png") !important; background-repeat: no-repeat; background-position: center center; } .logoAudi:before { background-image: url(/Content/Source/img/icon/audi.png) !important; } .logoHyundai:before { background-image: url(/Content/Source/img/icon/hyundai.png) !important; } .brand__item input[type=radio] + label { line-height: 19px; } .brand__item { text-align: center; } .brand__item input[type="radio"] + label { min-width: 90px; } .brand__item input[type="radio"] + label:before { margin-left: 14px; } .form-small__form input { max-width: 137px; width: 100%; } .form__top--info p { text-align: left; font-weight: 700; padding-left: 230px; margin-bottom: 30px; font-size: 14px; } .form-medium__form { max-width: 275px; width: 100%; } .form-big__form { max-width: 412px; width: 100%; } .input__button .calculate { max-width: 470px; width: 100%; } .input__button .calculate .calculate__div { padding: 36px 125px; border-radius: 10px; } @media only screen and ( max-width: 740px ) { .input__button { width: 100%; } .input__button .calculate { margin: 0 auto; } } @media only screen and ( max-width: 515px ) { .input__button .calculate { max-width: 375px; } .input__button .calculate .calculate__div { padding: 36px 50px; } } @media only screen and ( max-width: 400px ) { .input__button .calculate { max-width: 275px; } .input__button .calculate .calculate__div { padding: 25px 15px; } } .input__slogan .title-next { position: relative; top: 38px; } @media only screen and ( max-width: 740px ) { .input__slogan { display: none; } } .form--description p { max-width: 700px; } @media only screen and ( max-width: 800px ) { .form--description { padding-bottom: 40px !important; } } .footer-ruceni { background-color: #474747; padding-top: 35px; padding-bottom: 10px; } .footer__flex { display: flex; flex-wrap: wrap; } .footer__content { border-bottom: 1px solid #fff; padding-bottom: 30px; } .footer__item { width: 50%; flex: 0 0 50%; } @media only screen and ( max-width: 768px ) { .footer__item { width: 100%; flex: 0 0 100%; margin-bottom: 20px; } .footer__item:last-child { margin-bottom: 0; } } .footer__icon img { display: block; width: 20px; height: auto; margin-right: 27px; position: relative; top: 7px; } .footer__text p { color: #fff; font-size: 13px; } .footer__contact span, .footer__contact a { color: #fff; font-size: 20px; font-weight: 700; } .footer__contact a:hover { text-decoration: none; } .footer__icon.footer--mail img { width: 30px; top: 10px; } @media only screen and ( max-width: 575px ) { .form__mobile--mb { margin-bottom: 20px; } } .header__icon img { width: 17px; height: 30px; margin-right: 10px; position: relative; top: 5px; } .header__flex { display: flex; } .header__phone span { color: #1ca21c; font-size: 18px; font-weight: 700; } .header__call p { color: #1ca21c; font-size: 13px; text-decoration: underline; line-height: 13px; margin-bottom: 0; font-weight: 700; } .header__content { text-align: left; } .forms-content .forms-block__box .info { color: #fff; background: #797979; } .forms-content .forms-block__box .form-block__form input:focus { border-color: #1ca21c; background-color: #ffffff; } .brand { position: relative; left: -4px; top: -5px; } .pb-0 { padding-bottom: 0 !important; } .forms-content .form-block input[type="radio"] + label:before { border: 2px solid #cacaca; background-color: #ededed; } .forms-content .form-block input[type="radio"]:checked + label:before { border-color: #1ca21c; background-color: #edf8ed; } .forms-block__box.forms-block__box--checkbox .info { top: 0; } .forms-block__box.pb-0 .info { top: 5px; } .forms-content .forms-block__box .form-block__form input, .forms-content .forms-block__box .form-block__form select, .forms-content .forms-block__box .form-block__form textarea { border-color: #cacaca; background-color: #ededed; } .forms-content .forms-block__box .form-block__form input:focus, .forms-content .forms-block__box .form-block__form select:focus, .forms-content .forms-block__box .form-block__form textarea:focus { border-color: #1ca21c; } .forms-content .forms-block__box .form-block__form { width: 600px; } .forms-content .form-block__full input[type="checkbox"] + label:after { border-color: #1ca21c !important; } .brand__title { position: relative; top: 38px; left: 17px; } .brand__title span { font-size: 12px; } .forms-content .form-block input[type="radio"]:checked + label:before + .brand__title span { color: #1ca21c; } .input__flex #radio-jine, .input__w25 input[type="radio"] + label:before, .brand__item input[type="radio"] + label:before { background-color: #ededed; } .forms-content .form-block input[type=checkbox] + label:before { content: ''; border: 2px solid #1ca21c; width: 28px; height: 28px; background-color: #ffffff; } .forms-content .form-block input[type=checkbox]:checked + label:before { background-image: url("/Content/Source/img/icon/check-hover.svg"); background-position: center center; background-size: 20px; background-repeat: no-repeat; background-color: #edf8ed; border-color: #1ca21c; } .forms-content .form-block input[type=checkbox]:disabled + label:before { border-color: #cacaca; background-color: #ffffff; } .forms-content .forms-block__box .form-block__form textarea:focus { background-color: #ffffff; } .form-block__full input[type=checkbox] + label:before { background-image: none !important; } .form-block__full input[type=checkbox]:checked + label:before { background-image: url("/Content/Source/img/icon/check-hover.svg") !important; } .form-block__full input[type=checkbox]:disabled + label:before { background-image: url("/Content/Source/img/icon/check-gray-regular.svg") !important; } .forms-block__box input[type=checkbox]:checked + label:before, .form-block__full input[type=checkbox]:checked + label:before { content: ""; top: 0; left: 0; position: absolute; width: 28px; height: 28px; background-image: url("/Content/Source/img/icon/check-gray.svg"); background-position: center center; background-size: 20px; background-repeat: no-repeat; border: 2px solid #1ca21c; background-color: #edf8ed; } .forms-block__box input[type=checkbox] + label:before, .form-block__full input[type=checkbox] + label:before { content: ""; top: 0; left: 0; position: absolute; width: 28px; height: 28px; border: 2px solid #1ca21c; background-color: #ffffff; } .info__bonus .bonus--check { width: 15px; height: 15px; background-image: url("/Content/Source/img/icon/check-green.svg"); background-repeat: no-repeat; background-size: 15px; background-position: center center; display: inline-block; margin-right: 10px } .info__bonus { display: flex; position: relative; } @media only screen and ( max-width: 575px ) { .info__bonus p { margin-bottom: 28px; } } .button__subtitle { max-width: 515px; width: 100%; } .button__subtitle p { font-size: 14px; line-height: 14px; margin-top: 20px; } .input__button .calculate { float: left; margin-bottom: 15px; } .bg-green3.bg-green-ruceni h1 { font-weight: 700; } @media only screen and ( max-width: 575px ) { .forms-content .forms-block__box .form-block__form { width: 100%; } .forms-content .forms-block__box h2 { font-size: 22px; } .input__button .calculate { float: none; margin-bottom: 50px; } .bg-green3.bg-green-ruceni h1 { font-size: 30px; line-height: 34px; padding-left: 35px; } .forms-content .form-block__text label { font-size: 18px; margin-bottom: 10px; } .forms-content .form-block__text label br { display: none; } } .bg-grey.bg-ruceni .active-white span { border-color: #fff !important; } @media only screen and ( max-width: 450px ) { .button__subtitle { margin-left: 30px; } } .forms-content .forms-block__box .form-block__info .info-box { border-color: #000; } .forms-content .forms-block__box .form-block__before { padding-right: 0; } .forms-content .forms-block__box .info__container { padding-left: 25px; } .form-block.form-block--checkbox.margin30 .info__container.pl-1 { padding-left: 20px; } .form-block.form-block--checkbox.margin30 .info__container.pl-0 { padding-left: 2px; } .forms-content .forms-block__box.pb-0 .info__container { padding-left: 5px; } .forms-content .ruceni--bonus .info__container { padding-left: 5px !important; } .input__slogan .title-next { position: relative; left: -45px; } @media only screen and ( max-width: 991px ) { .input__slogan .title-next { left: 0; } .forms-content .info__container { position: absolute; top: 0; } .forms-content .forms-block__box .form-block__before { width: 100%; } .forms-content .forms-block__box .info__container { padding-left: 0; } .forms-content .form-small__form, .forms-content .form-medium__form, .forms-content .form-big__form { width: 100%; max-width: 100%; } .forms-content .forms-block__box .form-block__form { width: 100%; } .forms-content .form-block.form-block--checkbox .info__container { padding-left: 0; } .forms-content .form-block__text label { margin-bottom: 0; } .forms-content .forms-block__box .info__container { top: -3px; right: 0; } .forms-block__box.forms-block__box--checkbox.bonusy .info__container { top: -5px; } .bg-green3.bg-green-ruceni h1 br { display: none; } .form-block.ruceni--bonus .form-block__text label br { display: none; } .info__bonus p { margin-bottom: 35px; } .header__flex { justify-content: flex-end; } .form--uziti-auto .info__container { right: 0; } .form__top--info p { padding-left: 0; } .forms-content .forms-block__box .form-block__text { width: 100%; } .forms-content .form-block.ruceni--bonus .info__container { top: 0px; right: 0; } .top-nav .cell.item__w33 { width: 33.3333% !important; } .top-nav .cell.item__w33 .top-nav-text { font-size: 14px; } .top-nav .cell.item__w33 a span { width: 27px; height: 27px; font-size: 14px; padding: 0.2125em; top: 5px; position: relative; margin-right: 0; } .rok--vyroby { left: 170px; } .orientacni--cena { left: 210px; } .vlastnik { left: 90px; } .jmeno--prijmeni { left: 167px; } .vek--vlastnik { left: 135px; } .psc { left: 57px; } .mesto { left: 77px; } .mail { left: 77px; } .telefon { left: 90px; } .forms-content .form-block.ruceni--bonus .form-block__text label br { display: none; } .forms-content .forms-block__box .form-block__text { width: 100% !important; } .info__container.znacka--vozidla { top: 5px; } .brand { top: 5px; } } @media only screen and ( max-width: 785px ) { .input__slogan { display: none; } } .button__subtitle input[type=checkbox] + label:before { top: 4px; } .button__subtitle input[type=checkbox] + label:before { content: ''; position: absolute; left: 0; top: 0; width: 28px; height: 28px; border: 2px solid #1ca21c; background-color: #ffffff; display: inline-block; } .button__subtitle input[type=checkbox]:checked + label:before { background-image: url('/Content/Source/img/icon/check-hover.svg'); background-position: center center; background-size: 20px; background-repeat: no-repeat; background-color: #edf8ed; border-color: #1ca21c; } .forms-content .forms-block__box .form-block__text { width: 225px; margin-right: 10px; } .forms-content .forms-block__box .form-block__info .info-box .title_info { color: #000; } .brand__title span { line-height: 15px; } .forms-content .brand__item #radio-jine-auto, .select--nabidka { background-image: url("/Content/Source/img/icon/srovnejto/select-gray.svg"); background-position: center right 15px; background-size: 11px; } .forms-content .brand__item #radio-jine-auto:focus, .select--nabidka:focus { background-image: url("/Content/Source/img/icon/select-gray.svg") !important; background-size: 11px; } .forms-content .brand__item #radio-jine-auto.is-active { background-image: url("/Content/Source/img/icon/select-green.svg") !important; } .input--cena label { position: absolute; height: 100%; display: flex; align-items: center; top: 0; left: 14px; font-size: 14px; } @media only screen and ( max-width: 575px ) { .brand__title { left: 9px; } .forms-content .brand__item { text-align: center; } .forms-content .forms-block__box .form-block__before { width: 100%; } .input__w25 { padding: 0 7px; } .input__w25:nth-child(1) { padding-left: 0; } .input__w25:nth-child(4) { padding-left: 0; } .input__w25 input[type="radio"] + label:before { width: 160px; } .input__flex #radio-jine { width: 164px; } .brand { left: -16px } .form-block.ruceni--bonus .info__container { top: -24px; right: 0; } .input__w25.radio--osobni, .input__w25.radio--moto, .input__w25.radio--truck, .input__w25 #radio-jine { height: 56px; } .forms-content .form-block__info { position: absolute; top: 50px; left: 0; } .forms-content .form-block.form-block--checkbox .info__container { top: 0; } .forms-content .forms-block__box.pb-0 .info__container { position: absolute; right: 0; top: -44px; } .forms-content .forms-block__box .info__container { top: -25px; right: -10px; } .forms-content .form-block.ruceni--bonus .info__container { top: -14px; } .forms-content .form-block__info .info-box.active { left: 0 !important; } .forms-content .input--cena label { top: -5px; } } @media only screen and ( max-width: 540px ) { .input__w25:nth-child(1) { padding-left: 0; } .input__w25:nth-child(4) { padding-left: 7px; } .input__w25:nth-child(3) { padding-left: 0; } } @media only screen and ( max-width: 360px ) { .input__w25 input[type="radio"] + label:before { width: 136px; } .input__flex #radio-jine { width: 140px; } .header__phone span { font-size: 16px; } } @media only screen and ( max-width: 340px ) { .forms-content .form-block.ruceni--bonus .form-block__text label br { display: block; } .forms-content .form-block.ruceni--bonus .info__container { top: 4px; } .forms-content .form-block.ruceni--bonus.bonus--udalost .info__container { top: 5px !important; } } @media only screen and ( max-width: 325px ) { .input__w25 input[type="radio"] + label:before { width: 126px; } .input__flex #radio-jine { width: 130px; } } .forms-content .float-left { position: relative; left: -4px; } .forms-content .form-block__form.form__mobile--mb { position: relative; left: -4px; } .forms-content .form-block__text { font-size: 18px; } .brand__item input[type="radio"]:checked + .brand__title span { color: #1ca21c !important; } .input--cena { position: relative; } .input--cena input { padding-right: 32px !important; } .input--cena input:focus + label, .input--cena input.has-content + label { left: auto; right: 9px; } .overflow-hidden { overflow: hidden; } .item__w33 { width: 33.3333%; flex: 0 0 33.3333%; } .cell.item__w33 br { display: none; } @media only screen and ( min-width: 992px ) { .offset-md-200 { margin-left: 200px!important; } } @media only screen and ( max-width: 550px ) { .top-nav .cell.item__w33 { width: 33.3333% !important; } .top-nav .cell.item__w33 .top-nav-text { font-size: 12px; } .top-nav .cell.item__w33 a span { width: 27px; height: 27px; font-size: 14px; padding: 0.2125em; top: 5px; position: relative; margin-right: 0; } } @media only screen and ( max-width: 500px ) { .cell.item__w33 br { display: block; } .cell.item__w33 { text-align: center; } .cell.item__w33 .top-nav-text { margin: 0 auto; } .cell.item__w33 a { text-align: center; } .top-nav .cell.item__w33 a span { left: 50%; transform: translateX(-50%); margin-bottom: 10px } } .brand__item input[type=radio] + label{ padding-top: 70px; padding-left: 0; } .brand__item input[type=radio]:checked + label{ color: #1ca21c; } .brand__item label { min-width: 60px; text-align: center; } .form--pojistnik .info__container { left: 295px !important; right: auto; top: 0 !important; } .form--provozovatel .info__container { left: 413px !important; top: 0 !important; } .info__bonus .info__container .info { top: -17px; } @media only screen and ( max-width: 991px ) { .info__bonus .info__container { top: -26px !important; right: 0; } .bonus--udalost .info__container { top: -24px !important; right: 0; } .form--brand .info__container { top: -10px !important; right: 0; } .form--provozovatel .info__container { left: auto !important; right: 0; } .form--pojistnik .info__container { left: auto !important; right: 0; } .form--brand .form-block__text label { margin-bottom: 10px !important; } .form--par--vozidla .info__container { right: 0; } .form--vozidlo .info__container { right: 0; } .form-block.ruceni--bonus.bonus--udalost .info__container .info { top: 26px; } .info__bonus .info__container .info { top: 9px; } .form-block.form--parametr.form--uziti-auto .info__container { top: -8px; } .form-block.form--parametr.form--vozidlo .info__container { top: -8px; } .form-block.form--parametr.form--par--vozidla .info__container { top: -8px } } @media only screen and ( max-width: 575px ) { .form--brand .info__container { top: -44px !important; } .forms-content .form-block.form--parametr .info__container { top: -29px; } .forms-content .form-block__text label { margin-bottom: 20px; } .forms-content .form-block__text label { margin-top: 16px; margin-bottom: 20px; } .znacka--vozidla .info { top: 19px !important; } .form-block.ruceni--bonus .info__container .info { top: 17px; } .form-block.form--parametr.form--uziti-auto .info__container { top: -29px !important; } .form-block.form--parametr.form--vozidlo .info__container { top: -29px !important; } .form-block.form--parametr.form--par--vozidla .info__container { top: -29px !important; } } .select--nabidka { font-size: 14px; } .forms-content .calculate__image { text-transform: uppercase; font-weight: 400; } .forms-content .calculate__image:before { top: 3px; } .forms-content .form-block .form-block__form input { font-size: 14px; font-family: 'Poppins'; } .forms-content .form-block .form-block__form input:focus { border-color: #1ca21c; background-color: #ffffff; } .forms-content .forms-block__box .form-block__text { top: 0; } /*** HOVERY ***/ .forms-content .form-block input[type="radio"] + label:before, .forms-block__box .form-block__form input.form-radio + label:after { transition: all 0.2s; } .forms-content .form-block input[type="radio"]:hover + label:before { background-color: #edf8ed; border-color: #1ca21c; color: #1ca21c; } .forms-block__box .form-block__form input.form-radio:hover + label:after { background-color: #1ca21c; } .forms-content .form-block input[type="radio"]:hover + label span { color: #1ca21c; } .forms-content #radio-jine, .forms-content .brand__item #radio-jine-auto, .brand__item input[type="radio"] + label { transition: all 0.2s; } .brand__item input[type="radio"]:hover + label { color: #1ca21c; } .forms-content .form-block__form.form-medium__form select.select--nabidka { transition: all 0.2s; } .forms-content .form-block__form.form-medium__form:hover select.select--nabidka { border-color: #1ca21c; background-color: #ffffff; background-image: url("/Content/Source/img/icon/srovnejto/select-green.svg"); } .js-select-radio select::selection { border-color: #1ca21c; background-color: #ffffff; color: #1ca21c; } .fancybox-content .forms-content .forms-block__box .form-block__form.w50 { max-width: 50%; } /*** popup5 ***/ .popup { display: none; width: 100%; max-width: 620px; padding: 50px 68px; border-radius: 4px; background-color: #f1f3ff; text-align: center; } .popup__inner { margin: 0 auto; } .text--popup.mb-5 { margin-bottom: 48px; } .text--popup h3 { margin-bottom: 32px; font-size: 28px; } .text--popup h4 { margin-bottom: 10px; font-size: 24px; line-height: 30px; } .text--popup p { margin-bottom: 0; font-size: 18px; line-height: 22px; } .text--popup small { margin-bottom: 10px; font-size: 15px; } .progress { display: flex; height: 20px; overflow: hidden; font-size: 12px; background-color: #ffffff; border-radius: 32px; margin-bottom: 48px; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #2c2d31; text-align: center; white-space: nowrap; background-color: #90ce4b; transition: width 0.6s ease; } .progress-bar > span { width: 100%; display: block; height: 100%; border-radius: 20px 8px 8px 20px; background-color: rgb(43,194,83); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(144, 206, 75)), color-stop(1, rgb(84,240,84)) ); background-image: -moz-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% ); -webkit-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); position: relative; overflow: hidden; } .progress-bar > span:after, .animate > span > span { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) ); background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent ); z-index: 1; -webkit-background-size: 35px 35px; -moz-background-size: 35px 35px; background-size: 35px 35px; -webkit-animation: move 2s linear infinite; -moz-animation: move 2s linear infinite; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden; } .animate > span:after { display: none; } @-webkit-keyframes move { 0% { background-position: 0 0; } 100% { background-position: 35px 35px; } } @-moz-keyframes move { 0% { background-position: 0 0; } 100% { background-position: 35px 35px; } } @media only screen and ( max-width: 575px ) { .popup { padding: 30px 15px; } } /*** end - popup5 ***/ .forms-content .form-right .calculate:hover { color: #ffffff; } .bubble__content h5 { color: #ffffff; } .bubble__content p { margin-top: 3px; color: #ffffff; } .info--block__people p { color: #000000; } .info--block__people p span { color: #1da21d; } .info--block__content p { color: #000000; } .info-box.show-22.is-active { display: block !important; } .forms-content .forms-block__box .icon-sport, .forms-content .forms-block__box .icon-persons, .forms-content .forms-block__box .icon-pen { /*display: none !important;*/ background-repeat: no-repeat; background-position: center left; padding-left: 45px; } .forms-content .forms-block__box .form-block__info { position: relative; top: -10px; } .small .forms-block__box .form-block__full input[type=checkbox]:disabled + label:before { background-position: 0 0; background-color: #fff; background-image: url("/Content/Source/img/icon/check-gray-regular.svg"); border-color: #cacaca } .small .forms-block__box .form-block__full input[type=checkbox]:checked + label:before { background-position: 0 0; } .f input[type=radio]:checked + label:after { top: 5px; left: 5px; } @media only screen and (max-width: 575px) { .forms-content .forms-block__box .form-block__info .info-box.active { left: 0 !important; } .forms-content .forms-block__box { padding: 20px 0; } .forms-content .forms-block__box .icon-sport, .forms-content .forms-block__box .icon-persons, .forms-content .forms-block__box .icon-pen { margin-bottom: 15px; } } .csob_zavazadla input { display: none !important; } .csob_zavazadla li { list-style-type: initial; } .icon-person { padding-left: 45px !important; } /*@media only screen and (max-width: 800px) {*/ /* .insurance .insurance__box a {*/ /* width: 12.5% !important;*/ /* }*/ /*}*/ .submitProgressBar, .submitProgressBarBack { width: 0% } .submitProgressBar10s { -webkit-transition: width 15s; transition: width 15s; width: 100%; } #additionalform .input__flex #radio-jine { display: flex; } .secondary-building .form-block__text { width: 110px !important; margin-left: 30px; } .secondary-building .form-medium__form { width: 150px !important; } .secondary-buildings-price { width: 140px !important; } .delete-icon { margin-top: 23px; margin-left: -44px; cursor: pointer; } .add-building { cursor: pointer; font-weight: 600; font-size: 15px; padding-left: 30px !important; } .add-building::before { background-image: url(/Content/Source/img/mob-menu2.png); content: ''; width: 20px; height: 20px; position: absolute; transform: rotate(-135deg); left: 0px; top: 19px; background-repeat: no-repeat; } .forms-content .forms-block__box .form--secondary-building .info__container .info { margin-left: -320px; } .form-pet__container { background: #1ca21c !important; } .top-nav.hidden { display: none!important; } .pet-top-bar { background: #1ca21c; } .pet-top-bar h1 { padding: 0 0px 26px 0px; font-weight: bold; color: #ffffff; font-size: 38px; line-height: 52px; } .pet-summary .pet-top-bar h1 { padding: 0 0px 26px 70px; } .pet-top-bar .navigace { line-height: 2.5; } .pet-top-bar .navigace a { text-decoration: underline; } .pet-top-bar .navigace a:hover { text-decoration: none; } .pet-top-bar .navigace a, .pet-top-bar .navigace span { font-size: 13px; line-height: 16px; margin-right: 4px; } .pet-top-bar .navigace a:after, .navigace span:after { margin-left: 5px; } .form-pet__block .form-block { position: relative !important; } .pet-vertical-text .form-block { width: 307px!important; } .pet-vertical-text .info__container { top: -14px!important; display: none!important; } .form-pet__container .top-nav { display: block; } .form-pet__container .navigace { line-height: 1; } .form-pet__block { background: white; border-radius: 4px; padding: 14px 10px 18px 7px !important; color: black; } .pet-insurance__header { display: flex; padding: 20px 0 0 0; flex-direction: column; color: white; } .form-pet__block-header { display: flex; } .form-pet__block .action-price__container { display: flex; align-items: flex-end; } .pet-block-container .form-pet__block .action-price__container { font-weight: 500; position: absolute; margin-top: -108px; margin-left: 167px; } .pet-block-container .form-pet__block { padding: 0 !important; background: none; position: relative; } .pet-block-container .form-pet__block .action-price{ width: 70px; height: 70px; } .form-pet__block .action-price { width: 80px; height: 80px; border-radius: 50%; background: #006DB3; transform: rotate(5deg); text-align: center; color: white; font-size: 14px; line-height: 17px; margin-right: 7px; } .form-pet__block .action-price__content { font-size: 13px; line-height: 17px; display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center; } .form-pet__block .action-price__content strong { display: block; font-size: 15px; line-height: 18px; font-weight: bold; } .form-pet__block-header .pet-vertical-text h2 { background: none; color: black; padding-left: 7px; font-size: 20px; line-height: normal; margin-bottom: 14px; font-weight: bold; } .form-pet__block .form-block .info__container { top: -5px; padding: 0; right: -15px; position: absolute; } .form-pet__block .error-p, .pet-additional-form .error-p { line-height: 1; font-size: 12px; } .form-pet__block .error-p strong, .pet-additional-form .error-p strong{ font-weight: normal; } .pet-additional-form .checkboxOutSideFormFor { margin: 0; padding: 0; } .pet-additional-form .forms-block__box .form-block__full { width: 100%!important; } .form-pet__block .error-bg:before { background-color: transparent!important; } .pet-vertical-text .info__container { top: -15px!important; right: -10px!important; } .pet-insurance__header-form .form-block__text { font-size: 14px!important; line-height: 1!important; } .pet-insurance__header-form .info__container .info { width: 20px; height: 20px; line-height: 10px; font-size: 10px; } .pet-insurance__header-form .forms-block__box .form-block__form input, .pet-insurance__header-form .forms-block__box .form-block__form select { height: 40px; padding: 5px 25px 5px 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .pet-insurance__header-form .form-block-container .pet-calculate { display: inline-flex; width: 100%; } .proplacene-udalosti { display: flex; flex-direction: row; color: white; align-items: center; } .proplacene-udalosti__percent { width: 50px; height: 50px; text-align: center; line-height: 50px; font-weight: bold; font-size: 16px; position: relative; } .proplacene-udalosti__percent::before { background-image: url("/Content/Source/img/svg/circle.svg"); content: ''; width: 100%; height: 100%; position: absolute; transform: rotate(-140deg); left: 0; top: 0; } .proplacene-udalosti__content { width: 160px; padding-left: 10px; font-size: 14px; line-height: 17px; position: relative; top: -2px; } .pet-vertical-text { width: 100%; } .pet-insurance__header .top-nav h1 { margin-bottom: 10px; } ul.pet-insurance-info { list-style-image: url("/Content/Source/img/svg/ico-check-simple.svg"); color: white; margin-left: 24px; } ul.pet-insurance-info li { color: white; padding-top: 10px; line-height: 22px; padding-left: 10px; } .pet-logos { display: flex; padding-top: 20px; } .pet-expert { display: flex; align-items: center; margin-left: -16px; } .pet-expert__logo { background: url(/Content/Source/images/petexpert.png); color: white; width: 323px; height: 55px; background-size: 290px 50px; background-repeat: no-repeat; } .pet-types { display: flex; } .pet-type input[type="radio"] { opacity: 0; position: fixed; width: 0; } .pet-type label { display: flex; background-color: #ddd; padding: 0!important; border: 2px solid #CACACA; border-radius: 4px; width: 100px; justify-content: center; align-items: center; height: 40px; font-size: 12px; } .pet-type input[type="radio"]:checked + label { color: #1CA21C; border-color: #1CA21C; background-color: #EDF8ED; z-index: 2; } .pet-type input[type="radio"] + label { line-height: normal; } .pet-type input[type="radio"] + label:before { margin-right: 4px; width: 16px; height: 16px; } .pet-type input[type="radio"]:checked + label:before { filter: invert(41%) sepia(97%) saturate(672%) hue-rotate(79deg) brightness(94%) contrast(91%); } .pet-type__dog input[type=radio] + label:before { content: url(/Content/source/img/svg/dog.svg); background: none !important; position: static; border: none !important; } .pet-type__cat { margin-left: -4px; } .pet-type__cat input[type=radio] + label:before { content: url(/Content/source/img/svg/cat.svg); position: static; border: none !important; background: none !important; } .pet-type input[type=radio] + label { cursor: pointer; margin: 0; display: flex; } .pet-calculate { display: flex; justify-content: center; align-items: center; color: white; font-weight: bold; background: #FF8615; border-radius: 4px; height: 40px; font-size: 14px; cursor: pointer; } .pet-calculate:hover { background: #e1854c; } .pet-insurance-applies { display: flex; justify-content: center; padding: 50px 0 30px 0; } .pet-insurance-applies h2 { font-size: 32px; font-weight: 600; } .insurance-info-container { display: flex; flex-direction: row; padding: 0 0 60px 0; justify-content: center; } .insurance-info-box { display: flex; flex-direction: column; padding: 0 25px 0 25px; align-items: center; max-width: 370px; } .insurance-info-box__heading { text-align: center; } .insurance-info-box p { text-align: center; } .insurance-info-box .icon { display: block; background-size: contain; width: 60px; height: 60px; margin-bottom: 12px; } .insurance-info-box .icon.icon1 { background-image: url("/Content/source/images/pet_expert/ico1.svg"); } .insurance-info-box .icon.icon2 { background-image: url("/Content/source/images/pet_expert/ico2.svg"); } .insurance-info-box .icon.icon3 { background-image: url("/Content/source/images/pet_expert/ico3.svg"); } .insurance-info-box .icon.icon4 { background-image: url("/Content/source/images/pet_expert/ico4.svg"); } .insurance-info-box .icon.icon5 { background-image: url("/Content/source/images/pet_expert/ico5.svg"); } .insurance-info-box .icon.icon6 { background-image: url("/Content/source/images/pet_expert/ico6.svg"); } .insurance-info-box__heading { font-weight: bold; color: #2C2D31; font-size: 18px; padding-bottom: 10px; } .gray-container { background: #ededed; } .insurance-ready__pets-control { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 20px 0; } .gray-container__heading { padding: 20px 0 20px; text-align: center; color: #2C2D31; font-size: 32px; font-weight: 600; } .pet-types--ready { justify-content: center; flex-direction: column; } .pet-type--ready { display: flex; justify-content: center; padding-bottom: 15px; } .insurance-ready__content { display: flex; align-items: center; flex-direction: column; justify-content: center; } .insurance-ready__content p { max-width: 700px; padding: 10px; font-size: 14px; } .insurance-ready__pets-images { position: relative; height: 250px; width: 100%; max-width: 430px; } .insurance-ready__pets-dog { background: url("/Content/Source/img/pes.png") center 0 no-repeat; background-size: contain; width: 100%; height: 226px; display: none; } .insurance-ready__pets-cat { background: url("/Content/Source/img/kocka.png") center 0 no-repeat; background-size: contain; width: 100%; height: 100%; display: none; } .insurance-ready__pets--active { display: block; } .insurance-info-box a { color: #2C2D31; } .insurance-ready-container { display: flex; padding-top: 27px; } .insurance-ready-container-right { padding-top: 110px; } .insurance-ready-container-right .form-pet__block { padding: 33px 22px 123px 26px !important; border-radius: 12px; } @media only screen and (min-width: 992px) { .insurance-ready-container-right .pet-insurance__header-form { width: 457px; } } .insurance-ready-container-right .form-pet__block .action-price__container { position: absolute; right: -68px; top: -62px; } .insurance-ready-container-right .form-pet__block .action-price { width: 140px; height: 140px; z-index: 9999; } .insurance-ready-container-right .form-pet__block .action-price__content { font-size: 20px; padding: 0 5px; color: #FFFFFF; line-height: 26px; } .insurance-header-image { background: url(/Content/Source/img/pes2.png) center 0 no-repeat; width: 130px; height: 110px; position: absolute; top: -87px; right: 42px; } .banner-list { font-size: 17px; font-weight: 600; margin-bottom: 50px; padding: 0px 60px 0 88px; margin-top: 0px; } .show-isnurance-banner .form-pet__block-header { display: none; } .show-isnurance-banner .form-block-container { display: none; } .insurance-ready-container-right.show-isnurance-banner .form-pet__block { height: 410px; background: rgb(72,200,192); background: linear-gradient(180deg, rgba(72,200,192,1) 0%, rgba(65,159,165,1) 100%); } /* banner */ .banner-text { color: #fff; text-align: center; display: block; position: absolute; z-index: 333; background: linear-gradient(180deg, rgba(72,200,192,1) 0%, rgba(65,159,165,1) 100%); padding: 41px 35px 22px 34px; margin: -33px 0px 0px -27px; border-radius: 11px; } @media only screen and (max-width: 443px) { .banner-text { padding: 36px 71px 21px 74px; } } .banner-list__item { display: flex; margin-top: 29px; width: 241px; } .banner-list__item:not(:first-child)::after { content: ""; background: url(/Content/Source/img/separator.svg) center 0 no-repeat; width: 239px; height: 1px; position: absolute; margin-top: -13px; } /**:nth-child(1)*/ .banner-list__item::before { content: ""; background: url(/Content/Source/img/check.svg) center 0 no-repeat; width: 20px; height: 22px; position: absolute; margin-left: -32px; margin-top: 4px; } .banner-list__item:nth-child(2)::before { background: url(/Content/Source/img/calendar.svg) center 0 no-repeat; margin-top: 8px; } .banner-list__item:nth-child(3)::before { background: url(/Content/Source/img/clock.svg) center 0 no-repeat; } .banner-list__item img{ margin-top: 20px; margin-right: 19px; } .banner-calendar img { width: 20px; height: 20px; margin-top: 29px; margin-right: -3px; } .banner-text .pet-calculate { width: 220px; margin: 0 auto; } .banner-header { font-size: 38px; line-height: 42px; font-weight: 600; } .banner-header-under { font-size: 23px; margin-top: 2px !important; font-weight: 600; } @media only screen and (max-width: 1300px) { .insurance-ready-container-right .pet-insurance__header-form { left: 0% !important; } } @media only screen and (max-width: 974px) { .insurance-ready-container { flex-direction: column; } .insurance-ready-container-right .pet-insurance__header-form { width: 460px; margin: 0 auto; } .insurance-ready-container-right { padding-top: 0px; } } @media only screen and (max-width: 474px) { .insurance-ready-container-right .pet-insurance__header-form { margin: 0 auto; width: auto; } .banner-list { margin: 0 auto; width: 250px; margin-bottom: 50px; padding: 0px 16px 0 20px; } .insurance-ready-container-right .form-pet__block { padding: 33px 22px 28px 27px !important; } } @media only screen and (max-width: 1264px) { .insurance-ready-container-right .action-price__container { display:none; } } /*Pet stories carousel*/ .pet-stories-item { background: #ffffff; padding: 14px; font-size: 14px; line-height: 18px; border-radius: 10px; } .pet-stories .slick-slide { margin: 0px 15px 15px 15px; } .pet-stories-item .story-header { display: flex; align-items: center; } .pet-stories-item .story-header .pet-avatar { border-radius: 50%; width: 60px; height: 60px; border: 3px solid #1CA21C; overflow: hidden; margin-right: 10px; } .pet-stories-item .story-header .pet-avatar img { max-width: 100%; width: auto; max-height: 60px; height: 100%; } .pet-stories-item .story-body { margin-top: 20px; } .pet-stories-item .story-body_bottom { margin-top: 30px; } .pet-stories-item .story-body_bottom > div { display: flex; justify-content: space-between; margin-top: 5px; } .pet-stories-item .story-body_bottom > div:nth-child(1) { color: #797979 } .pet-stories-item .story-body_bottom > div:nth-child(2) { color: #1CA21C } .pet-stories-item .story-body_bottom > div:nth-child(3) { font-weight: bold; } .pet-stories-container .pet-calculate { max-width: 315px; margin: 45px auto 25px auto; font-size: 14px; } /*Pet FAQ*/ .pet-accordion { max-width: 640px; margin: 0 auto; } .pet-accordion .ui-accordion-header .ui-accordion-header-icon { right: 20px; left: auto; background-image: url("/Content/source/img/select-dark.png"); background-position: 0 3px; } .pet-accordion .ui-accordion-header .ui-accordion-header-icon.ui-icon-minus { transform: rotate(-180deg); } .pet-accordion .ui-accordion-header { border: none; border-radius: 4px; background: #EDEDED; font-size: 16px; line-height: 22px; font-weight: 600; padding: 11px 45px 12px 20px; margin-bottom: 10px; } .pet-accordion .ui-accordion-header:hover { background: #cfcfcf; color: #555555 } .pet-accordion .ui-accordion-content { border: none; line-height: 22px; font-size: 14px; margin-bottom: 10px; padding: 10px 20px; } .pet-sexs { display: flex; } .pet-sex input[type="radio"] { opacity: 0; position: fixed; width: 0; } .pet-sex label { display: flex; background-color: #ddd; padding: 0; font-family: sans-serif, Arial; font-size: 16px; border: 2px solid #CACACA; border-radius: 4px; width: 130px; display: flex; justify-content: center; align-items: center; padding-left: 0 !important; height: 40px; } .pet-sex input[type="radio"]:checked + label { color: #1CA21C; border-color: #1CA21C; background-color: #EDF8ED; z-index: 2; } .pet-sex input[type="radio"] + label { line-height: normal; } .pet-sex input[type="radio"] + label:before { margin-right: 4px; width: 16px; height: 16px; } .pet-sex input[type="radio"]:checked + label:before { filter: invert(41%) sepia(97%) saturate(672%) hue-rotate(79deg) brightness(94%) contrast(91%); } .pet-sex__male input[type=radio] + label:before { content: url(/Content/source/img/svg/male.svg); background: none !important; position: static; border: none !important; } .pet-sex__female { margin-left: -4px; } .pet-sex__female input[type=radio] + label:before { content: url(/Content/source/img/svg/female.svg); position: static; border: none !important; background: none !important; } .pet-sex input[type=radio] + label { cursor: pointer; margin: 0; display: flex; font-size: 12px; width: 100px; } .pet-block-container { padding-bottom: 40px; } .pet-block-container h2, .pet-additional-form.forms-block__box h2 { font-size: 32px; font-weight: 600; line-height: 43px; padding: 30px 0 20px; text-align: center; } .pet-block-container .form-block{ display: flex; } .pet-variants table { width: 1000px; margin: 0 auto; } .pet-variants table tr th { font-weight: bold; text-transform: uppercase; font-size: 18px; text-align: center; padding: 18px 35px 8px 10px; position: relative; } .pet-variants table tr td { position: relative; font-size: 14px; width: 180px; } .pet-variants table tr td:first-child { min-width: 220px; } .pet-variants table tbody tr td { border-bottom: 1px solid #D8D8D8; padding: 9px 20px; vertical-align: middle; height: 40px; line-height: 17px; } .pet-variants table tbody tr:last-child td { border-bottom: 0; } .pet-variants table tbody tr td:not(:first-child) { text-align: center; padding: 9px 45px 9px 20px; } .pet-variants table tr th:not(:first-child):before { border-radius: 10px 10px 0 0; } .pet-variants table tfoot tr td { font-weight: bold; padding: 9px 20px; position: relative; } .pet-variants table tfoot tr td:not(:first-child) { font-size: 16px; text-align: center; } .pet-variants table tfoot tr td:after { content: ''; position: absolute; height: 1px; width: 100%; background: #D8D8D8; top: 0; left: 0; } .pet-variants table tfoot tr td:not(:first-child):before { border-radius: 0 0 10px 10px; } .pet-variants table tr td:before, .pet-variants table tr th:before { content: ''; position: absolute; width: calc(100% - 17px); height: 100px; left: -10px; z-index: -1; top: 0; } .pet-variants table tr .favorite-border:after { content: ''; position: absolute; width: calc(100% - 13px); height: 290px; background: linear-gradient(180deg, rgba(30,163,27,1) 0%, rgba(30,163,27,0) 100%); left: -12px; top: -52px; z-index: -2; border-radius: 11px; } .pet-variants table tr td:not(:first-child):before, .pet-variants table tr th:not(:first-child):before { background: #EDEDED; } .pet-variants table tr:last-child td:before{ height: 100%; } .pet-variants table .price { display: block; padding-right: 30px; } .pet-variants table .pet-calculate { margin: 10px 30px 10px auto; width: 155px; height: 50px; } .pet-variants table .variant-fav { position: absolute; background: #1CA21C; color: #fff; line-height: 20px; height: 20px; font-size: 12px; padding: 0 31px 0 40px; font-weight: normal; border-radius: 5px; top: -10px; left: 15px; text-transform: initial; } .pet-selected-animal { height: 60px; border-radius: 5px; display: flex; flex: auto; margin-top: -10px; justify-content: center; } .edit-icon { color: #006DB3; font-size: 14px; margin-left: 9px; margin-top: -2.5px; display: block; } .pet-selected-animal .selected-animal { padding-left: 25px; background: no-repeat 0 center; display: flex; line-height: 1.4; font-size: 14px; } .small-text a { color: #006DB3; } .under-table { padding-top: 15px; font-size: 12px; line-height: 21px; } .responsive-table { overflow-x: auto; padding-top: 10px; } .pdf-document-cols { display: flex; flex-wrap: wrap; gap: 30px; justify-content: space-between; align-items: center; } .pdf-document-cols > a { max-width: 400px; color: #2C2D31; align-items: center; padding: 0 20px 0 50px; height: 80px; display: flex; flex: 1; font-weight: 600; text-decoration: none; background: #ffffff url("/Content/source/img/svg/icon-pdf.svg") no-repeat 20px center; } .pdf-offers .pdf-document-cols { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center; flex-direction: column; } .pdf-offers .pdf-document-cols > a { min-width: 640px; color: #2C2D31; align-items: center; padding: 28px 21px 28px 90px; height: 80px; display: flex; flex: 1; font-weight: 600; text-decoration: none; background: #ffffff url(/Content/source/img/svg/icon-pdf.svg) no-repeat 20px center; background-size: 49px; font-size: 18px; border-radius: 4px; margin-top: 10px; position: relative; } .pdf-offers .edit-icon { margin-top: -2.5px; } .pdf-offers .pdf-document-cols a:after { content: ''; background: url(/Content/Source/img/svg/icon-right.svg) no-repeat center center; position: absolute; width: 30px; height: 100%; right: 12px; } @media only screen and (max-width: 500px) { .pdf-offers .pdf-document-cols a:after { right: 1px; background-size: 10px; } } .special-price-container { display: flex; flex-direction: column; background: #6d6d6d; margin-left: -50px; background: rgb(72,200,192); background: linear-gradient(180deg, rgba(72,200,192,1) 0%, rgba(65,159,165,1) 100%); color: white; padding: 8px 0px 8px 19px; margin-top: 12px; margin-bottom: 12px; } .price-first-column { padding: 8px 0px 8px 43px; border-radius: 14px 0px 0px 14px; margin-top: 11.5px } .price-last-column { margin-left: -51px; padding: 8px 0px 8px 10px; border-radius: 0px 10px 10px 0px; margin-right: -23px; } .special-price-sub { font-weight: 500; } @media only screen and (max-width: 991px) { .insurance-info-box { font-size: 14px; padding: 0 5px; } .insurance-info-box__heading { font-size: 16px; line-height: 22px; padding-bottom: 5px; margin-top: 10px; } .insurance-info-container { padding-top: 0; } .price-first-column { width: 230px; } .special-price-container { width: 230px; } .price-last-column { margin-left: -37px; } .pet-variants .pet-block-container .form-pet__block { display: none; } .insurance-ready-container-right .form-pet__block { padding: 33px 22px 22px 26px !important; margin-bottom: 120px; } .banner-text { padding: 41px 39px 22px 34px; } .insurance-ready-container-right .banner-list__item { margin-top: 44px; } .mobile-pet-calculate { margin-top: -30px; } .banner-list__item:not(:first-child)::after { margin-top: -20px; } .insurance-header-image { display: none; } } @media only screen and (max-width: 767px) { .insurance-info-container { flex-direction: column; padding: 0 0 30px 0; justify-content: initial; position: relative; } .insurance-info-box { max-width: 100%; align-items: flex-start; padding-left: 55px; margin-bottom: 20px; } .insurance-info-box p { text-align: left; line-height: 1.5; } .insurance-info-box__heading { margin: 0; } .insurance-info-box, .pet-additional-form.forms-block__box h2 { text-align: left; } .insurance-info-box .icon { position: absolute; width: 40px; height: 40px; left: 0; } .pet-insurance-applies { padding: 30px 0; text-align: left; justify-content: flex-start; } .pet-insurance-applies h2, .gray-container__heading { font-size: 22px; line-height: 27px; text-align: left; padding-left: 5px; padding-right: 5px; } } @media only screen and (max-width: 475px) { .banner-text { width: 96vw; position: absolute; padding: 30px 39px 15px 34px; z-index: 10; height: 445px; top: 30px; } .show-isnurance-banner .form-pet__block-header { display: block; z-index: -1; } .show-isnurance-banner .form-block-container { display: block; z-index: -1; position: relative; } .banner-header { font-size: 32px; } .banner-header-under { font-size: 18px; } .insurance-ready-container-right .pet-insurance__header-form { position: relative; } .insurance-ready-container-right .banner-list__item { margin-top: 45px; } .insurance-ready-container-right .form-pet__block { padding: 20px 22px 20px 26px !important; } .insurance-ready-container-right.show-isnurance-banner .form-pet__block, .insurance-ready-container-right .form-pet__block { height: 440px; margin-bottom: 30px; } .form-pet__block .form-block .info__container { right: -10px; } } @media only screen and (max-width: 400px) { .insurance-ready-container-right .banner-list__item { margin-top: 34px; } .banner-list { margin-bottom: 40px; } } @media only screen and (max-width: 385px) { .banner-text { padding: 39px 39px 21px 34px; } } @media only screen and (max-width: 375px) { .banner-list { margin-bottom: 23px; } } @media only screen and (max-width: 695px) { .pdf-offers .pdf-document-cols > a { min-width: auto; background-size: 32px; } .pdf-offers .pdf-document-cols{ grid-gap: 3px; } } /* 3. krok */ .pet-additional-form .forms-block__box { max-width: 875px; margin: 0 auto; border: none; padding: 0 0 40px 0; } .pet-additional-form.forms-content .forms-block__box h2, .pet-heading-border-top { color: #2C2D31; background: none!important; position: relative; margin: 0; padding-left: 0; } .pet-heading-border-top { margin-top: 0; padding: 35px 0 20px 0!important; } .pet-heading-border-top:before { content: ''; position: absolute; border-top: 1px solid #D8D8D8; width: 100%; height: 1px; top: 0; left: 0; } .pet-additional-form.forms-content .forms-block__box .form-block__before { float: none; width: 100%; } .pet-additional-form.forms-content .forms-block__box .form-block__text { font-size: 18px; float: none; margin: 0; padding: 0; flex-shrink: 0; width: 200px; } .pet-additional-form.forms-content .forms-block__box .form-block__form { padding: 5px 0 15px; width: 100%; } .pet-additional-form.forms-content .forms-block__box .form-block__form input { height: 40px; } .pet-additional-form .pet-sex input[type="radio"] { position: relative; } .pet-additional-form .small-text { margin: 0 0 20px 0!important; } .pet-additional-form.forms-content .forms-block__box .form-block__text label { margin: 0; font-size: 18px; position: relative; top: 1px; } .pet-additional-form.forms-content .small-text { color: #858791; font-size: 12px; line-height: 18px; } .pet-additional-form .form-zip .form-block__form { max-width: 110px; } .pet-additional-form input[type=checkbox] + label { margin-left: 0; line-height: 23px; font-size: 14px; } .pet-additional-form input[type=checkbox] + label a { color: #006DB3; } .pet-additional-form .form-block__text .red { display: none; } .pet-additional-form .submit-btn { margin: 0 auto 20px auto; } .form-row { display: flex; } .form-row .form-block { flex: auto; } .form-row .form-zip .form-block__form { width: 110px; } @media only screen and (min-width: 992px) { .pet-additional-form.forms-content .forms-block__box .form-block__before { display: flex; padding: 0; } .pet-insurance__header { background: url("/Content/Source/images/bublina_zvirata.png") no-repeat 100% center; } .pet-insurance__header .top-nav h1 { font-size: 38px; line-height: 1.2; color: white; padding: 0; } .pet-insurance__header { display: flex; padding-top: 20px; flex-direction: row; } .pet-insurance__header-logo { width: 345px; } .pet-insurance__header-form { width: 430px; position: relative; left: 12%; margin-bottom: 20px; } .pet-insurance__header-form .forms-block__box .form-block__form { width: 50%; } .pet-insurance__header-form .form-block-container { display: flex; flex-wrap: wrap; } .pet-insurance__header-form .forms-block__box .form-block { width: 50%; padding: 0 7px 0 7px; } .pet-insurance__header-form .forms-block__box .form-block__form { width: 100%; padding: 0; } .pet-insurance__header-form .forms-block__box .form-block__before { float: none; margin-top: 20px; } .pet-insurance__header-form .forms-block__box .form-block__form { float: none; margin-top: 17px; } .pet-insurance__header-form .form-block:nth-child(1) { order: 1; } .pet-insurance__header-form .form-block:nth-child(2) { order: 3; } .pet-insurance__header-form .form-block:nth-child(3) { order: 2; } .pet-insurance__header-form .form-block:nth-child(4) { order: 4; } .form-pet__block .form-block__info { top: -56px; } .insurance-ready__pets-images { min-width: 430px; } .gray-container__heading, .pet-insurance-applies h2 { line-height: 43px; } .under-table { margin: 0 auto; text-align: center; } .pet-selected-animal .selected-animal { background-size: 22px; padding-left: 30px; } .pet-selected-animal { margin-left: -20px; } .pet-stories-item .story-body p { min-height: 90px; } .pet-additional-form .submit-btn a { font-size: 28px; height: 80px; margin: 0 auto; } } @media only screen and (max-width: 1222px) { .pet-top-bar h1 { font-size: 26px; line-height: 36px; } ul.pet-insurance-info li { font-size: 14px; line-height: 19px; } .form-pet__block { margin-bottom: 15px; } .form-pet__block .form-block__form { padding-top: 0!important; } .form-pet__block .form-block__text label { margin: 0!important; font-size: 14px!important; } .form-pet__block .form-block { margin-top: 10px; } .form-pet__block .form-block .info__container { top: -25px; right: -16px; margin: 0; } .pet-type input[type=radio] + label { width: 100px; } .pet-sex input[type=radio] + label { width: 100px; } .pet-vertical-text .info__container { display: none!important; } .form-pet__block-header { position: relative; } .form-pet__block .action-price__container { position: absolute; right: 0; top: 0; } .form-pet__block-header .pet-vertical-text h2, .pet-additional-form.forms-block__box h2, .pet-heading-border-top { font-size: 16px; } .pet-additional-form.forms-content .forms-block__box .form-block__text label { font-size: 14px; line-height: 1; } .pet-calculate { font-size: 14px; } .insurance-ready__content p { padding: 10px 5px; } .insurance-ready__pets-images { min-width: 300px; height: 200px; } .insurance-ready__pets-dog { height: 100%; } .pet-accordion { padding: 0 5px; margin-bottom: 30px; } .pet-accordion .ui-accordion-header { font-size: 14px; line-height: 19px; padding: 11px 45px 12px 15px; } .pet-stories .slick-slide { margin: 0px 10px 15px 5px; } .pet-variants table tr td:first-child { min-width: 140px; } .pet-variants table tbody tr td:not(:first-child) { width: 140px; padding: 5px 37px 5px 10px; } .pet-variants table { width: auto; } .pet-variants table tfoot tr td { padding: 9px 5px; } .pet-variants table tfoot tr td:first-child { padding-left: 20px; } .pet-variants table .pet-calculate { width: 140px; margin: 9px 29px 4px -4px; } .pet-variants table .variant-fav { padding: 0 10px; } .pet-block-container h2 { text-align: left; font-size: 20px; line-height: 27px; } .pdf-document-cols { flex-direction: column; gap: 0; } .pdf-document-cols a { flex: auto; height: 60px; width: 100%; } .pdf-document-cols a + a { margin-top: 15px; width: 100%; } } /* 4. krok - PetExpert */ .pet-summary .pet-summary_submit { max-width: 440px; text-decoration: none; padding-left: 60px; padding-right: 60px; font-size: 28px; border-radius: 0.225em; background: rgba(255, 134, 21, 1); height: 80px; } .pet-summary .pet-summary_submit:hover { text-decoration: none !important; background: #e1854c; } .pet-summary .payment-container { width: 760px; margin: 0 auto; background: rgba(237, 237, 237, 1); border-radius: 10px; padding: 18px; margin-bottom: 10px; } .payment-container-row { display: flex; justify-content: space-between; } .payment-container-banner { background: linear-gradient(180deg, rgba(72,200,192,1) 0%, rgba(65,159,165,1) 100%); color: white; padding: 8px 8px 12px 19px; border-radius: 10px; margin-top: 18px; font-size: 15px; } .payment-container-banner span { font-weight: 700; font-size: 19px; margin: 7px 0 7px 0; display: block; } .pet-block-container .payment-container .form-pet__block .action-price__container { margin: 0; top: -20px; right: -60px; } .payment-container .payment-price { margin-top: 14px; font-size: 18px; } .pet-block-container h2.normal { font-weight: 600; } .pet-summary .pet-top-bar h1 { position: relative; } .pet-summary .pet-summary_submit:hover { text-decoration: underline; } .pet-block-container h2.normal { font-weight: normal; } .pet-summary .pdf-document-cols { max-width: 640px; margin: 0 auto; flex-direction: column; } .pet-summary .pdf-document-cols a { flex-direction: column; align-items: flex-start; height: auto; padding: 20px 40px 20px 80px; font-weight: normal; max-width: initial; width: 100%; border-radius: 4px; background-size: 47px; background-position: 20px center; position: relative; margin-bottom: 10px; } .pet-summary .pdf-document-cols a.icon-pdf { background-image: url("/Content/Source/img/svg/icon-pdf.svg"); } .pet-summary .pdf-document-cols a.icon-file { background-image: url("/Content/Source/img/svg/icon-file.svg"); background-size: auto; } .pet-summary .pdf-document-cols a:after { content: ''; background: url("/Content/Source/img/svg/icon-right.svg") no-repeat center center; position: absolute; width: 20px; height: 100%; right: 10px; top: 0; } .pet-summary .pdf-document-cols a strong { padding-bottom: 7px; font-size: 18px; } .pet-summary .pdf-document-cols a span { font-size: 14px; line-height: 17px; } .pet-summary .pet-summary_more { text-align: center; margin: 0 auto; } .pet-summary .pet-summary_more a { max-width: 300px; height: 50px; border-radius: 5px; background-color: #006DB3; color: #fff; text-decoration: none; line-height: 50px; text-align: center; display: inline-block; width: 100%; font-weight: bold; margin-top: 15px; } .pet-summary .pet-summary_more a:hover { background-color: #007dc3; } @media only screen and (min-width: 992px) { .pet-summary .pet-top-bar h1:before { content: ''; position: absolute; left: 0px; background: #fff url(/Content/Source/img/icon/check-green.svg) center center no-repeat; height: 50px; width: 50px; border-radius: 50%; background-size: 30px; top: 0px; } } @media only screen and (max-width: 991px) { .pet-block-container .payment-container .form-pet__block .action-price__container { display: none; } .pet-block-container h2 { text-align: center; } } @media only screen and (max-width: 575px) { .pet-additional-form.forms-content .forms-block__box .info__container { margin-top: 0; } .pet-summary .pdf-document-cols a { background-size: 30px!important; background-position: 10px center; padding: 15px 30px 15px 50px; } .pet-summary .pdf-document-cols a:after { background-size: 10px; right: 5px; } .pet-summary .pdf-document-cols a strong { font-size: 16px; } .pet-summary .payment-container { margin-bottom: 0; } } @media only screen and (max-width: 400px) { .pet-summary .pet-summary_submit { height: 110px; line-height: 41px; } .pet-summary .pet-block-container h2, .pet-summary .pet-block-container { text-align: left; } } @media screen and (max-width: 800px) { .pet-block-container .form-block { display: block; } .payment-container-row { flex-direction: column; } .payment-container { width: auto !important; } .payment-container .payment-price p { margin-bottom: 11px; } .payment-container .payment-price { margin-bottom: 24px; text-align: center; } .pet-summary .pet-summary_submit { max-width: 100%; padding-left: 0; padding-right: 0; } .pet-summary .payment-container { padding: 11px; } } .pet-additional-form.forms-content .forms-block__box .info__container { line-height: 3.4em; } .price-yearly { font-weight: 500; margin-left: -23px; font-size: 14px; } .price-row { height: 48.5px; } .pet-variants .form-pet__block .action-price__content { font-size: 11px; } .pet-summary .form-pet__block .action-price__content { font-size: 10px; line-height: 11px; } .pet-summary .pet-block-container .form-pet__block .action-price { width: 60px; height: 60px; } .pet-additional-form #PageModel_Birthdate_r_termin_od { padding-left: 2px; } .pet-additional-form .calendar { height: 44px !important; margin-top: 2px; } /* mobile pets offers */ @media only screen and (max-width: 802px) { .pet-variants .desktop-table { display: none; } } @media only screen and (min-width: 802px) { .pet-variants .mobile-table { display: none; } } .pet-variants .mobile-table table tr td:before { background: #ededed; } .pet-variants .mobile-table table { width: 100%; } .pet-variants .mobile-table { border-radius: 6px; padding: 9px; background: #ededed; margin-bottom: 26px; } .pet-variants .mobile-table table tr td:before{ content: none; } .pet-variants .mobile-price { background: linear-gradient(180deg, rgba(72,200,192,1) 0%, rgba(65,159,165,1) 100%); margin-left: -19px; margin-right: -18px; border-radius: 6px; display: flex; height: 64px; justify-content: space-between; padding: 7px 40px; } .mobile-special-price-container { display: flex; flex-direction: column; color: #fff; } .mobile-special-price { font-weight: 700; } .pet-variants .mobile-table table tbody tr td:not(:first-child) { padding: 4px 5px 5px 10px; text-align: right; } .pet-variants .mobile-table table tbody tr td { padding: 9px 7px; border-top: 1px solid #D8D8D8; border-bottom: none; } .mobile-calculate-container { padding: 24px 3px 3px 3px; } .mobile-calculate-container .pet-calculate { height: 56px; } .pet-variants .mobile-table table tr th { padding: 15px 0px 23px 10px; } .mobile-yearly-price-container { display: flex; flex-direction: column; text-align: right; height: 46px; padding-top: 8px; } .mobile-yearly-price { font-weight: 700; font-size: 16px; } .pet-variants .mobile-table table .variant-fav { top: -33px; left: -130px; padding: 0 40px; position: relative; margin-top: -70px; } .variant-fav-th { padding: 15px 0px 23px 193px !important; } @media only screen and (max-width: 485px) { .pet-variants .mobile-table table .variant-fav { top: -37px; left: -122px; } } @media only screen and (max-width: 360px) { .pet-variants .mobile-price { height: auto; } .mobile-yearly-price-container { white-space: nowrap; height: auto; } } .variant-fav-mobile { margin: 0 auto; display: block; background: #1CA21C; color: #fff; line-height: 20px; height: 20px; font-size: 12px; padding: 0 40px; font-weight: normal; border-radius: 5px; width: 162px; margin-top: -10px; margin-bottom: -8px; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; } @media only screen and (min-width: 803px) { .variant-fav-mobile { display: none; } } @media only screen and (max-width: 485px) { .pet-variants table .variant-fav { left: 25px; } } .variant-fav-mobile-container::before { content: ''; position: absolute; width: calc(100% - 36px); height: 290px; background: linear-gradient(180deg, rgba(30,163,27,1) 0%, rgba(30,163,27,0) 100%); left: 18px; /* top: 268px; */ z-index: -2; border-radius: 8px; margin-top: -11px; } @media only screen and (max-width: 575px) { .variant-fav-mobile-container::before { width: calc(100% - 16px); left: 8px; } } @media only screen and (max-width: 1222px) { .pet-block-container .form-pet__block .action-price__container { right: 0; top: 0; margin-top: 31px !important; left: 80px !important; margin-left: 64px; width: 80px; } } @media only screen and (max-width: 1222px) { .pet-selected-animal { margin-left: -20px; justify-content: left } } @media only screen and ( max-width: 418px ) { .forms-content .forms-block__box .form-block__text { width: 90% !important; } } @media only screen and (max-width: 991px) { .forms-content .forms-block__box .form--secondary-building .info__container .info { margin-left: 0px; } .estate-wizzard-additional-data .input--noimage input[type=radio] + label { padding-left: 48px; } .secondary-buildings-price { width: 100% !important; } .secondary-building .form-medium__form { width: 100% !important; } .secondary-building .form-block__text { margin-left: 0px; } .delete-icon { margin-left: -74px; } } @media only screen and (max-width: 575px) { .estate-wizzard-additional-data .input--noimage input[type=radio] + label { padding-left: 65px; } } @media only screen and (max-width: 480px) { .form--secondary-building .input__w25 input:checked + label span { margin-top: 7px; } .form--secondary-building .input__w25 input + label span { margin-top: 7px; } } @media only screen and (max-width: 360px) { .form--secondary-building .input__w25 input:checked + label span { margin-top: 7px; margin-left: -8px; } .form--secondary-building .input__w25 input + label span { margin-top: 7px; margin-left: -8px; } } @media only screen and (max-width: 326px) { .form--secondary-building .input__w25 input:checked + label span { margin-left: -13px; } .form--secondary-building .input__w25 input + label span { margin-left: -13px; } } .estate-wizzard-additional-data .red { display: none; } .estate-wizzard-additional-data .error-p { display: block; } /* AB TEST */ .ruceni-ab .input__w25 { color: blue; width: auto; flex: none; } .ruceni-ab .vehicle-type .input__w25 { width: 80px; } .ruceni-ab .forms-block__box .info__container { position: absolute; padding: 0; margin: 1px 0 0 5px; line-height: 2.8125em; height: 2.8125em; } .ruceni-ab .forms-block__box .info__container .info { background: #ffffff; color: #797979; border: 1px solid #797979; width: 20px; height: 20px; line-height: 17px; font-size: 14px; font-weight: 600; } .ruceni-ab .forms-block__box .info__container .info:hover { background: #E8E8E8; } .ruceni-ab.forms-content .forms-block__box h2 { background: none; color: black; padding-left: 0; border-bottom: 1px solid #1ca21c; padding-bottom: 15px; font-size: 22px; line-height: 27px; } .ruceni-ab.forms-content .form-block__text .red { display: none; } .ruceni-ab .error-bg { background: none; } .ruceni-ab.forms-content .error-p { min-width: 280px; font-weight: 600; font-size: 14px; } .t-datepicker + .error-p { display: inline-block; } .flex__column { flex-direction: column; } .ruceni-ab #povstartform { max-width: 52.375em; max-width: 580px; margin: 0 auto; } .ruceni-ab .input__flex #radio-jine { width: 90px; border-radius: 0px 6px 6px 0px; display: flex; height: 46px; border-left: 0; } .ruceni-ab .vehicle-type .input__w25:nth-child(3) { width: 86px; } .ruceni-ab .vehicle-type .input__w25:nth-child(2) { width: 89px; } .ruceni-ab #BlockVehicleBrandsNew .input__w40 { order: 1; } .forms-content .forms-block__box .form-block__form .ab-phone { width: 345px; } .ruceni-ab .brand { margin-top: 5px; top: 0; max-width: 345px; left: 0; } .ruceni-ab .brand .input__w20 { margin: 0 auto; flex: 1 0 19%; width: 20%; } .aruceni-ab .form--vozidlo .input__w25 input:checked + label span { margin-left: -12px; } .aruceni-ab .forms-content .form-block.vehicle-type input[type="radio"] + label:before { background-position: 29px 11px; } .more-brands { display: flex; align-items: center; justify-content: flex-start; margin-top: -30px; } .more-brands-button { margin-left: -271px; color: #006DB3; text-decoration: none; font-size: 14px; } .more-brands-button:link { color: #006DB3; } .more-brands-button:visited { color: #006DB3; } .more-brands-button:hover { color: #006DB3; text-decoration: underline; } .more-brands-button:active { color: #006DB3; } .ruceni-ab .form--vozidlo .input__w25 input[type=radio] + label { margin-left: 0; padding-top: 25px; padding-left: 17px; display: flex; padding-right: 0px; } .ruceni-ab .input__button .calculate .calculate__div { padding: 36px 83px; border-radius: 10px; margin-left: 40px; margin-right: -50px; } .input__slogan .title-next { position: relative; left: -45px; } #BlocBoxPolicyholder { border-bottom: none; } .ruceni-ab.forms-content .forms-block__box.new-wizard { top: 0px !important; } .center-wizard .forms-block__box { max-width: 700px; margin: 0 auto; } .form-block.form--parametr.form--vozidlo .info__container { top: 0px !important; } #BlocBoxPolicyholder .flex__column > .input__w33 { width: 173.3333%; margin-left: 40px; } .ruceni-ab .forms-block__box#BlocBoxPolicyholder .info__container { display: none; } .ruceni-ab.forms-content .forms-block__box { border-bottom: none; } .ruceni-ab.forms-content .forms-block__box.form-block__text { text-align: left; } .owner-radio #radio-jine, .indent-form #radio-jine { display: none!important; } .forms-content .forms-block__box.indent-form { margin-left: 90px; border-left: 0.8px solid green; padding: 0 0 0 20px; border-bottom: none; } .ruceni-ab.forms-content .forms-block__box.indent-form .input__w25 input[type=radio] { width: 100%; height: 100%; cursor: pointer; } .ruceni-ab.forms-content .form-block input[type="radio"]:checked + label:before { z-index: 1; } .owner-detail .form-block__before { display: flex; } .ruceni-ab.forms-content .forms-block__box .form-block__form { width: 345px } .ruceni-ab.forms-content .forms-block__box .form-block__text label { line-height: 1.2; max-width: 200px; } .ruceni-ab.forms-content .forms-block__box .form-block__before { text-align: left; } .ruceni-ab .more-brands-button { margin: 0; padding: 0; } @media only screen and (min-width: 992px) { .ruceni-ab .form-block:nth-child(4) { order: initial; } .ruceni-ab .form-block .more-brands { padding-left: 230px; margin-bottom: 20px; } } @media only screen and ( max-width: 991px ) { .ruceni-ab .brand { left: 0; top: 10px; } .ruceni-ab .form-block .more-brands { padding-left: 0; margin: 0 0 20px 0; max-width: 345px; } /* .ruceni-ab.forms-content .forms-block__box .info__container { position: relative; margin-left: 0; margin-top: -15px; top: 0; }*/ .ruceni-ab .indent-form .js-select-radio .input__flex { display: flex; flex-wrap: nowrap; margin-top: 40px; margin-left: -80px; } .ruceni-ab.forms-content .forms-block__box.indent-form { margin-left: 63px; } } @media only screen and ( max-width: 575px ) { .ruceni-ab.forms-content .forms-block__box h2 { border: none; background: #fff; margin-bottom: 10px; padding: 0 10px 0 0; position: relative; overflow: hidden; } .ruceni-ab.forms-content .forms-block__box h2:after { content: ''; position: absolute; width: calc(100% - 10px); height: 1px; top: 52%; background-color: #1ca21c; margin-left: 10px; } .ruceni-ab.forms-content .form-block__text label { margin-top: 4px; font-size: 14px; } .ruceni-ab.forms-content .forms-block__box .info__container { margin-left: -5px; } .ruceni-ab .owner-radio .input__flex { flex-wrap: nowrap; } .ruceni-ab .input__w25 input[type="radio"] + label:before { width: 132px; } .forms-content .forms-block__box .form-block__form .ab-phone { width: 100%; } .ruceni-ab .form-block .more-brands { max-width: 100%; } .forms-content .forms-block__box .form-block__form input.form-radio + label { min-height: 45px; max-width: calc(100vw - 42px); font-size: 15px; line-height: 27px; } } @media only screen and ( max-width: 500px ) { .ruceni-ab.forms-content .forms-block__box .form-block__form { width: 100%; } .ruceni-ab .owner-detail .form-block__before { display: flex; flex-direction: column; } .indent-form .js-select-radio .input__flex { margin-left: 0; } .ab-phone { width: 100%; } } @media only screen and ( max-width: 700px ) { .ruceni-ab.forms-content .forms-block__box.indent-form { margin-left: 33px; width: calc(100% - 33px); } } .ruceni-ab .vehicle-type .input__w25:nth-child(2) { width: 89px; } .ruceni-ab.forms-content .calculate__image { width: 350px; height: 70px; padding-top: 17px; font-weight: 700; margin-left: -20px; color: #fff; } .ruceni-ab .vehicle-type .input__w25 input[type="radio"] + label span { font-size: 13px; } .ruceni-ab .vehicle-type .input__w25:nth-child(1) input[type="radio"] + label:before { width: 79px; border-right: 0px; border-radius: 5px 0px 0px 5px; } .ruceni-ab .vehicle-type .input__w25:nth-child(1) input[type="radio"]:checked + label:before { width: 78px; border-radius: 4px !important; border-width: 2px; border: 2px solid #24a214; z-index: 3; } .ruceni-ab .vehicle-type .input__w25:nth-child(1) input[type="radio"]:checked + label span { z-index: 4; } .ruceni-ab .vehicle-type .input__w25:nth-child(2) input[type="radio"] + label:before { width: 87px; border-radius: 0px; border-right: 1px solid #cacaca; border-left: 1px solid #cacaca; } .ruceni-ab.forms-content .form-block.vehicle-type .input__w25:nth-child(2) input[type="radio"]:checked + label:before { width: 89px; border-radius: 4px !important; border-width: 2px; border: 2px solid #24a214; z-index: 3; margin-left: -1px; } .ruceni-ab.forms-content .form-block.vehicle-type .input__w25:nth-child(2) input[type="radio"]:checked + label span { z-index: 5; } .ruceni-ab.forms-content .form-block.vehicle-type .input__w25:nth-child(3) input[type="radio"]:checked + label span { z-index: 5; } .ruceni-ab .vehicle-type .input__w25:nth-child(3) input[type="radio"] + label:before { width: 85px; border-left: 0px; border-radius: 0px; border-right: 1px solid #cacaca; } .ruceni-ab.forms-content .form-block.vehicle-type .input__w25:nth-child(3) input[type="radio"]:checked + label:before { width: 86px; border-radius: 4px !important; border-width: 2px; border: 2px solid #24a214; z-index: 3; margin-left: -2px; } /* OWNER*/ .ruceni-ab .owner-radio .input__w25 { width: 33.33%; flex-shrink: 0; } .ruceni-ab .owner-radio input[type=radio] + label, .ruceni-ab .owner-detail input[type=radio] + label { width: 100%; z-index: initial; padding: 6px 5px 0 5px; text-align: center; } .ruceni-ab .owner-radio .input__w25 input + label span, .ruceni-ab .owner-detail .input__w25 input + label span { z-index: 2; vertical-align: middle; font-size: 13px; } .ruceni-ab .owner-radio .input__w25:nth-child(1) input[type="radio"] + label:before { width: 100%; border-right: 0px; border-radius: 5px 0px 0px 5px; } .ruceni-ab .owner-radio .input__w25:nth-child(2) input[type="radio"] + label:before { width: 100%; border-radius: 0px; border-right: 1px solid #cacaca; border-left: 1px solid #cacaca; z-index: 1; } .ruceni-ab .owner-radio .input__w25:nth-child(3) input[type="radio"] + label:before { width: 100%; border-right: 2px solid #cacaca; border-left: 0px; border-radius: 0 6px 6px 0; } .ruceni-ab .owner-radio .input__w25:nth-child(1) input[type="radio"]:checked + label:before { width: 100%; border-radius: 4px !important; border: 2px solid #24a214; z-index: 2; } .ruceni-ab .owner-radio .input__w25:nth-child(2) input[type="radio"]:checked + label:before { width: 100%; border-radius: 4px !important; border: 2px solid #24a214; z-index: 2; margin-left: -1px; } .ruceni-ab .owner-radio .input__w25:nth-child(3) input[type="radio"]:checked + label:before { width: 100%; border-radius: 6px; border: 2px solid rgb(28, 162, 28); margin-left: -3px; } @media only screen and (max-width: 575px) { .ruceni-ab .owner-radio .input__w25 { padding: 0; } } @media only screen and (max-width: 515px) { .ruceni-ab .vehicle-type .input__w25:nth-child(1) input[type="radio"] + label:before { width: 85px; } .ruceni-ab .vehicle-type .input__w25:nth-child(2) input[type="radio"] + label:before { width: 80px; } .ruceni-ab .vehicle-type .input__w25:nth-child(3) input[type="radio"] + label:before { width: 92px; } .ruceni-ab .vehicle-type .input__w25:nth-child(1) input[type="radio"]:checked + label:before { width: 85px; } .ruceni-ab .vehicle-type .input__w25:nth-child(2) input[type="radio"]:checked + label:before { width: 80px; } .ruceni-ab .vehicle-type .input__w25:nth-child(3) input[type="radio"]:checked + label:before { width: 92px !important; } .ruceni-ab .owner-radio .input__w25 { padding: 0px !important; } .ruceni-ab .owner-radio .input__w25 input + label span { padding-right: 9px !important; } } @media only screen and (max-width: 515px) { .input__w25 input + label span{ padding-right: 0px !important; } } /* im owner */ .ruceni-ab .indent-form .input__w25:nth-child(4) { display: none; } .ruceni-ab .indent-form .input__w25 { width: 33%; flex: 0 0 33%; padding: 0; margin: 0; height: 46px; } .ruceni-ab .indent-form .input__w25 input[type=radio] + label, .ruceni-ab .indent-form .input__w25 input[type="radio"] + label:before, .ruceni-ab .indent-form .input__w25 input[type="radio"]:checked + label:before { width: 100%; } .ruceni-ab.forms-content .form-block input[type="radio"]:checked + label span { z-index: 2; } .ruceni-ab .form--description { color: #858791; border-top: 1px solid #D8D8D8; font-size: 14px; } .ruceni-ab .form--description a{ color: #006DB3; } @media only screen and (max-width: 515px) { .ruceni-ab.forms-content .calculate__image { width: 260px; } .ruceni-ab .input__button .calculate .calculate__div { margin-left: 0px; margin-right: 0px; } } .ruceni-ab .owner-radio .input__flex #radio-jine { display: none; } .ruceni-ab .brand__item input[type="radio"] + label:before { width: 48px; height: 48px; position: relative; margin: 0 auto 1px auto; background-size: 32px; } .ruceni-ab .brand__item input[type=radio] + label { font-size: 13px; padding: 0; margin: 0; text-align: center; min-width: 60px; } .ruceni-ab.forms-content .form-block #BlockVehicleBrandsNew .form-block__form input { display: none; } .ruceni-ab #BlocBoxPolicyholder .input__flex #radio-jine { display: none; } .ruceni-ab .no-bottom-margin { padding-bottom: 0; margin-bottom: -50px; } @media only screen and (max-width: 400px) { .input__button .calculate { max-width: 345px; } .ruceni-ab .checkboxOutSideFormFor { padding-left: 0px; margin-left: -20px; margin-right: 15px; margin-top: -20px; } .ruceni-ab.forms-content .forms-block__box .form-block__full { width: 97% !important; } .ruceni-ab.forms-content .form-block__form.form__mobile--mb { top: -20px; } } .ruceni-ab .owner-radio .input__w25 input[type="radio"] + label:before, .ruceni-ab .owner-detail .input__w25 input[type="radio"] + label:before { transition: none; height: 42px; } .ruceni-ab .owner-radio .input__flex { height: 46px; } @media only screen and ( max-width: 575px ) { .ruceni-ab #BlocBoxPolicyholder { padding-top: 0; } .ruceni-ab.forms-content .forms-block__box { margin: 0; } .ruceni-ab .indent-form .js-select-radio .input__flex { margin: 0 } .ruceni-ab .owner-radio input[type=radio] + label { line-height: 32px; } .ruceni-ab .more-brands { max-width: 100%; } .ruceni-ab .more-brands-button { margin-left: 0; } .ruceni-ab.forms-content .forms-block__box .form-block__full, .forms-content .forms-block__box .form-block__before { float: none; width: 100%!important; margin: 0; } .ruceni-ab .button__subtitle { margin-left: 0; } .ruceni-ab .input__button .calculate { padding: 0; margin: 0 0 20px 0; max-width: 100%; } .ruceni-ab .input__button .calculate .calculate__div { padding: 20px; } .ruceni-ab.forms-content .calculate__image { font-size: 26px; padding-left: 60px; width: auto; } } /* Radio input boxes */ .radio-boxes .isHidden { display: none; } .forms-content .forms-block__box .form-block__form.radio-boxes { line-height: initial; } .forms-content .forms-block__box .form-block__form.radio-boxes input[type=radio] { display: none; } .radio-boxes .input__w25 input[type="radio"] + label { margin: 0; padding: 0; width: calc(100% - 2px); height: 43px; display: flex; align-items: center; justify-content: center; position: relative; } .radio-boxes .input__w33 input[type="radio"] + label { margin: 0; padding: 0; width: 100%; height: 38px; display: flex; align-items: center; justify-content: center; position: relative; } .radio-boxes .input-icon .input__w33 input[type="radio"] + label { height: 46px; } .radio-boxes .input-icon .input__w33 input[type="radio"] + label:before { background-size: 23px; background-position: center 5px; } .radio-boxes .input-icon .input__w33 input[type="radio"] + label span { padding-top: 25px; } .radio-boxes .input__w25 input[type="radio"] + label:before { width: calc(100% - 2px); height: 100%; } .radio-boxes .input__w33 input[type="radio"] + label:before { width: calc(100% - 2px); height: 100%; } .radio-boxes .input__flex { width: calc(100% + 10px); position: relative; left: -10px; } .radio-boxes .input__flex .error-p { margin-left: 10px; } .radio-boxes .input__w25 { width: 25%; flex: inherit; padding: 0 0 10px 10px; } .radio-boxes .input__w33 { width: 33%; flex: inherit; padding: 0 0 10px 10px; } .radio-boxes .input__w25 label span { padding: 4px 0 0 2px; text-align: center; font-size: 13px; } .radio-boxes .input__w33 label span { padding: 4px 0 0 2px; text-align: center; font-size: 13px; } .forms-content .form-block .form-block__form.radio-boxes .input__select select { width: calc(100% + 4px); padding: 0 25px 0 7px; height: 42px; } .forms-content .form-block .radio-boxes input[type="radio"]:not(:checked):hover + label:before { background-color: #ededed; color: #000; } .forms-content .form-block .radio-boxes input[type="radio"]:not(:checked):hover + label span { color: #000; } .more-buttons { display: block; font-size: 14px; margin: 5px 0 10px; } .more-buttons span { color: #006DB3; cursor: pointer; position: relative; text-decoration: none; } .more-buttons span:after { content: ''; position: relative; background: url("/Content/Source/img/svg/icon-more.svg") no-repeat center center; display: inline-block; width: 15px; height: 10px; line-height: 15px; margin-left: 3px; } .radio-boxes .more-buttons span:hover { text-decoration: underline; } .radio-boxes.isOpen .more-buttons span:after { transform: rotate(180deg); } /* LP - POV */ .header-green { background-color: #1ca21c; color: #fff; padding-bottom: 35px } .header-green h1 { font-size: 42px; line-height: 45px; font-weight: 700; margin: 0; padding: 0 0 20px } .header-green h1.title-max { max-width: 380px } @media (max-width: 767px) { .header-green { padding-bottom: 15px; font-size: 14px } .header-green h1 { font-size: 26px; line-height: 27px; padding-bottom: 10px } .header-green .check-list li + li { padding-top: 5px } } .link-color { color: #006db3 } .link-color:hover { text-decoration: none } .check-list { list-style-image: url(/Content/source/img/svg/ico-check-simple.svg); padding-left: 30px } .check-list li { padding-top: 10px; line-height: 22px; padding-left: 10px } .check-list--green { padding-bottom: 20px } .check-list--green li { line-height: 1.3; min-height: 20px; background-image: url(/Content/source/img/ab-testy/green-check.svg); background-repeat: no-repeat; background-position: left 0; padding-left: 30px } .check-list--green li + li { margin-top: 10px } .flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .flex-row .no-shrink { -ms-flex-negative: 0; flex-shrink: 0; z-index: 1 } @media (min-width: 768px) { .flex-row.col-ph20 { margin-left: -10px } .flex-row.col-ph20 .flex-col { padding: 0 10px } } @media (min-width: 768px) { .flex-row.col-ph30 { margin-left: -30px } } .flex-row.col-ph30 .flex-col { padding: 0 30px } .pov-lp .bubble--left { height: 430px } .pov-lp .h1--subtitle { margin-top: 10px } .pov-lp .gray-container { overflow: hidden } @media (min-width: 768px) { .pov-lp .flex-bottom-img { margin-right: 50px } } .pov-lp .flex-bottom-img img { -ms-flex-item-align: end; align-self: flex-end; height: auto } .pov-lp .more-link { text-align: center; padding: 0 0 30px } .pov-lp .more-link a { color: #006db3; font-size: 14px } .pov-lp .margin-center { margin-left: auto; margin-right: auto; } .pov-lp .margin-center.calculate__div { margin-bottom: 50px; } .pov-lp .text-green { color: #1ca21c } .pov-lp strong.text-green { font-weight: 600 } .pov-lp a.text-green { text-decoration: none } .pov-lp a.text-green:hover { text-decoration: underline } .pov-lp .p-divider { padding-bottom: 35px } .pov-lp .p-divider p { line-height: 28px } .pov-lp .p-divider p + p { padding-top: 30px } .pov-lp .p-divider + .p-divider { border-top: 1px solid #d8d8d8 } .pov-lp .p-divider strong { font-weight: 600 } @media (min-width: 768px) { .pov-lp .flex-bottom, .pov-lp .flex-bottom .calculate { -ms-flex-item-align: end; align-self: flex-end } .pov-lp .flex-bottom-img { display: -webkit-box; display: -ms-flexbox; display: flex } .pov-lp .flex-bottom-img img { max-width: 460px; width: 100%; margin-bottom: -10px } } @media (max-width: 1023px) { .pov-lp .flex-bottom-img { margin: 0 0 0 -150px; z-index: 0 } } @media (max-width: 767px) { .pov-lp .flex-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .pov-lp .flex-bottom-img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: center; overflow: hidden; margin: 0 } .pov-lp .flex-bottom-img img { height: 100px; margin-top: -20px } .pov-lp .pov-lp .calculate__div { padding: 10px 20px } } @media (max-width: 425px) { .pov-lp .p-divider { font-size: 14px; padding-bottom: 15px } .pov-lp .p-divider p { line-height: 20px } .pov-lp .flex-row { -webkit-box-align: initial; -ms-flex-align: initial; align-items: normal } .pov-lp .calculate { max-width: none } .pov-lp .calculate .calculate__div { text-align: left } .pov-lp .calculate .calculate__image { max-width: 150px; text-align: initial } } .pov-lp h2.main-center { text-align: center; font-size: 32px; font-weight: 600; padding: 45px 0 20px; line-height: 1.3 } @media (max-width: 425px) { .pov-lp h2.main-center { font-size: 20px; padding-top: 25px } } .pov-lp .reference { background: #e4e4e4; border-radius: 4px; padding: 25px 30px; position: relative; z-index: 1; overflow: hidden } .pov-lp .reference h3 { text-align: center; font-size: 22px; font-weight: 600; color: #2c2d31; padding: 0 0 20px } .pov-lp .reference__stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 0 30px } .pov-lp .reference__stats__item { width: 40vw } .pov-lp .reference__stats__item:first-child { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .pov-lp .reference__stats__item p { max-width: 130px } .pov-lp .reference__stats__icon { font-size: 38px; font-weight: 600; line-height: 65px; padding-right: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative } .pov-lp .reference__stats__icon:before { content: ""; display: inline-block; background-repeat: no-repeat; background-size: contain; position: absolute } .pov-lp .reference__stats__icon.people:before { background-image: url(/Content/source/img/ab-testy/people.svg); width: 40px; height: 40px; left: -50px } .pov-lp .reference__stats__icon.graph { padding-left: 90px } .pov-lp .reference__stats__icon.graph:before { background-image: url(/Content/source/img/ab-testy/graph.svg); -webkit-transform: rotate(255deg); -ms-transform: rotate(255deg); transform: rotate(255deg); width: 50px; height: 50px; left: 30px } .pov-lp .reference__stats__item + .reference__stats__item { border-left: 1px solid rgba(133, 135, 145, .5) } .pov-lp .reference__avatar { position: absolute; top: 0; width: 40px; height: 40px; border-radius: 50%; margin: 0 } .pov-lp .reference__avatar.avatar--man { background: url(/Content/source/img/ab-testy/man.svg) #ff8615 no-repeat center 8px } .pov-lp .reference__avatar.avatar--woman { background: url(/Content/source/img/ab-testy/woman.svg) #ff8615 no-repeat center 8px } .pov-lp .reference__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px } .pov-lp .reference__header .reference__user { margin-bottom: 0; line-height: 1 } .pov-lp .reference__header .reference__user strong { font-size: 14px } .pov-lp .reference__header .reference__user span { font-size: 12px; color: #858791; font-weight: 400 } .pov-lp .reference__header .reference__star { margin: 0; line-height: 14px } .pov-lp .reference__header .reference__star span { font-size: 12px; font-weight: 700; padding: 1px 5px 0 0; display: inline-block } .pov-lp .reference__header .reference__star .reference__star__percent { height: 14px; width: 85px } .pov-lp .reference__header .reference__star .reference__star__percent:before { background-size: contain } .pov-lp .reference .reference__content { margin-left: 0; height: auto; padding-bottom: 100px; margin-bottom: -50px; } .pov-lp .reference .reference__content__box { padding: 30px 20px 20px; border-radius: 4px; margin: 20px 0 0 0; height: auto!important; } .pov-lp .reference .reference__content__box p { font-size: 13px; line-height: 22px } .pov-lp .reference .reference__content.slick-initialized .slick-slide { margin: 0 10px } .pov-lp .reference .reference__content .slick-dots li { width: 12px; height: 12px } @media (min-width: 768px) { .pov-lp .reference__stats { padding: 20px 0 30px } .pov-lp .reference__stats__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media (max-width: 767px) { .pov-lp .reference .reference__header .reference__user span { display: block; padding-top: 5px } .pov-lp .reference__stats__icon { font-size: 32px; line-height: 30px; margin-bottom: 8px } .pov-lp .reference__stats__icon.graph { padding-left: 50px } .pov-lp .reference__stats__icon.graph:before { width: 30px; height: 30px; left: 10px } .pov-lp .reference__stats__icon.people:before { width: 30px; height: 30px; left: -40px } .pov-lp .reference__stats__item { text-align: center; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .pov-lp .reference__stats__item p { font-size: 14px; line-height: 16px } .pov-lp .reference__stats__item:first-child { padding-right: 20px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .pov-lp .reference__stats__item:last-child { padding-left: 20px } } .pov-lp .calculations { padding: 160px 0 30px; position: relative; margin-top: -150px } .pov-lp .calculations__boxes { margin: 20px 0 } .pov-lp .calculations__box, .pov-lp .calculations__boxes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .pov-lp .calculations__box { height: 180px; background: #fff; border-radius: 4px; width: calc(50% - 15px); padding: 20px 45px 20px 30px } .pov-lp .calculations .calc__col { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 1; flex-shrink: 1 } .pov-lp .calculations .calc__col.image { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .pov-lp .calculations .calc__col:first-child { -ms-flex-negative: 0; flex-shrink: 0; padding: 15px 0 } .pov-lp .calculations .calc__col img { max-width: 240px; width: 100%; height: auto; margin-left: 20px } .pov-lp .calculations .calc__col .title--top { font-size: 18px; font-weight: 700; padding-top: 5px } .pov-lp .calculations .calc__col .title--price span:first-child { color: #858791; padding-right: 8px; text-decoration: line-through } .pov-lp .calculations .calc__col .title--price span:last-child { color: #ff8615; font-weight: 600; font-size: 20px } .pov-lp .calculations .calc__col .title--final-price { color: #1ca21c; font-size: 24px } .pov-lp .calculations .calc__col .title--final-price strong { display: inline-block } .pov-lp .calculations .lander--button { margin: 0 auto 30px; max-width: 380px } @media (max-width: 1023px) { .pov-lp .calculations .calculations__box { padding: 15px 20px; height: 140px } .pov-lp .calculations .calculations__box .calc__col:last-child { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .pov-lp .calculations .calculations__box .calc__col .title--top { font-size: 16px; padding: 0 } .pov-lp .calculations .calculations__box .calc__col .title--final-price { font-size: 20px } .pov-lp .calculations .calculations__box .calc__col.image { max-width: 45% } .pov-lp .calculations .calculations__box .calc__col img { margin-left: 10px; width: 100% } } @media (max-width: 767px) { .pov-lp .calculations .calculations__boxes { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .pov-lp .calculations .calculations__box { min-width: 380px } .pov-lp .calculations .calculations__box + .calculations__box { margin-top: 15px } } @media (max-width: 425px) { .pov-lp .calculations { padding: 140px 0 0 } .pov-lp .calculations .calculations__boxes { margin-top: 0 } .pov-lp .calculations .calculations__box { min-width: 0; width: 100%; padding: 12px 10px; height: 110px } .pov-lp .calculations .calculations__box .calc__col { -ms-flex-negative: initial; flex-shrink: 1 } .pov-lp .calculations .calculations__box .calc__col:first-child { padding: 0 } .pov-lp .calculations .calculations__box .calc__col img { width: 33vw; margin-left: 0 } } .pov-lp .why__boxes { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px } .pov-lp .why__boxes .why__col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; justify-items: center; position: relative; padding: 0 10px } .pov-lp .why__boxes .why__col .why__number { background: #ff8615; border-radius: 50%; width: 50px; height: 50px; color: #fff; font-size: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 700; margin: 0 auto } .pov-lp .why__boxes .why__col h3 { font-size: 18px; font-weight: 700; text-align: center; padding: 10px 0 20px } .pov-lp .why__boxes .why__col ul { margin: 0 auto; max-width: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .pov-lp .why__boxes .why__col ul li { font-size: 14px; color: #2c2d31; width: 100%; max-width: 300px } .pov-lp .why__boxes .why__col:first-child .why__number:after, .pov-lp .why__boxes .why__col:nth-child(2) .why__number:after { content: ""; position: absolute; max-width: 360px; width: calc(33vw - 75px); height: 24px; left: calc(50% + 32px); background-size: contain; background-repeat: no-repeat } .pov-lp .why__boxes .why__col:first-child .why__number:after { background-image: url(/Content/source/img/ab-testy/line-bottom.svg); top: 36px } .pov-lp .why__boxes .why__col:nth-child(2) .why__number:after { background-image: url(/Content/source/img/ab-testy/line-top.svg); top: 0 } @media (max-width: 767px) { .pov-lp .why__boxes { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .pov-lp .why__boxes .why__col { margin: 0 auto; width: 100%; max-width: 380px; padding: 0 0 0 50px } .pov-lp .why__boxes .why__col h3 { text-align: left; font-size: 16px } .pov-lp .why__boxes .why__col h3 br { display: none } .pov-lp .why__boxes .why__col .why__number { position: absolute; left: 10px; width: 28px; height: 28px; top: 10px; font-size: 18px; z-index: 1 } .pov-lp .why__boxes .why__col .why__number:before { content: ""; background: #fff; position: absolute; height: 5px; width: 100%; bottom: -5px } .pov-lp .why__boxes .why__col .why__number:after { display: none } .pov-lp .why__boxes .why__col h3, .pov-lp .why__boxes .why__col ul { background: #fff; position: relative; z-index: 1 } .pov-lp .why__boxes .why__col:first-child:before, .pov-lp .why__boxes .why__col:nth-child(2):before { content: ""; position: absolute; width: 90px; height: calc(100% + 36px); border-radius: 50%; border: 2px dashed #858791; opacity: .5; top: 0; left: 0 } .pov-lp .why__boxes .why__col:after { content: ""; width: 40px; position: absolute; height: calc(100% - 30px); background: #fff; top: 0; left: 14px; z-index: 0 } .pov-lp .why__boxes .why__col:first-child:before { left: -60px } .pov-lp .why__boxes .why__col:first-child:after { left: -80px; width: 90px; height: calc(100% + 55px) } .pov-lp .why__boxes .why__col ul { margin: initial; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .pov-lp .why__boxes .why__col ul li { width: auto } } .pov-lp .faq-accordion { max-width: 640px; margin: 0 auto; position: relative; z-index: 1; padding-bottom: 10px } .pov-lp .faq-accordion:after, .pov-lp .faq-accordion:before { position: absolute; content: ""; bottom: -54px; z-index: 0; background-repeat: no-repeat } .pov-lp .faq-accordion:before { width: 210px; height: 316px; left: -230px; background-image: url(/Content/source/img/ab-testy/question.svg) } .pov-lp .faq-accordion:after { width: 300px; height: 345px; right: -270px; background-image: url(/Content/source/img/ab-testy/rozcestnik.svg) } .pov-lp .faq-accordion .ui-accordion-header .ui-accordion-header-icon { right: 20px; left: auto; background-image: url(/Content/source/img/ab-testy/arrow.svg); background-position: 0 3px } .pov-lp .faq-accordion .ui-accordion-header .ui-accordion-header-icon.ui-icon-minus { -webkit-transform: rotate(-180deg) translateY(2px); -ms-transform: rotate(-180deg) translateY(2px); transform: rotate(-180deg) translateY(2px) } .pov-lp .faq-accordion .ui-accordion-header { border: none; border-radius: 4px; background: #ededed; font-size: 16px; line-height: 22px; font-weight: 600; padding: 11px 45px 12px 20px; margin-bottom: 10px; -webkit-transition: all .15s ease-in; -o-transition: .15s all ease-in; transition: all .15s ease-in; z-index: 2 } .pov-lp .faq-accordion .ui-accordion-header:hover { background: #cfcfcf; color: #555 } .pov-lp .faq-accordion .ui-accordion-content { border: none; line-height: 22px; font-size: 14px; margin-bottom: 10px; padding: 10px 20px } .pov-lp .faq-accordion--light .ui-accordion-header { background: #fff } .pov-lp .faq-accordion .ui-accordion-content { background: transparent } .pov-lp .faq-accordion .ui-accordion-content a { color: #006db3 } .pov-lp .faq-accordion .ui-accordion-content a:hover { text-decoration: none } @media (max-width: 767px) { .pov-lp .faq-accordion:after, .pov-lp .faq-accordion:before { display: none } } .pov-lp .text-content .lander--button { margin-top: 20px } .pov-lp .documents { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 50px; margin-left: -15px } .pov-lp .documents, .pov-lp .documents__item { display: -webkit-box; display: -ms-flexbox; display: flex } .pov-lp .documents__item { background: #ededed; height: 90px; margin: 0 0 15px 15px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; border-radius: 10px; -webkit-transition: all .15s ease-in; -o-transition: .15s all ease-in; transition: all .15s ease-in } .pov-lp .documents__item:hover { background-color: #cfcfcf } .pov-lp .documents__item a { padding: 0 20px; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #444; font-size: 18px; text-decoration: none; font-weight: 700 } .pov-lp .documents__item.icon a:before { content: ""; width: 40px; height: 40px; background: no-repeat 50%; background-size: contain; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 15px } .pov-lp .documents__item.icon--crash a:before { width: 50px; background-image: url(/Content/source/img/ab-testy/crash.svg) } .pov-lp .documents__item.icon--file a:before { background-image: url(/Content/source/img/ab-testy/file.svg) } .pov-lp .documents__item.icon--download a:before { background-image: url(/Content/source/img/ab-testy/download.svg) } .pov-lp .documents__item.icon--person a:before { background-image: url(/Content/source/img/ab-testy/person.svg) } @media (max-width: 1023px) { .pov-lp .documents { -ms-flex-wrap: wrap; flex-wrap: wrap } .pov-lp .documents__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 15px); flex: 0 0 calc(50% - 15px); height: auto } .pov-lp .documents__item, .pov-lp .documents__item.icon a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .pov-lp .documents__item.icon a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; padding: 15px } .pov-lp .documents__item.icon a:before { margin: 0 0 10px } } @media (max-width: 425px) { .pov-lp .documents__item { height: 140px } .pov-lp .documents__item.icon a { -ms-flex-pack: distribute; justify-content: space-around } } .pov-lp__table h2 { font-size: 24px; font-weight: 600; line-height: 33px; margin: 40px 0 20px; } .pov-lp__table table { border-radius: 5px; /*overflow: hidden;*/ border-collapse: initial; max-width: 850px; border-spacing: 0; border: 1px solid #d6d6d6; border-left: none; } .pov-lp__table .table-header thead td { background-color: #EDF8ED; color: #1CA21C; border-left: 1px solid #d6d6d6; padding: 12px 8px; line-height: 1.4; } .pov-lp__table .table-header tbody td { border: none; border-top: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; } .pov-lp__table .table-header thead , .pov-lp__table .table-header thead td:first-child { border-top-left-radius: 5px; } .pov-lp__table .table-header thead , .pov-lp__table .table-header thead td:last-child { border-top-right-radius: 5px; } .pov-lp__blog { margin-bottom: 40px; } .pov-lp__blog h2 { text-align: center; font-size: 32px; } @media (min-width: 992px) { #zip__errorMessage { margin-left: 237px; top: -10px } } #PageModel_OwnerZipCity { padding-left: 40px; background: url(/Content/source/img/svg/search_icon.svg) #ededed no-repeat 10px center; } #PageModel_OwnerZipCity:focus { background-color: #fff; } .center-wizard .calculate-wrapper { margin: 0 auto 20px auto; max-width: 700px; } .center-wizard .calculate { margin: 0 auto; float: none; max-width: none; } .center-wizard .calculate__div { max-width: 500px; width: 100%; padding: 2.25em 1.875em 2.25em 5em; margin: 0 auto; } .center-wizard .calculate-wrapper .gdpr-p { font-size: 14px; color: #797979; margin-top: 30px; padding-top: 25px; border-top: 1px solid #CACACA; } .center-wizard .calculate-wrapper a { color: #006DB3; } .center-wizard.forms-content .forms-block__box .form-block__full.form-block--checkbox { padding-bottom: 10px; } .center-wizard.forms-content .forms-block__box .form-block__full.form-block--checkbox label { line-height: 32px; } .ui-spinner { background-color: #ededed; width: 130px; height: 44px; padding-left: 36px; padding-right: 36px; user-select: none; } .ui-widget.ui-widget-content { border-radius: 0.3125em; border: 2px solid #cacaca; } .ui-spinner.ui-corner-all.ui-widget.ui-widget-content .ui-spinner-input { font-family: "Open Sans", sans-serif; font-size: 13px; color: #2C2D31; width: 100%; height: 100%; vertical-align: top; text-align: center; margin: 0; padding: 0; border: none; line-height: unset; cursor: default; } .ui-spinner.ui-corner-all.ui-widget.ui-widget-content .ui-spinner-input:focus { background-color: #ededed; } span.ui-spinner a.ui-spinner-up, span.ui-spinner a.ui-spinner-down { position: absolute; width: 26px; height: 26px; border-radius: 50%; border: none; align-items: center; justify-content: center; cursor: pointer; background-color: #006DB3; } span.ui-spinner a.ui-spinner-up { top: 7px; right: 7px; } span.ui-spinner a.ui-spinner-down { left: 7px; top: 7px; } .ui-spinner-up { background-image: url("/Content/Source/share/plus-solid.svg") !important; background-repeat: no-repeat; background-size: 10px; background-position: center; } .ui-spinner-down { background-image: url("/Content/Source/share/minus-solid.svg") !important; background-repeat: no-repeat; background-size: 10px; background-position: center; } .ui-spinner-up-inactive { background-image: url("/Content/Source/share/plus-solid-gray.svg") !important; } .ui-spinner-down-inactive { background-image: url("/Content/Source/share/minus-solid-gray.svg") !important; } .ui-spinner input::-webkit-outer-spin-button, .ui-spinner input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .ui-spinner input[type=number] { -moz-appearance: textfield; } .age-block .form-block__form input { max-width: 130px; } .validation-summary-errors { background: rgba(248,215,218,0.2); border: 1px solid #F5C6CB; display: flex; margin: 25px 0; border-radius: 5px; padding: 10px 20px 10px 20px; } .validation-summary-errors ul { flex: 1; font-size: 14px; margin: 0; } @media only screen and (min-width: 992px) { .center-wizard.forms-content .forms-block__box .form-block__full { min-width: 700px; } } @media only screen and (max-width: 991px) { .center-wizard.forms-content .forms-block__box .form-block--checkbox .info__container { top: 7px; } } @media screen and (min-width: 651px) { .center-wizard.forms-content .forms-block__box .form-block__form { width: 465px; } } @media screen and (max-width: 650px) { .center-wizard.forms-content .forms-block__box .form-block__form { width: 100%; } .virus-banner { flex-direction: column; padding-left: 40px; position: relative; } .virus-banner_icon { position: absolute; top: 10px; left: 10px; width: 25px; height: 25px; } .validation-summary-errors { flex-direction: column; position: relative; } } @media only screen and (max-width: 575px) { .center-wizard.forms-content .forms-block__box .form-block__text { display: flex; height: 32px; } .center-wizard.forms-content .forms-block__box .form-block__text label { margin: 0; font-size: 14px; line-height: 2.3; } .center-wizard.forms-content .forms-block__box .info__container { margin-left: -5px; top: 1px; } .center-wizard.forms-content .forms-block__box .form-block__full { float: none; display: flex; } } @media screen and (max-width: 450px) { .radio-boxes .input__w25 { width: 33%; margin-bottom: 2px; } .center-wizard .calculate__div { padding: 2.25em 1em 2.25em 2em; } } .agreement-checkbox a, .medium-popup a { color: #006DB3; } .medium-popup { max-width: 600px; padding-top: 20px; } .medium-popup h3 { margin: 0; font-size: 18px; } .medium-popup p { padding-bottom: 20px; } .medium-popup { padding-top: 20px; } .popup-button { background: #006DB3; color: #fff!important; padding: 10px 35px; border-radius: 5px; font-weight: 700; display: inline-block; cursor: pointer; } .form-block__agreement { margin-top: -50px; padding-bottom: 10px; } .virus-label__wrapper { position: absolute; left: -5px; top: 5px; } .virus-label { background: url("/Content/Source/img/svg/virus.svg") #FAEDCC no-repeat 5px center; background-size: 13px; border: 1px solid #E7AB00; border-radius: 3px; padding: 0px 0px 0px 10px; font-size: 12px; width: 117px; height: 24px; line-height: 22px; position: relative; } .virus-banner { background: #FAEDCC; border: 1px solid #E7AB00; display: flex; margin: 25px 0; border-radius: 5px; padding: 10px 20px 10px 10px; } .virus-banner p { color: #000; } .virus-banner_icon { background-image: url("/Content/Source/img/svg/virus.svg"); background-repeat: no-repeat; width: 25px; margin-right: 10px; } .virus-banner p { flex: 1; font-size: 14px; margin: 0; } .virus-banner a { color: #000; font-size: 14px; font-weight: 600; } .virus-banner a:hover { text-decoration: underline; } .virus-banner .icon-arrow-right { background-image: url("/Content/Source/img/svg/ico-right-black.svg"); background-repeat: no-repeat; width: 10px; display: inline-block; height: 10px; background-size: contain; margin-left: 5px; } @media screen and (max-width: 768px) { .virus-label__wrapper { left: -5px; } .virus-label { max-width: 110px; padding-left: 15px; } } @media screen and (max-width: 650px) { .virus-banner { flex-direction: column; padding-left: 40px; position: relative; } .virus-banner_icon { position: absolute; top: 10px; left: 10px; width: 25px; height: 25px; } } @media screen and (max-width: 480px) { .virus-label__wrapper { left: 10px; } } /* POV - new offers */ .infoboxCar { padding: 20px 20px 20px 0; font-size: 14px; } .infoboxCar__title { color: #1CA21C; font-weight: 700; font-size: 20px; padding: 2px 0 12px; } .infoboxCar p { line-height: 21px; margin-bottom: 10px; } .infoboxCar__change a { color: #006DB3; } .infoboxCar__povruc { font-size: 14px; padding: 0 0 0 40px; margin: 20px 0; border-left: 1px solid #CACACA; } .infoboxCar__povruc h3 { padding: 0; margin: 0; font-size: 14px; font-weight: 700; } .infoboxCar__povruc select { width: 100%; height: 40px; } .infoboxCar__conv { color: #797979; line-height: 22px; margin-bottom: 10px; } .calculationBanner { background: url(/Content/source/img/svg/info.svg) no-repeat 12px center rgba(0, 109, 179, 0.1); background-size: 13px; padding: 10px 10px 10px 35px; font-weight: 600; font-size: 14px; color: #474747; border-radius: 4px; margin: 20px 0; line-height: 22px; } .calculationSuccessBanner { background: url(/Content/source/img/icon/check-hover.svg) no-repeat 10px center rgba(28, 162, 28, 0.1); padding: 10px 10px 10px 40px; font-weight: 600; font-size: 14px; color: #474747; border-radius: 4px; margin: 20px 0; line-height: 22px; } .calculationBanner a { color: #006DB3; } #calculationSorting { font-size: 14px; display: flex; align-items: center; width: 100%; border-bottom: 1px solid #CACACA; margin-bottom: 20px; } #calculationSwitcher { margin-bottom: 20px; } #calculationSwitcher input[type=checkbox]{ height: 0; width: 0; visibility: hidden; } #calculationSwitcher label { cursor: pointer; text-indent: -9999px; width: 48px; height: 24px; background: #CACACA; display: block; border-radius: 100px; position: relative; float: left; margin-right: 10px; } #calculationSwitcher label + p { font-size: 14px; color: #474747; } #calculationSwitcher label:after { content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background: #fff; border-radius: 90px; transition: 0.3s; } #calculationSwitcher input:checked + label { background: #1CA21C; } #calculationSwitcher input:checked + label:after { left: calc(100% - 2px); transform: translateX(-100%); } #calculationSwitcher label:active:after { width: 24px; } .sorting__name { color: #797979; line-height: 20px; padding-right: 20px; } .sorting__item { position: relative; padding: 10px 0; margin-right: 20px; cursor: pointer; } .sorting__item .recbox__title { font-size: 14px; font-weight: normal; line-height: 20px; margin: 0; } .sorting__item input, .sorting__item .recbox__label:before { display: none; } .sorting__item .recbox__label { padding: 0; margin: 0; cursor: pointer; } .sorting__item:after { content: ''; height: 3px; width: 100%; position: absolute; bottom: 0; left: 0; } .sorting__item.active .recbox__title{ font-weight: bold; } .sorting__item.active:after { background-color: #FF8615; } .list-header-sorting .list-text { padding: 10px 0; } #PovDataCheckPopup { max-width: 640px; } #PovDataCheckPopup .forms-content .forms-block__box .form-block__before { text-align: left; } #PovDataCheckPopup .forms-content .forms-block__box .form-block__form { width: 240px; } #PovDataCheckPopup .forms-content .forms-block__box .form-block__text { width: 200px; } #PovDataCheckPopup .forms-block__box .info__container { position: absolute; padding: 0; margin: 1px 0 0 5px; line-height: 2.8125em; height: 2.8125em; } #PovDataCheckPopup .forms-block__box .info__container .info { background: #ffffff; color: #797979; border: 1px solid #797979; width: 20px; height: 20px; line-height: 17px; font-size: 14px; font-weight: 600; } #PovDataCheckPopup .forms-content .forms-block__box .form-block__text label { line-height: 1.2; max-width: 200px; } #PovDataCheckPopup .forms-content .forms-block__box .form-block__text label+ .red { display: none; } #PovDataCheckPopup h4 { padding: 0; margin: 0 0 30px 0; color: #2C2D31; text-align: center; font-size: 20px; font-weight: 600; } #PovDataCheckPopup .forms-block__box { border: none; } #PovDataCheckPopup .form-info { color: #797979; margin-bottom: 10px; top: -10px; position: relative; } #PovDataCheckPopup .popupFooter { margin: 20px auto 0 auto; max-width: 160px; text-align: center; } #PovDataCheckPopup .error-p { display: inline-block; } @media screen and (min-width: 768px) { #PovDataCheckPopup .forms-block__box { padding: 0 50px; } } @media screen and (max-width: 1100px) { .selectCheckbox > .cell.w25 { width: 50%; margin-bottom: 10px; } .infoboxCar__povruc { padding-left: 20px; } } @media screen and (max-width: 768px) { .infoboxCar__povruc { padding: 0; border: 0; } .calculationBanner .button--label { margin: 10px 0 0 0; display: flex; } .calculationBanner--percentage { flex-direction: column; text-align: center; } } @media screen and (max-width: 500px) { .selectCheckbox > .cell.w25 { width: 100%; } .selectCheckbox .dropdown-menu { width: calc(100vw - 20px); } .forms-content .selectCheckbox .form-block input[type=checkbox] + label { line-height: 32px; } } @media not all and (min-resolution:.001dpcm) { .progress { display: none; } .text--popup.mb-5 { margin-bottom: 22px; } } /* pov-infobox */ .wizard-pov-infobox-basic, .wizard-pov-infobox-insurance { flex-direction: column; } .wizard-pov-infobox__header { font-size: 22px; color: #201C46; text-align: left; font-weight: bold; margin-bottom: 10px; margin-top: 0; line-height: 30px; } .wizard-pov-infobox__body { background: #EDEDED; padding: 24px 20px 20px 20px; border-radius: 4px; margin-bottom: 40px; } .wizard-pov-infobox__box + .wizard-pov-infobox__box { padding-top: 30px; } .wizard-pov-infobox__title { display: flex; justify-content: space-between; align-items: center; padding-bottom: 6px; line-height: 24px; } .wizard-pov-infobox__title h3 { font-size: 18px; padding: 0; margin: 0; text-align: inherit; line-height: 18px; } .wizard-pov-infobox__title img { height: 20px; } .wizard-pov-infobox__title-icon { font-size: 14px; color: #006DB3; text-decoration: underline; } .wizard-pov-infobox__title-icon:hover { text-decoration: none; } .wizard-pov-infobox__title-icon-edit { padding-left: 17px; background: url(/Content/source/img/pen.png) 0px 5px no-repeat; background-size: 14px; } .wizard-pov-infobox__single-row, .wizard-pov-infobox__row { font-size: 14px; } .wizard-pov-infobox__single-row { line-height: 19px; } .wizard-pov-infobox__row { display: flex; justify-content: space-between; align-items: center; padding-top: 9px; } .wizard-pov-infobox__row-sum { display: flex; justify-content: space-between; align-items: baseline; font-size: 16px; font-weight: bold; margin-top: 10px; } .wizard-pov-infobox__row-sum div { color: #201C46; } .wizard-pov-infobox__row + .wizard-pov-infobox__row { padding-top: 2px; } .wizard-subinsurance-info-items .wizard-pov-infobox__row { padding-top: 2px; } .wizard-pov-infobox__row-title { color: #797979; flex-shrink: 0; padding-right: 10px; max-width: 170px; } .wizard-pov-infobox__row-title::first-letter { text-transform: uppercase; } .wizard-pov-infobox__row-text { text-align: right; line-height: 1.3; overflow: hidden; word-wrap: break-word; } .wizard-pov-infobox__line { width: 100%; height: 1px; background-color: #DFE2F4; margin-top: 10px; } /* pov-global */ .wizard-pov__bck-button { color: #006DB3; text-decoration: underline; font-size: 14px; cursor: pointer; align-items: baseline; } .wizard-pov__bck-button:before { content: ''; background: url("/Content/source/img/svg/icon-more.svg") center center no-repeat; width: 10px; height: 8px; display: inline-block; margin-right: 6px; transform: rotate(90deg); background-size: contain; } .wizard-pov__bck-button:hover { text-decoration: none; } /* pov-completion */ .wizard-povcompletion { display: flex; max-width: 950px; margin-left: auto; margin-right: auto; margin-top: 40px; font-family: 'Poppins'; } .wizard-povcompletion__form { max-width: 580px; flex: 1; margin-right: 60px; } .wizard-povcompletion__form .forms-block__box { border: none; padding: 20px 0 28px 0; } .wizard-povcompletion__form .forms-block__box h2 { background: none !important; color: #474747; font-size: 28px; border-bottom: 1px solid #3688c3; padding: 0 0 13px 0; margin-bottom: 20px; font-weight: bold; } .wizard-povcompletion__form .forms-block__box .info__container { display: none; } .wizard-povcompletion__form .forms-block__box .form-block__before { display: flex; float: none; justify-content: space-between; padding-right: 0px; position: inherit; } .wizard-povcompletion__form .form-block__before .form-block__text label + .red { display: none; } .wizard-povcompletion__form .forms-block__box .form-block__form { flex: 0 0 346px; padding: 12px 0; line-height: 50px; position: inherit; } .wizard-povcompletion__form .forms-block__box .form-block__text { display: flex; align-items: baseline; padding-top: 20px; } .wizard-povcompletion__submit { width: 346px; margin-bottom: 20px; margin-left: auto; } .wizard-povcompletion__submit a { background-color: #FF8615; color: #ffffff; text-align: center; font-size: 24px; font-weight: bold; padding: 24px 0; line-height: 33px; border-radius: 8px; transition: background .2s; display: block; cursor: pointer; } .wizard-povcompletion__submit a:hover { background: #E1854C; } .wizard-povcompletion__submit a:active { background: #B46A3D; } .wizard-povcompletion__submit a:hover { background: #e1854c; } .wizard-datepicker { padding-right: 30px; background: url(/Content/source/img/calendar.png) calc(100% - 10px) center no-repeat; background-size: 18px; } .wizard-povcompletion .forms-block__box .form-block__form select, .wizard-povcompletion .forms-block__box .form-block__form input { height: 50px; font-family: 'Poppins'; } .wizard-povcompletion .form-block__before { width: 100% !important; } .wizard-povcompletion .forms-content .forms-block__box .form-block__form .select_w__25 { width: 24%; } .wizard-povcompletion .error-bg:before { background-color: unset !important; } .wizard-povcompletion .forms-block__box .form-block__full { width: 100% !important; } .wizard-povcompletion__form .forms-block__box .form-block__form input.form-radio + label:before { content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border: 2px #1CA21C solid; border-radius: 100%; background-color: #FFFFFF; } .wizard-povcompletion__form .forms-block__box .form-block__form input.form-radio:checked + label:before { content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border: 2px #1CA21C solid; border-radius: 100%; background-color: #EDF8ED; } .wizard-povcompletion__form .forms-block__box .form-block__form input.form-radio:checked + label:after { content: ""; position: absolute; top: 11px; left: 11px; width: 12px; height: 12px; background: #1CA21C; border-radius: 100%; } .wizard-povcompletion__right { padding-top: 115px; width: 100%; } .wizard-povcompletion__form #LabelPaymentsYearly, .wizard-povcompletion__form #LabelPaymentsHalfYearly, .wizard-povcompletion__form #LabelPaymentsQuarterly, .wizard-povcompletion__form #LabelPaymentsMonthly { padding-top: 2px; margin-bottom: 10px !important; width: 100%; } .wizard-povcompletion__form #LabelPaymentsYearly span:nth-of-type(1), .wizard-povcompletion__form #LabelPaymentsHalfYearly span:nth-of-type(1), .wizard-povcompletion__form #LabelPaymentsQuarterly span:nth-of-type(1), .wizard-povcompletion__form #LabelPaymentsMonthly span:nth-of-type(1) { width: 99px; display: inline-block; padding-left: 10px; color: #201C46; font-weight: normal; } .wizard-povcompletion__form #LabelPaymentsYearly span:nth-of-type(2), .wizard-povcompletion__form #LabelPaymentsHalfYearly span:nth-of-type(2), .wizard-povcompletion__form #LabelPaymentsQuarterly span:nth-of-type(2), .wizard-povcompletion__form #LabelPaymentsMonthly span:nth-of-type(2) { color: #201C46; font-weight: bold; } .wizard-povcompletion__form #LabelPaymentsYearly span:nth-of-type(3), .wizard-povcompletion__form #LabelPaymentsHalfYearly span:nth-of-type(3), .wizard-povcompletion__form #LabelPaymentsQuarterly span:nth-of-type(3), .wizard-povcompletion__form #LabelPaymentsMonthly span:nth-of-type(3) { font-weight: normal; color: #858791; width: auto; padding-left: 5px; } .wizard-povcompletion__form #PageModel_OwnerCity, .wizard-povcompletion__form #PageModel_PolicyholderCity { background-position: right 12px top 20px; background-position-x: right 12px; background-position-y: top 20px; background-repeat: no-repeat; background-size: 20px 11px; } .wizard-povcompletion__form .form-block__info { padding-top: 0 !important; } .wizard-povcompletion__form #radio-label-position { align-self: baseline; } .wizard-povcompletion .rodnecislo_ico { width: 100%; border: 2px solid #cacaca; border-radius: 0.3125em; background-color: #E4E4E4; padding: 0.9375em; line-height: 15px; font-size: 13.33px; height: 50px; color: #828282; } wizard-povcompletion { max-width: 950px; } @media screen and (max-width: 881px) { .wizard-povcompletion .container{ display: flex; width: 100%; padding-left: 15px; flex-wrap: wrap; padding-right: 15px; max-width: 650px; margin-top: 20px; } .wizard-povcompletion__right { padding-top: 30px; margin-bottom: 40px; } .wizard-povcompletion__form { margin-right: 0px; } .wizard-povcompletion__container-buttons { flex-direction: column-reverse; max-width: 400px; width: 100%; margin: auto; margin-bottom: 70px; } .wizard-povcompletion__container-buttons div { width: 100%; margin-bottom: 10px; } } @media screen and (min-width: 880px) { .wizard-povcompletion .container{ display: flex; flex-wrap: wrap; } .wizard-povcompletion__right { padding-top: 75px; width: 280px; } } @media screen and (max-width: 900px) { .wizard-povcompletion__form { margin-right: 30px; } .wizard-povcompletion__form .forms-block__box .form-block__form { flex: 0 0 300px; } } @media screen and (max-width: 768px) { .wizard-povcompletion__form { padding: 0; max-width: initial; width: 100%; margin: 0; } .wizard-povcompletion__form .forms-block__box { padding: 00px 0; } .wizard-povcompletion__form .forms-block__box .form-block__form { flex: 0 0 auto; max-width: 360px; } .wizard-povcompletion__submit { max-width: 346px; margin-bottom: 20px; margin-left: auto; margin-right: auto; width: 100%; margin-top: 33px; } } @media screen and (max-width: 700px) { .wizard-povupsell__container-buttons { flex-direction: column-reverse; align-items: center; } .wizard-povupsell__container-button-continue { margin-bottom: 10px; max-width: 400px; margin-right: 0; width: 100%; } .wizard-povupsell__container-button-back { margin-bottom: 10px; max-width: 400px; margin-right: 0; width: 100%; } .wizard-povupsell__container-button-call { margin-bottom: 10px; max-width: 400px; margin-right: 0; width: 100%; } } @media screen and (max-width: 580px) { .wizard-povcompletion__form .forms-block__box h2 { font-size: 20px; line-height: 1.3; margin-top: 15px; margin-bottom: 20px; padding-bottom: 8px; } .wizard-povcompletion__form .forms-block__box .form-block__before { display: block; } .wizard-povcompletion__form .forms-block__box .form-block__form { width: 100%; max-width: 100%; padding: 3px 0 17px 0; } .wizard-povcompletion__form .forms-block__box .form-block__text { line-height: 1.2; margin-bottom: 6px; } .wizard-povcompletion__form .forms-block__box .form-block__text label { font-size: 14px; line-height: 1.2; margin: 0; width: fit-content; } } @media screen and (max-width: 400px) { .wizard-povupsell__insurance-item { padding-bottom: 50px; padding-left: 10px; padding-right: 10px; } } /*---- main vyber pripojisteni-----------------------------------------------------------*/ /*---- main vyber pripojisteni-----------------------------------------------------------*/ .agreement-checkbox a, .medium-popup a { color: #006DB3; } .medium-popup { max-width: 600px; padding-top: 20px; } .medium-popup h3 { margin: 0; font-size: 18px; } .medium-popup p { padding-bottom: 20px; } .medium-popup { padding-top: 20px; } .popup-button { background: #006DB3; color: #fff!important; padding: 10px 35px; border-radius: 5px; font-weight: 700; display: inline-block; cursor: pointer; } .form-block__agreement { margin-top: -50px; padding-bottom: 10px; } /* funnel step3-4 */ .wizard-povupsell__container .wizard-povupsell_includes { cursor: pointer; } .cancel-icon { background-image: url("/Content/Source/img/svg/cancel-icon.svg"); content: ''; position: absolute; top: 10px; right: 10px; width: 16px; height: 16px; cursor: pointer; } #PopupOverSlick { top: 50%; left: 50%; position: fixed !important; transform: translate(-50%, -50%); width: calc(100% - 40px); max-width: 350px; display: none; border: 2px solid #64B0E7; background-color: white; z-index: 11; padding: 20px; } /* yourpass */ .yp .table-rekap { table-layout: fixed; } .yp-container { width: 100%; border-radius: 4px; padding: 20px; display: flex; margin-top: 50px; position: relative; background-color: #EDEDED; max-width: 580px; margin-bottom: 40px; } .yp-qr { background-size: 88px 88px; background-repeat: no-repeat; background-position: 10px; width: 110px; height: 110px; border: 1px solid #CACACA; border-radius: 4px; flex-shrink: 0; background-color: #FFFFFF; } .yp-mid { padding: 0 20px; display: flex; flex-direction: column; justify-content: center; margin-right: 184px; } .yp-title { font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; color: #201C46; margin-bottom: 10px; } .yp-button { font-family: Open Sans; font-style: normal; font-weight: 700; font-size: 14px; line-height: 21px; text-align: center; color: #FFFFFF !important; flex: none; order: 0; flex-grow: 0; background: #FF8615; border-radius: 7px; padding: 7px 14px 6px 14px; width: 156px; cursor: pointer; text-decoration: none; } .yp-button:hover { background: #E1854C; text-decoration: none !important; } .yp-button:active { background: #B46A3D; text-decoration: none !important; } .yp-image { width: 184px; height: 196px; background-image: url(/Content/Source/images/yp.png); background-size: 184px 196px; position: absolute; right: 33px; bottom: 0px; } @media screen and (max-width: 900px) { .qr-code .left-block .download-part { margin-bottom: 30px !important; } .qr-code .left-block .continue_button { margin-bottom: 0px !important; } .qr-code .right-block .top-part { margin-bottom: 60px; } } @media screen and (max-width: 600px) { .yp-container { margin-bottom: 30px; } .yp-mid { margin-right: 120px; } .yp-image { width: 132px; height: 142px; background-size: 132px 142px; right: 20px; } } @media screen and (max-width: 495px) { .yp-qr { display: none; } .yp-mid { padding-left: 0; } } @media screen and (max-width: 418px) { .yp-mid { margin-right: 115px; } .yp-image { width: 107px; height: 115px; background-size: 107px 115px; right: 17px; } } @media screen and (max-width: 370px) { .yp-mid { margin-right: 75px; } .yp-image { width: 95px; height: 115px; background-size: 95px 115px; } } /* form Zavolajte mi */ #NeedAdvicePopup { max-width: 550px; width: 100%; padding: 20px; cursor: unset; border-radius: 4px; } #NeedAdvicePopup .main-content { padding: 0; height: 100%; } #NeedAdvicePopup .main-content .text-content { padding: 0; display: flex; flex-direction: column; font-family: 'Poppins'; } #NeedAdvicePopup h2 { font-size: 24px; line-height: 33px; margin-bottom: 20px; } .NeedAdvicePopupTopBorder:after { border-color: #64B0E7; content: ""; position: absolute; top: 112px; left: 0; width: 100%; background-color: black; height: 4px; background: linear-gradient( 180deg, rgba(0, 0, 0, 0.15) 0%, rgba(196, 196, 196, 0) 100%); } #NeedAdvicePopup p { font-size: 16px; line-height: 24px; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__before { padding-right: 0; display: flex; align-items: baseline; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__form { flex-basis: 350px; flex-shrink: 0; max-width: 350px; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__text label { font-size: 20px; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__form input.form-radio + label:before { width: 21px; height: 21px; border: 1px #CECED2 solid; top: 3px; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__form input.form-radio:checked + label:after { top: 11px; left: 8px; width: 7px; height: 7px; background-color: #61B500; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__form input.form-radio:checked + label:before { border: 1px #3688C3 solid; } #NeedAdvicePopup .forms-content .forms-block__box { padding: 0 0; border: none; border-bottom: none; overflow: auto; } #NeedAdvicePopup .tlacitko { background-color: #FF8615; margin: auto; border: navajowhite; border-radius: 4px; padding: 15px 39px; width: unset; line-height: 24px; margin-top: 20px; text-transform: unset; font-size: 18px; } .NeedAdvicePopupBottomBorder::before { content: ""; position: absolute; left: 0; width: 100%; height: 4px; bottom: 83px; background: linear-gradient( 180deg, rgba(196, 196, 196, 0) 0%, rgba(0, 0, 0, 0.15) 100%); } #NeedAdvicePopup .tlacitko:hover { background-color: #E1854C; } #NeedAdvicePopup .tlacitko:active { background-color: #B46A3D; } #NeedAdvicePopup .tlacitko:after { content: none; } #NeedAdvicePopup .forms-content .forms-block__box .radio-nejdriv-zadat-cas { padding: 0; line-height: 22px; } #NeedAdvicePopup .forms-content .forms-block__box .radio-nejdriv-zadat-cas label:nth-child(1) { margin-bottom: 10px; } #NeedAdvicePopup .main-content .text-content p { margin-bottom: 0; } #NeedAdvicePopup .datepicker-icon input { background-image: url(/Content/source/img/svg/calendar.svg); background-position: right 10px top 11px; background-repeat: no-repeat; background-size: 16px 16px; cursor: pointer; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__form input.form-radio + label { cursor: pointer; } #NeedAdvicePopup #needAdvicePopupPhone, #NeedAdvicePopup #needAdvicePopupPhone:focus { border-color: #CACACA; background-color: #E4E4E4; color: #828282; } #NeedAdvicePopup #needAdviceSuccess p, #NeedAdvicePopup #needAdviceError p { margin-bottom: 20px; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__form input.form-radio + label { font-size: 16px; } #NeedAdvicePopup .fancybox-close-small { right: 5px; top: 15px; } @media screen and (max-width: 576px) { #NeedAdvicePopup { width: calc(100% - 40px); max-height: calc(100% - 40px); } #NeedAdvicePopup .forms-content .forms-block__box .form-block__text { flex-shrink: 0; width: 160px; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__form { flex: 1; } #NeedAdvicePopup .tlacitko { width: 100%; } } @media screen and (max-width: 450px) { #NeedAdvicePopup .forms-content .forms-block__box .form-block__before { flex-wrap: wrap; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__text { width: 100%; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__form { max-width: 100%; flex: 1; display: flex; flex-direction: column; align-items: start; } } /* ZipCity autocomplete*/ .ui-menu { max-height: 240px; overflow: auto; margin-left: 5px; font-size: 14px; } .ui-menu .ui-state-active { font-weight: bold; border: none; } .ui-menu .ui-menu-item { margin-left: 10px; } /* datepicker settingd */ .ui-datepicker-month, .ui-datepicker-year { background-image: url(/Content/source/img/down.png); background-position: right 3px top 7px; background-repeat: no-repeat; background-size: 13px; padding-left: 5px; text-align: left; } .ui-datepicker-month { margin-right: 5px !important; } /* new date input */ .date_new_input { width: calc((100% - 20px)/3) !important; } .new_date_input_flex_container { display: flex; justify-content: space-between; width: 60%; } @media screen and (max-width: 991px) { .new_date_input_flex_container { width: 100%; } } /* makleri checkbox zaznam */ .HavStep2 input[type="checkbox"] + label, input[type="radio"] + label { padding-left: 40px; line-height: 40px; line-height: 32px; font-size: 14px; } .HavStep2 .makler_zaznam { font-size: 14px; line-height: 32px !important; position: absolute; width: 100%; left: 0; margin-top: 15px; } .forms-block__box input[type=checkbox] + label:before, .form-block__full input[type=checkbox] + label:before { cursor: pointer; } .HavStep2 .MaklerSelectedproduct + label:before { width: 32px; height: 32px; } /* travel step 1 */ .ruceni-ab.forms-content .forms-block__box .form-block__text { width: 225px !important; } @media only screen and (max-width: 991px) { .ruceni-ab.forms-content .forms-block__box .info__container { top: unset !important; right: unset !important; } } @media only screen and (max-width: 740px) { .ruceni-ab.forms-content .forms-block__box .form-block__form { width: 100% !important; } } @media only screen and (max-width: 575px) { .ruceni-ab.forms-content .forms-block__box .form-block__text { display: unset !important; } } @media only screen and (max-width: 575px) { .ruceni-ab.forms-content .forms-block__box .info__container { top: 5px !important; line-height: 14px; margin-left: 10px; } .ruceni-ab.forms-content .travel-step1-persons.forms-block__box .form-block__text { width: 130px !important; } .ruceni-ab.forms-content .travel-step1-persons.forms-block__box .form-block__before { display: flex; align-items: baseline; justify-content: space-between; padding-top: 10px; } .ruceni-ab.forms-content .travel-step1-persons #IsOneFamily .form-block__before { display: block; } } @media only screen and (max-width: 740px) { .ruceni-ab.forms-content .travel-step1-persons.forms-block__box .form-block__form { width: 130px !important; } } @media only screen and (max-width: 575px) { .ruceni-ab.forms-content .forms-block__box .form-block__full { float: unset !important; display: unset !important; } } @media screen and (max-width: 1140px) and (min-width: 800px) { .ruceni-ab.forms-content .forms-block__box .form-block__info .info-box { width: 100%; right: 0; left: auto; top: 10px !important; position: relative; } } @media screen and (max-width: 799px) { .ruceni-ab.forms-content .forms-block__box .form-block__info { padding-left: 0; } } @media screen and (max-width: 800px) { .ruceni-ab.forms-content .forms-block__box .form-block__info { padding-left: 0; padding-top: 0; } } @media screen and (max-width: 1240px) and (min-width: 1141px) { .ruceni-ab.forms-content .forms-block__box .form-block__info .info-box { width: 11.25em; } } @media screen and (max-width: 1340px) and (min-width: 1241px) { .ruceni-ab.forms-content .forms-block__box .form-block__info .info-box { width: 14.25em; } } @media screen and (max-width: 1440px) and (min-width: 1341px) { .ruceni-ab.forms-content .forms-block__box .form-block__info .info-box { width: 17.25em; } } @media screen and (max-width: 1540px) and (min-width: 1441px) { .ruceni-ab.forms-content .forms-block__box .form-block__info .info-box { width: 21.25em; } } /* travel step 3 */ @media screen and (max-width: 990px) and (min-width: 800px) { .travel-step-3.forms-content .forms-block__box .form-block__info .info-box { width: 100%; right: 0; left: auto; top: 10px; position: relative; } } @media screen and (max-width: 1100px) and (min-width: 991px) { .travel-step-3.forms-content .forms-block__box .form-block__info .info-box { width: 550px; right: 0; left: 230px; top: 10px; position: relative; } } @media only screen and (min-width: 991px) { .travel-step-3.forms-content .forms-block__box .form-block__text { width: 220px; } .travel-step-3.forms-content .forms-block__box .form-block__before { width: unset; } } @media only screen and (min-width: 990px) { .travel-step-3.forms-content .forms-block__box .form-block__form { width: 100%; } } @media only screen and (min-width: 991px) { .travel-step-3.forms-content .forms-block__box .form-block__form { width: 550px; } } @media only screen and (min-width: 1250px) { .travel-step-3.forms-content .forms-block__box .form-block__info .info-box { width: 22.625em; } } /* cestovka "jsme jedna rodina" update */ #IsOneFamily label p { font-size: 14px; max-width: 375px; color: #2C2D31; } @media screen and (max-width: 899px) { .travel-step-1 .forms-block__box .error-bg:before { width: 250%; left: -100px; } } #IsOneFamily .error-p:before { content: ""; position: absolute; left: -100px; top: -20px; width: 200%; height: 100%; z-index: 0; padding-top: 20px; padding-bottom: 10px; } #IsOneFamily strong, b { font-weight: bold; position: relative; } /* spz banner */ .spz_banner_modal_ab, .spz_banner_modal_ac { background-color: #FFFFFF; display: flex; flex-direction: column; align-items: flex-start; padding: 20px; border-radius: 10px; height: unset; } .spz_banner_modal_ab { max-width: 516px; } .spz_banner_modal_ac { max-width: 415px; } .spz_banner_modal_row h3 { font-size: 24px !important; font-weight: 700 !important; line-height: 33px !important; padding: 0 !important; margin: 0 0 20px 0 !important; } .spz_banner_modal_input { display: flex; width: 100%; background: #EDEDED; border: 2px solid #CACACA; border-radius: 4px; height: 56px; } #bannerSpzInput { flex: 1; font-size: 14px !important; line-height: 24px !important; padding: 13px; color: #000000; border: none; text-transform: uppercase; background: #EDEDED; width: 100%; } #bannerSpzInput::placeholder { color: #797979; opacity: 0.75; text-transform: none; font-weight: 400; } .spz_banner_modal_ab .spz_banner_modal_calculate_spz { background: #FF8615; color: #FFFFFF; text-align: center; font-size: 16px !important; line-height: 28px !important; padding: 14px 30px; margin-top: -2px; margin-bottom: -2px; margin-right: -2px; border-radius: 4px; font-weight: 700; position: relative; cursor: pointer; } .spz_banner_modal_ac .spz_banner_modal_calculate_spz { background: #FF8615; color: #FFFFFF; text-align: center; font-size: 16px !important; line-height: 28px !important; padding: 10px 30px; margin-top: 15px; margin-bottom: -2px; margin-right: -2px; border-radius: 5px; font-weight: 700; position: relative; cursor: pointer; width: 100%; } .spz_banner_modal_eu_flag { background-image: url(/Content/Source/img/png/eu-cz-flag.png); background-size: 24px 56px; width: 24px; margin-top: -2px; margin-bottom: -2px; margin-left: -2px; flex-shrink: 0; } .spz_banner_modal_error { font-size: 14px !important; line-height: 19px !important; font-weight: 700 !important; color: #FF3131; margin-top: 5px; display: none; } .spz_banner_modal_ab .spz_banner_modal_calculate_nospz { font-size: 16px !important; line-height: 24px !important; font-weight: 400; color: #006DB3; margin-top: 20px; cursor: pointer; } .spz_banner_modal_ac .spz_banner_modal_calculate_nospz { font-size: 16px !important; line-height: 24px !important; color: #FFFFFF; margin-top: 10px; cursor: pointer; background-color: #007DC3; padding: 12px; width: 100%; border-radius: 5px; text-align: center; font-weight: 700; } .spz_banner_modal_calculate_spz.isLoading { background-color: #7f7f7f; color: #7f7f7f; transition: none; } .spz_banner_modal_calculate_spz:after { content: ''; position: absolute; right: 18px; top: 0; width: 7px; height: 100%; background-size: contain; } .spz_banner_modal_calculate_spz.isLoading:after { margin: 0 auto; font-size: 10px; top: calc(50% - 13px); right: calc(50% - 13px); position: absolute; text-indent: -9999em; border-top: 3px solid rgba(255, 255, 255, 0.4); border-right: 3px solid rgba(255, 255, 255, 0.4); border-bottom: 3px solid rgba(255, 255, 255, 0.4); border-left: 3px solid #fff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.5s infinite linear; animation: load8 1.1s infinite linear; background: transparent; width: 20px; height: 20px; border-radius: 50%; } .loader, .loader:after { border-radius: 50%; width: 25px; height: 25px; } .loader { margin: 0 auto; font-size: 10px; top: 5px; right: 10px; position: absolute; text-indent: -9999em; border-top: 2px solid rgba(255, 255, 255, 0.5); border-right: 2px solid rgba(255, 255, 255, 0.5); border-bottom: 2px solid rgba(255, 255, 255, 0.5); border-left: 2px solid #2c2d31; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media screen and (max-width: 576px) { .spz_banner_modal_row h3 { font-size: 20px !important; line-height: 27px !important; } .spz_banner_modal_ab, .spz_banner_modal_ac { padding: 15px; } } /* novy modalu pro planovani hovoru */ #NeedAdvicePopup { max-width: 600px; width: calc(100% - 20px); padding: 40px 20px 40px 20px; cursor: unset; border-radius: 4px; overflow: visible; height: unset !important; } #NeedAdvicePopup .form-block { display: flex; justify-content: center; } #NeedAdvicePopup h2 { text-align: center; margin-bottom: 10px; } #NeedAdvicePopup .main-content .text-content p { text-align: center; } #NeedAdvicePopup p { font-size: 18px; line-height: 25px; text-align: center; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__before { flex: 0; } #NeedAdvicePopup #needAdvicePopupPhone, #NeedAdvicePopup #needAdvicePopupPhone:focus { background-color: #EDEDED; padding-left: 75px; } #NeedAdvicePopup .main-content .text-content p { color: #201C46; margin-bottom: 20px; } #NeedAdvicePopup .telefon_prefix::before { content: "+420"; position: absolute; top: 20px; left: 10px; width: 55px; height: 24px; color: #474747; display: flex; font-size: 14px; border-right: 2px solid #CACACA; align-items: center; background: url(/Content/source/img/png/shape_down.png); background-repeat: no-repeat; background-position: top 9px right 5px; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__form input.form-radio + label:before { width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid #CACACA; top: 0; border-radius: 4px; background: transparent; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__form input.form-radio:checked + label:before { border: 2px #1CA21C solid; border-radius: 2px; background: transparent; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__form input.form-radio + label { padding: 13px 10px; margin: 0; font-size: 14px; line-height: 19px; background: #ECEEFB; color: #474747; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__form input.form-radio:disabled + label { padding: 13px 10px; margin: 0; font-size: 14px; line-height: 19px; background: #ECEEFB; color: #474747; opacity: 0.25; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__form input.form-radio:checked + label { background: #EDF8ED; color: #1CA21C; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__form input.form-radio + label { background: #EDEDED; color: #474747; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__form input.form-radio:checked + label:after { display: none; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__text { width: 170px; margin-right: 10px; } #NeedAdvicePopup .forms-content .forms-block__box .radio-nejdriv-zadat-cas { display: flex; justify-content: space-between; width: 295px; padding: 10px 0; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__form { flex-basis: 295px; flex-shrink: 0; max-width: 295px; } #NeedAdvicePopup .fancybox-close-small { right: 15px; top: 30px; } #NeedAdvicePopup .tlacitko { padding: 11px 50px; line-height: 22px; font-size: 16px; } #NeedAdvicePopup .tlacitko:disabled { padding: 11px 50px; line-height: 22px; font-size: 16px; opacity: 0.50; cursor: default; } #NeedAdvicePopup .forms-content .form-block input[type="radio"]:hover + label:before { background-color: transparent; border-color: #1ca21c; color: #474747; } #NeedAdvicePopup .circle-call { height: 60px; width: 60px; background-color: #EDF8ED; border-radius: 50%; display: inline-block; background-image: url(/Content/Source/img/png/telefon_green.png); background-repeat: no-repeat; background-position: center; } #NeedAdvicePopup .center-row { display: flex; justify-content: center; margin-bottom: 10px; } @media screen and (max-width: 991px) { #NeedAdvicePopup .forms-content .forms-block__box .form-block__form { width: 550px; } } @media screen and (max-width: 545px) { #NeedAdvicePopup { padding: 20px 20px 20px 20px; } #NeedAdvicePopup .center-row { justify-content: left; } #NeedAdvicePopup .circle-call { height: 40px; width: 40px; background-size: 40%; } #NeedAdvicePopup .fancybox-close-small { top: 20px; } #NeedAdvicePopup h2 { text-align: left; } #NeedAdvicePopup p { text-align: left; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__text label { font-size: 14px; margin-bottom: 0; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__before { flex: 1; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__form { flex-basis: 100%; flex-shrink: 0; max-width: 100%; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__before { flex-wrap: wrap; } #NeedAdvicePopup .forms-content .forms-block__box .form-block__text { width: 100%; } #NeedAdvicePopup .main-content .text-content p { text-align: left; } } @media screen and (max-width: 575px) { #NeedAdvicePopup .forms-content .forms-block__box .form-block__form { padding-top: 10px; } .forms-content .form-block__text label { margin-top: 0; margin-bottom: 0; } } @media screen and (max-width: 450px) { #NeedAdvicePopup .forms-content .forms-block__box .form-block__form { max-width: 100%; flex: 1; display: flex; flex-direction: row !important; align-items: start; } } @media screen and (max-width: 333px) { #NeedAdvicePopup .forms-content .forms-block__box .form-block__form input.form-radio + label { padding: 13px 5px; } } #NeedAdvicePopup .forms-content .forms-block__box .form-block__form input.form-radio:disabled + label:before { width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid #CACACA; top: 0; border-radius: 4px; cursor: default; } .fancybox-active .select2-container--open .select2-dropdown--below { z-index: 99999; font-size: 14px; } .fancybox-active .select2-container--default .select2-selection--single { border-radius: 4px; height: 44px; border: 2px solid #CACACA; background: #EDEDED; } .fancybox-active .select2-container--default .select2-selection--single .select2-selection__rendered { padding-top: 6px; font-size: 14px; } .fancybox-active .select2-container--default .select2-selection--single .select2-selection__clear { display: none; } .fancybox-active .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } .fancybox-active .select2-dropdown { border: 2px solid #1CA21C; } #select2-timeSlots-container::before, #select2-contactDate-container::before { content: ""; position: absolute; top: 10px; right: 3px; width: 55px; height: 24px; color: #474747; display: flex; font-size: 14px; background: url(/Content/source/img/png/shape_down.png); background-repeat: no-repeat; background-position: top 9px right 5px; } #needAdviceTimeSlots .select2-selection--single { border: 2px solid #CACACA; background-color: #EDEDED; } #needAdviceTimeSlots.disableTime .select2-selection--single { border: 2px solid #CACACA; background-color: #EDEDED; opacity: 0.5; } #needAdviceContactDate .select2-container { width: 100% !important; } #needAdviceTimeSlots .select2-container { width: 100% !important; } /* garance-nejnizsi-ceny */ /*=============================================================================================================================================*/ .container { padding: 0 15px; } .gnc_title_menu { background-color: #1CA21C; height: 330px; } .gnc_title_menu .container { height: 100%; background-image: url(/Content/Source/img/png/garance_image_mobil.png); background-position: center bottom; background-repeat: no-repeat; } .gnc_title_menu .container h1 { color: #FFFFFF; padding-top: 38px; font-weight: 700; font-size: 28px; line-height: 38px; padding-top: 0; } /* podminky */ .gnc_podminky .container { padding: 40px 15px; max-width: 1160px; } .gnc_podminky h2 { font-weight: 700; font-size: 24px; line-height: 33px; text-align: left; color: #474747; padding-bottom: 5px; } .gnc_podminky p { max-width: 800px; margin: auto; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 25px; text-align: left; color: #474747; } .gnc_podminky h3 { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 27px; text-align: left; color: #474747; padding-top: 40px; padding-bottom: 10px; } .garance_flex_container { display: flex; gap: 20px; flex-direction: column; } .garance_flex_item { flex: 1; background-repeat: no-repeat; background-position: left 5px center; } .garance_flex_item_1 { background-image: url(/Content/Source/img/svg/gnc_1.svg); } .garance_flex_item_2 { background-image: url(/Content/Source/img/svg/gnc_2.svg); } .garance_flex_item_3 { background-image: url(/Content/Source/img/svg/gnc_3.svg); } .gnc_desktop { display: none; } .gnc_podminky h4 { font-weight: 700; font-size: 18px; line-height: 25px; text-align: left; color: #474747; padding: 12.5px 0 12.5px 60px; } .gnc_fungovani { background: #EDEDED; margin-left: -15px; width: calc(100% + 15px); padding: 0 15px; } .gnc_fungovani .container { padding: 30px 15px; max-width: 1260px; } .fungovani_flex_container { display: flex; justify-content: space-around; flex-direction: column; padding-right: 30px; overflow: hidden; } .fungovani_flex_item { display: flex; flex-direction: column; gap: 10px; padding-left: 53px; } .fungovani_flex_item a { color: #007DC3; } .gnc_fungovani h2 { font-weight: 700; font-size: 24px; line-height: 33px; text-align: left; color: #474747; padding-bottom: 30px; } .gnc_fungovani h4 { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 25px; text-align: left; color: #474747; } .gnc_fungovani h5 { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; text-align: left; color: #474747; } .circle_number { background: #ff8615; border-radius: 50%; width: 43px; height: 43px; color: #fff; font-size: 24px; display: flex; align-items: center; justify-content: center; font-weight: 700; margin: 0 auto; position: absolute; z-index: 1; } .fungovani_flex_item_1 { padding-bottom: 40px; position: relative; } .fungovani_flex_item_2 { padding-bottom: 40px; position: relative; } .fungovani_flex_item_3 { position: relative; } .fungovani_flex_item_1:after { content: ""; position: absolute; width: 60px; height: calc(100% + -8px); border-radius: 50%; border: 2px dashed #858791; opacity: .5; top: 21px; left: -25px; } .circle_number_container { width: 63px; height: 63px; position: absolute; padding: 10px; left: -10px; z-index: 1; background: #EDEDED; top: -5px; } .fungovani_flex_item_2:after { content: ""; position: absolute; width: 49px; height: calc(100% + 2px); border-radius: 50%; border-left: 2px dashed #858791; opacity: .5; top: 21px; left: 10px; } /* formular */ .gnc_formular { padding: 40px 0 30px 0 !important; border: none !important; max-width: 800px; margin: auto; } .gnc_formular h2 { font-weight: 700 !important; font-size: 24px !important; line-height: 33px !important; color: #474747 !important; background: none !important; padding: 0 !important; margin-bottom: 5px !important; } .gnc_formular p { font-weight: 400; font-size: 18px; line-height: 25px !important; color: #474747; } .gnc_formular .red { color: #ff3131; } .gnc_formular .form-block__text label { font-weight: 400 !important; font-size: 14px !important; line-height: 19px !important; color: #000000 !important; display: flex !important; align-self: center; } .gnc_formular .form-block__text span { display: none; } .gnc_formular .info__container { display: inline-block !important; position: relative; height: 20px; margin: 0; padding-left: 0 !important; } .gnc_formular .info__container .info { position: absolute !important; z-index: 45 !important; cursor: pointer !important; display: inline-block !important; background: transparent !important; color: #000000 !important; vertical-align: middle !important; width: 20px !important; height: 20px !important; line-height: 18px !important; text-align: center !important; border-radius: 50% !important; border: 1px solid black; font-size: 11px; top: 20px; } .gnc_formular .form-block__text { display: flex !important; height: 50px; z-index: 1 !important; align-self: flex-start; } .gnc_formular .form-block__form { padding: 0; } .gnc_formular .form-block { padding-bottom: 20px; } ::-webkit-file-upload-button { display: none; } ::file-selector-button { display: none; } .gnc_formular label[for=PageModel_Attachment1], .gnc_formular label[for=PageModel_Attachment2] { background: #EDEDED; border: 2px dashed #CACACA; border-radius: 10px; width: 100%; display: block; padding: 31.5px 0; font-weight: 500; font-size: 16px; line-height: 24px; background-image: url(/Content/Source/img/svg/cloud-blue.svg); background-repeat: no-repeat; padding-left: 59px; background-position: left 24px center; margin-top: -91px; } .gnc_formular label[for=PageModel_Attachment1] span, .gnc_formular label[for=PageModel_Attachment2] span { text-decoration-line: underline; color: #007DC3; font-weight: 600; } .gnc_formular #PageModel_Attachment1, .gnc_formular #PageModel_Attachment2 { display: block; height: 91px; opacity: 0; } .gnc_submit_containert { padding-bottom: 40px; max-width: 590px; margin: auto; } .gnc_submit_containert p { font-weight: 400; font-size: 14px; line-height: 22px; color: #828282; padding-top: 30px; margin-top: 30px; border-top: 1px solid #CACACA; } .gnc_submit_containert p a { color: #007DC3; } .gnc_submit_button { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 14px 28px 15px; gap: 10px; width: 100%; height: 54px; background: #FF8615; border-radius: 4px; cursor: pointer; } .gnc_submit_button span { font-weight: 700; font-size: 18px; line-height: 25px; text-align: center; color: #FFFFFF; } .gnc_formular #attFormBlock2 { padding: 0 !important; } .gnc_formular .gnc_formular_items { max-width: 590px; margin: auto; margin-top: 20px; } .gnc_formular .form-block__form input { font-size: 16px !important; } .gnc_modal { display: block; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.2); } .gnc_modal_container { max-width: 600px; background: #FFFFFF; box-shadow: 0px 0px 40px rgba(32,28,70,0.15); border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 40px; gap: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 40px); } .gnc_modal_container h3 { font-weight: 700; font-size: 24px; line-height: 33px; text-align: center; color: #1CA21C; padding: 0; } .gnc_modal_container .close { color: #797979; float: right; font-size: 34px; position: absolute; top: 13px; right: 17px; font-weight: 600; cursor: pointer; } .gnc_modal_container p { font-weight: 400; font-size: 16px; line-height: 22px; color: #201C46; } .gnc_modal_container a { font-weight: 700; font-size: 16px; line-height: 22px; text-align: center; color: #FFFFFF; padding: 11px 0; gap: 10px; max-width: 250px; width: 100%; height: 44px; background: #007DC3; border-radius: 4px; cursor: pointer; } .gnc_formular_items .form-block__before { width: 100%; } .gnc_formular_items .info-box { width: 100% !important; left: 0 !important; top: 0 !important; } /* mediaquery */ @media only screen and ( min-width: 576px ) { .gnc_title_menu .container h1 { font-size: 44px; } .gnc_podminky h2 { font-size: 36px; line-height: 49px; } .gnc_fungovani h2 { font-size: 36px; line-height: 49px; } .gnc_formular h2 { font-size: 36px !important; line-height: 49px !important; text-align: center; } .gnc_formular p { text-align: center; margin-top: 5px !important; } .gnc_formular .info__container { padding-left: 10px !important; top: -4px !important; } } @media only screen and ( min-width: 768px ) { .gnc_title_menu .container { background-position: right bottom; } .gnc_title_menu { height: 240px; } .gnc_podminky h3 { font-size: 24px; line-height: 33px; text-align: center; } .garance_flex_container { flex-direction: row; } .garance_flex_item { background-position: center top 5px; padding-top: 60px; } .gnc_mobil { display: none; } .gnc_desktop { display: block; } .gnc_podminky h4 { text-align: center; color: #474747; padding: 0; } .gnc_podminky h2 { text-align: center; } .gnc_podminky p { text-align: center; } .fungovani_flex_container { flex-direction: row; gap: 10px; } .circle_number { width: 49px; height: 49px; } .circle_number_container { width: 69px; height: 69px; position: relative; padding: 10px; left: -5px; top: -10px; } .fungovani_flex_item { padding-left: 0; align-items: center; flex: 1; } .gnc_fungovani h2, .gnc_fungovani h4, .gnc_fungovani h5 { text-align: center; } .fungovani_flex_item_1:after { content: ""; position: absolute; width: 100%; height: 56px; border-radius: 50%; border-bottom: 2px dashed #858791; opacity: .5; top: -18px; left: 50%; } .fungovani_flex_item_2:after { content: ""; position: absolute; width: 100%; height: 56px; border-radius: 50%; border-top: 2px dashed #858791; border-left: none; opacity: .5; top: 6px; left: 50%; } .gnc_formular_items .form-block__form { width: 100%; max-width: 350px; flex-shrink: 0; padding: 0 !important; } .gnc_formular_items .form-block__before { display: flex; align-items: center; justify-content: space-between; } .gnc_formular_items .form-block__text label { font-size: 20px !important; line-height: 27px !important; } .gnc_formular_items .forms-content .forms-block__box .info__container { padding-left: 15px !important; } .gnc_submit_containert .container { padding: 0; } .gnc_formular .info__container { padding-left: 10px !important; top: 10px !important; } .gnc_formular .form-block__form input { padding: 15px !important; } .gnc_formular .form-block { padding-bottom: 30px; } .gnc_formular .gnc_formular_items { margin-top: 40px; } .gnc_formular .info__container .info { top: 5px; } .gnc_formular_items #FullName { width: 172px; } .gnc_formular #attFormBlock1 .info__container .info { top: 25px; } .gnc_formular #attFormBlock2 .info__container .info { top: 25px; } .gnc_formular #attFormBlock2 .form-block__text, .gnc_formular #attFormBlock1 .form-block__text { height: 90px; } } @media only screen and ( min-width: 991px ) { .gnc_title_menu .container { background-image: url(/Content/Source/img/png/garance_image_desktop.png); background-position: center right 30px; background-repeat: no-repeat; } .gnc_podminky .container { padding: 70px 0; } .fungovani_flex_item h4, .fungovani_flex_item h5 { max-width: 284px; } .fungovani_flex_item_1:after { top: -14px; } .fungovani_flex_item_2:after { top: 2px; } .gnc_modal_container .close { top: 43px; right: 47px; font-weight: 600; cursor: pointer; } } @media only screen and ( min-width: 800px ) { .gnc_formular_items .info-box { position: relative !important; width: 100% !important; left: 0 !important; top: 10px !important; } } @media only screen and ( min-width: 1070px ) { .gnc_formular_items .info-box { position: absolute !important; width: 200px !important; left: 15px !important; top: 10px !important; } } @media only screen and ( min-width: 1270px ) { .gnc_formular_items .info-box { position: absolute !important; width: 300px !important; left: 15px !important; top: 10px !important; } } /* DemandInForeignLanguage */ #difl .container { max-width: 800px; padding: 70px 15px; } #difl_top h1 { font-weight: 700; font-size: 44px; line-height: 60px; color: #FFFFFF; padding: 20px 0 ; } #difl_top .navigace { line-height: 18px; white-space: nowrap; overflow: hidden; padding-top: 20px; } #difl h2 { font-weight: 700; font-size: 36px; line-height: 49px; text-align: center; color: #474747; } #difl .form-text { font-weight: 400; font-size: 18px; line-height: 25px; text-align: center; color: #474747; padding: 5px 0 0 0; } #difl #startform { max-width: 590px; margin: auto; } #difl .forms-block__box { padding: 25px 0 0 0; border: none; } #difl .form-block { padding: 15px 0 15px 0; } #difl .form-block__before { display: flex; width: 100%; justify-content: space-between; } #difl .form-block__form { max-width: 350px; padding: 0; flex-shrink: 0; } #difl .form-block__text label { font-weight: 400; font-size: 20px; line-height: 27px; color: #000000; } #difl .form-block__text { line-height: 50px !important; } #difl select, #difl input { font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; padding: 11px; letter-spacing: 1px; } #difl .form-block__text .red { display: none; } #difl .form-block__text .info__container { position: absolute; display: inline-block; line-height: 50px; padding-left: 7px; padding-top: 2px; right: unset; } #difl .form-block__text .info__container .info { height: 20px; width: 20px; background: unset; margin: 0; color: black; font-size: 11px; box-shadow: 0 0 1px 1px black; } #difl .form_button { background: #FF8615; border-radius: 4px; font-weight: 700; font-size: 18px; line-height: 25px; text-align: center; color: #FFFFFF; padding: 14px 0 14px 0; width: 100%; display: block; margin-top: 15px; cursor: pointer; } #difl .info_container { margin-top: 30px; padding-top: 30px; border-top: 1px solid #CACACA; } #difl .info_container p { font-weight: 400; font-size: 14px; line-height: 22px; color: #828282; } #difl #contract_type .input__flex { flex-direction: column; } #difl #contract_type .input__w33 label:before { border-radius: 50%; width: 30px; height: 30px; } #difl #contract_type .input__w33 input:checked + label::after { content: ""; position: absolute; top: 11px; left: 11px; border-radius: 50%; width: 12px; height: 12px; background-color: #1CA21C; cursor: pointer; } #difl #contract_type .input__w33 label span { padding: 0; margin-left: 50px; font-weight: 400; font-size: 16px; line-height: 22px; color: #000000; } #difl #contract_type .input__w33 label { justify-content: left; } #difl #contract_type .input__w33 { width: 100%; } @media only screen and ( max-width: 576px ) { #difl_top h1 { font-weight: 700; font-size: 28px; line-height: 38px; } #difl h2 { font-weight: 700; font-size: 24px; line-height: 33px; text-align: left; } #difl .form-text { text-align: left; } #difl .container { padding: 20px 15px 56px 15px; } #difl .forms-block__box { padding: 0; } #difl .form-block { padding: 0; } #difl .form-block__before { flex-direction: column; } #difl .form-block__text .info__container { right: unset; } #difl .form-block__form { max-width: 100%; } #difl .form-block__text label { font-size: 16px; line-height: 24px; } } @media only screen and ( min-width: 300px ) { #difl .info-box { position: relative !important; width: 100% !important; left: 0 !important; top: 10px !important; } } @media only screen and ( min-width: 576px ) { #difl .info-box { position: relative !important; width: 350px !important; left: 0 !important; top: 20px !important; margin-left: calc(100% - 350px) !important; } #difl .forms-block__box .form-block__info { width: 100%; } } @media only screen and ( min-width: 1070px ) { #difl .info-box { position: absolute !important; width: 200px !important; left: 15px !important; top: 10px !important; margin-left: 0 !important; } #difl .forms-block__box .form-block__info { width: unset; } } @media only screen and ( min-width: 1270px ) { #difl .info-box { position: absolute !important; width: 300px !important; left: 15px !important; top: 10px !important; } } .wizard-povcompletion #PageModel_OwnerZipCity, .wizard-povcompletion #PageModel_PolicyholderZipCity, .wizard-povcompletion #PageModel_OwnerMailingZipCity { padding-left: 40px; background-image: url(/Content/source/img/svg/search_icon.svg); background-repeat: no-repeat; background-position: 10px center; } /* autocomplete */ .ui-menu-item { font-size: 14px; margin-left: 10px !important; padding: 0 !important; line-height: 30px; width: calc(100% - 18px); display: flex; align-items: center; } .ui-menu-item-wrapper { width: 100%; padding: 5px 0 5px 20px; } .policyholder_ui, .owner_ui { margin-top: 8px; border-radius: 4px; max-width: 350px; } .ui-state-active { font-weight: 600; color: #1CA21C !important; background-color: #EDF8ED !important; } .ui-menu { max-width: 350px; padding: 1px; } .pscNotFound { } select { background-position: right 0.625em top 1.46em; } @media screen and (min-width: 581px) { .pscNotFound strong { max-width: 360px; margin-left: auto; display: block; } } @media screen and (min-width: 769px) { .pscNotFound strong { max-width: 300px; margin-left: auto; display: block; } } @media screen and (min-width: 901px) { .pscNotFound strong { max-width: 346px; margin-left: auto; display: block; } } /* iframe legal info */ .iframe_legal_info { font-size: 14px; line-height: 1.5em; color: #2c2d31; } .iframe_legal_info a { color: #006DB3; } /* travel sorintg hint */ .sorting_hint { display: flex; justify-content: end; } .sorting_hint span { font-style: normal; font-weight: 600; font-size: 14px; line-height: 19px; text-decoration-line: underline; color: #3688C3; cursor: pointer; } .hav_container .recbox__choice:after { content: none; } .hav_container .recbox__item input[type="radio"] + label { padding: 0; width: 0; cursor: pointer; } .hav_container .recbox__title { margin-left: 50px; line-height: 22px; } .hav_container .recbox__item { display: flex; flex-direction: row; padding: 22px 32px; border-radius: 5px; } .hav_container .recbox__item input[type=radio] + label:before { top: 8px; left: 0; } .hav_container .recbox__item input[type=radio] + label:after { top: 15px; left: 7px; } .sotring_hint { position: relative; top: 1px; right: 0; width: 29px; height: 18px; border: 1px solid #CACACA; background-color: #FFFFFF; border-radius: 50%; font-size: 16px; padding: 0px 7px; text-align: center; font-weight: 500; margin: 0; cursor: pointer; left: 6px; } /* cestovka new lp */ .new_travel_top h1 { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 28px; line-height: 42px; color: #FFFFFF; } .new_travel_lp { padding: 0; margin: 0; } .new_travel_lp .container { background-image: url(/Content/Source/img/png/heart.png); background-repeat: no-repeat; background-size: 90%; background-position: center bottom 50px; } .new_travel_lp .navigace { line-height: 18px; padding-top: 10px; } .new_travel_lp .navigace i, .new_travel_lp .navigace span { font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px; color: #FFFFFF; } .new_travel_lp .bubble__l_container h1 { font-style: normal; font-weight: 700; font-size: 28px; line-height: 38px; color: #FFFFFF; padding: 20px 0 7px 0; } .new_travel_lp .bubble__l_container h3 { font-style: normal; font-weight: 700; font-size: 20px; line-height: 27px; color: #FFFFFF; padding: 0; } .new_travel_lp .bubble__l_container ul li:first-of-type { margin-bottom: 10px; } .new_travel_lp .bubble__l_container ul li { font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #FFFFFF; } .new_travel_lp .bubble__l_container ul { padding: 18px 0 22px 0; margin: 0; } .new_travel_lp .bubble__l_container a { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 14px 28px 15px; gap: 10px; width: 100%; height: 54px; background: #FF8615; border-radius: 4px; font-style: normal; font-weight: 700; font-size: 18px; line-height: 25px; text-align: center; color: #FFFFFF; text-decoration: none; margin-bottom: 268px; } .new_travel_lp .bubble__l_container a:hover { background: #E1854C; } .new_travel_block_1 { background-color: #EDEDED; } .new_travel_block_1 .container { background-image: none; padding: 50px 20px 44px 20px; max-width: 1160px; } .new_travel_block_1 h2 { font-style: normal; font-weight: 700; font-size: 24px; line-height: 33px; color: #474747; padding: 0 0 40px; } .new_travel_block_1 .container_1 { margin-bottom: 50px; } .new_travel_block_1 .container_1 ul { display: flex; flex-wrap: wrap; } .new_travel_block_1 .container_1 ul li { width: 50%; height: 115px; } .new_travel_block_1 .container_1 ul li:first-of-type{ margin-bottom: 20px; } .new_travel_block_1 .container_1 ul li:nth-of-type(2) { margin-bottom: 20px; } .new_travel_block_1 .container_1 ul li .title { font-style: normal; font-weight: 700; font-size: 28px; line-height: 36px; text-align: center; color: #1CA21C; margin-bottom: 10px; } .new_travel_block_1 .container_1 ul li .text { font-style: normal; font-weight: 400; font-size: 18px; line-height: 25px; text-align: center; color: #474747; } .new_travel_block_1 .container_1 ul li img { margin: auto; display: block; margin-bottom: 2px; } .new_travel_block_1 .container_2 { } .new_travel_block_1 .container_2 ul { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; } .new_travel_block_1 .container_2 ul li { width: calc((100% / 2) - 20px); height: 60px; display: flex; } .new_travel_block_1 .container_2 ul li img { display: block; margin: auto; } .new_travel_block_2 .container { background-image: none; padding: 65px 15px 10px 15px; max-width: 1160px; } .new_travel_block_2 h2 { font-style: normal; font-weight: 700; font-size: 24px; line-height: 33px; color: #474747; padding: 0 0 20px; } .new_travel_block_2 p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #474747; } .new_travel_block_2 .flex_container { max-width: 780px; display: flex; flex-direction: column; gap: 20px; padding-top: 20px; margin: auto; } .new_travel_block_2 .flex_item { float: left; display: flex; align-items: flex-start; gap: 20px; flex-direction: column; } .new_travel_block_2 .flex_item .flex_item_image { width: 120px; height: 120px; background-color: #EDF8ED; border-radius: 50%; background-position: center; background-size: 60px; background-repeat: no-repeat; flex-shrink: 0; } .new_travel_block_2 .flex_item h3 { font-style: normal; font-weight: 700; font-size: 20px; line-height: 27px; color: #474747; padding: 0 0 10px 0; } .new_travel_block_2 .flex_item p { font-weight: 400; font-size: 16px; line-height: 22px; color: #474747; text-align: left; } .new_travel_block_2 .flex_container_2 { display: flex; flex-direction: column; } .new_travel_block_3 .container { background-image: none; padding: 65px 15px 10px 15px; max-width: 810px; } .new_travel_block_3 h2 { font-style: normal; font-weight: 700; font-size: 24px; line-height: 33px; color: #474747; padding: 0 0 20px; } .new_travel_block_3 h3 { font-style: normal; font-weight: 700; font-size: 20px; line-height: 27px; color: #474747; padding: 20px 0 5px 0; } .new_travel_block_3 .accordion_item_title { display: flex; gap: 10px; align-items: center; padding: 0 54px 0 0; border: none; margin: 0 0 20px 0; font-style: normal; font-weight: 700; font-size: 20px; line-height: 27px; color: #474747 !important; background: transparent; background-color: transparent !important; } .new_travel_block_3 .accordion_item_title:after { content: ''; background: url("/Content/source/img/svg/accordion_arrow_green.svg") center center no-repeat; width: 31px; height: 10px; display: inline-block; margin-left: 12px; background-size: contain; padding-right: 29px; transform: rotate(-180deg); right: 0px; position: absolute; transition: 300mS; } .new_travel_block_3 .ui-state-active:after { transform: rotate(0deg); transition: 300mS; } .new_travel_block_3 h3 .accordion_item_title_counter { font-style: normal; background: #1CA21C; border-radius: 50px; flex-direction: column; justify-content: center; padding: 0px; width: 30px; height: 30px; font-weight: 600; font-size: 16px; line-height: 24px; display: flex; align-items: center; text-align: center; color: #FFFFFF; flex-shrink: 0; } .new_travel_block_3 p { font-weight: 400; font-size: 16px; line-height: 22px; color: #474747; } .new_travel_block_3 img { width: 100px; height: 100px; float: right; margin: 0 10px 11px 18px; } .new_travel_block_3 .accordion_table_container { padding: 20px 0; } .new_travel_block_3 .accordion_content { padding: 0; border: none; } .new_travel_block_3 li { display: flex; justify-content: space-between; gap: 10px; padding: 5px 10px; align-items: center; } .new_travel_block_3 .accordion_table_title p { color: #828282; } .new_travel_block_3 .accordion_table_container p:nth-of-type(2) { flex-shrink: 0; margin-left: 26px; } .new_travel_block_3 .accordion_table_sum { padding-top: 15px; } .new_travel_block_3 .accordion_table_sum p { font-weight: 700; } .new_travel_block_3 .accordion_content a { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 14px 28px 15px; gap: 10px; width: 100%; height: 54px; background: #007DC3; border-radius: 4px; font-style: normal; font-weight: 700; font-size: 18px; line-height: 25px; text-align: center; color: #FFFFFF; margin: 20px 0; cursor: pointer; text-decoration: none; } .new_travel_block_3 .accordion_content a:hover { background: #006DB3; } .new_travel_block_4 .container { background-image: none; padding: 65px 15px 90px 15px; max-width: 1290px; } .new_travel_block_4 h2 { font-style: normal; font-weight: 700; font-size: 24px; line-height: 33px; color: #474747; padding: 0 0 5px; } .new_travel_block_4 p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #474747; } .new_travel_block_4 .flex_container { display: flex; flex-direction: column; } .new_travel_block_4 .flex_item_container { display: flex; gap: 10px; padding: 15px 0; } .new_travel_block_5 .container { background-image: none; padding: 30px 15px 0 15px; max-width: 1290px; } .new_travel_block_5 h2 { font-style: normal; font-weight: 700; font-size: 24px; line-height: 33px; color: #474747; padding: 0 0 30px; } .new_travel_block_5 .reference .reference__content .reference__content__box { border-radius: 4px; } .new_travel_block_6 .container { background-image: none; padding: 100px 15px 30px 15px; max-width: 830px; } .new_travel_block_6 .accordion_container { display: flex; flex-direction: column; gap: 10px; } .new_travel_block_6 h2 { font-style: normal; font-weight: 700 !important; font-size: 24px; line-height: 33px; color: #474747; padding: 0 0 30px; } .new_travel_block_6 h3 { font-style: normal; font-weight: 700; font-size: 18px !important; line-height: 25px; color: #474747; padding: 15px 40px 15px 15px !important; border: none; margin: 0 !important; } .new_travel_block_6 p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #474747; border: none; padding: 0 15px !important; } .new_travel_block_6 .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; top: 50%; margin-top: -8px; right: 15px; left: auto; background-image: url(/Content/source/img/ab-testy/arrow.svg); background-position: 0px 3px; background-size: 18px; width: 18px; transition: 300mS; } .new_travel_block_6 .ui-accordion-header .ui-accordion-header-icon.ui-icon-minus { transform: rotate(-180deg) translateY(2px); transition: 300mS ; } .new_travel_block_7 .container { background-image: none; } .new_travel_block_7 .blog { padding: 0; } .new_travel_block_7 .container { padding: 100px 15px; } .new_travel_block_7 .blog .post-with-img { margin: 0; } .new_travel_block_7 .blog .post-with-img .blog__content__box { margin: 0; } .new_travel_block_7 .blog .post-with-img .blog__content__box .blog__content__box__hover span { color: #007DC3; text-transform: inherit; } .new_travel_block_7 .blog .blog__button { background-color: #007DC3; padding: 15px 46px 15px 23px; margin-top: 30px; text-transform: inherit; } .new_travel_block_7 .blog .blog__button:hover { background: #006DB3; } .new_travel_block_7 h2 { font-style: normal; font-weight: 700 !important; font-size: 24px; line-height: 33px; color: #474747; padding: 0 0 30px; } .new_travel_block_7 .blog .post-with-img .blog__content__box h5, .blog .post-with-img .blog__content__box .h5 { font-weight: 700; } .new_travel_form { background-color: #FBFBFB; padding: 20px; font-family: 'Poppins'; display: flex; flex-direction: column; margin: auto; } .new_travel_form .forms-block__box { border: none; padding: 0; display: flex; flex-direction: column; gap: 30px; padding-top: 30px; } .new_travel_form .form-block__before { width: 100%; } .new_travel_form .li_submit_button { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 10px 20px; gap: 30px; width: 100%; height: 47px; background: #F99A34; border-radius: 10px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 27px; text-align: center; color: #FFFFFF; cursor: pointer; } .new_travel_form .li_submit_button:hover { background: #e1854c; } .new_travel_form .forms-block__box .form-block__text label { vertical-align: middle; display: inline-block; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #474747; padding-bottom: 5px; } .new_travel_form .form-block { order: unset !important; display: flex; flex-direction: column; } .new_travel_form .form-block .form-block__form input, .new_travel_form .form-block .form-block__form textarea, .new_travel_form .form-block .form-block__form select { font-size: 16px; background: #FFFFFF; border: 1px solid #CACACA; border-radius: 10px; padding: 12px; line-height: 24px; font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 16px; color: #474747; } .new_travel_form .form-block .form-block__form select { background-image: url(/Content/Source/img/svg/shape_down_green.svg) !important; background-repeat: no-repeat; background-position: right 8px center; line-height: 24px; } .new_travel_form #wizard-datepicker-label input { background-image: url(/Content/Source/img/svg/calendar_green.svg) !important; background-repeat: no-repeat; background-position: right 13px center; background-size: 16px; } .new_travel_form #wizard-datepicker-label, .new_travel_form #call_time { width: 100%; } .new_travel_form #wizard-datepicker-label .form-block__before { width: 100%; } .new_travel_form #wizard-datepicker-label { margin-bottom: 30px; } .new_travel_form .form-block .form-block__form textarea { min-height: 106px; } .new_travel_form .forms-block__box .form-block__text span { display: none; } .new_travel_form .forms-block__box .form-block__form { padding: 0; display: flex; width: 100%; flex-direction: column; } .new_travel_form .forms-block__box .form-block__text { width: 100% !important; line-height: 24px; } .new_travel_form .input__w33 { width: 100%; padding: 0 0 0 10px; } .new_travel_form .input__flex { flex-direction: column; gap: 10px; } .new_travel_form .radio-boxes .input__w33 input[type="radio"] + label:before { width: calc(100% - 2px); height: 100%; } .new_travel_form .radio-boxes .input__w33 input[type="radio"] + label:before { width: 22px; height: 22px; background: #FFFFFF; border: 1px solid #CACACA; border-radius: 20px; } .new_travel_form .radio-boxes .input__w33 input[type="radio"]:checked + label:before { width: 10px; height: 10px; background: #FFFFFF; border: 7px solid #1CA21C; border-radius: 20px; } .new_travel_form .input--noimage input[type=radio] + label span { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #474747 !important; padding: 0; text-align: left; } .new_travel_form .radio-boxes .input__w33 input[type="radio"] + label { padding: 0px 0 0 40px; justify-content: left; height: unset; } .phone_block .form-block__form:before { content: "+420"; position: absolute; left: 10px; font-weight: 400; font-size: 16px; line-height: 24px; color: #201C46; border-right: 1px solid #828282; padding-right: 25px; background-image: url(/Content/Source/img/svg/shape_down_green.svg); background-repeat: no-repeat; background-position: right 8px center; top: 10px; } #CallDateTime .call_time { float: right; } .new_travel_form .container { padding: 20px; width: 100%; background: #FFFFFF; box-shadow: 0px 0px 40px rgba(32, 28, 70, 0.05); border-radius: 10px; max-width: 600px; } .new_travel_form h3 { font-style: normal; font-weight: 600; font-size: 20px; line-height: 30px; color: #474747; padding: 0 0 10px 0 !important; } .new_travel_form p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; } .new_travel_form .container_gdpr { padding: 20px 0 20px 32px; background-image: url(/Content/Source/img/svg/shape_lock_green.svg); background-repeat: no-repeat; background-position: left top 24px; max-width: 600px; margin: auto; } .new_travel_form .container_gdpr p, .new_travel_form .container_gdpr a { font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #828282; } .new_travel_form .container_text { background: #EDEDED; border-radius: 10px; padding: 20px; } .new_travel_form .container_text h4 { font-style: normal; font-weight: 600; font-size: 18px; line-height: 27px; color: #474747; padding-bottom: 20px; } .new_travel_form .container_text li { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #474747; } .new_travel_form .container_text ul { list-style-image: url("/Content/Source/img/svg//shape_check_grey.svg"); display: flex; flex-direction: column; gap: 20px; margin-left: 20px; } .new_travel_form .container_logo { padding: 20px 0; } .new_travel_form .container_logo ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; } .new_travel_form .container_logo li { width: calc(50% - 10px); } .new_travel_form .container_logo li img { width: 100%; object-fit: contain; } .new_travel_form .container_logo li:last-child { margin: auto; } .new_travel_form #TimeToCallLabel { padding-bottom: 10px; } .new_travel_form #PageModel_Phone { padding-left: 85px; border: none; padding: 0 0 0 85px; } .new_travel_form .phone_hint { display: inline-block !important; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; text-align: center; color: #1CA21C; background-image: url(/Content/Source/img/svg/info-circle_green.svg); background-repeat: no-repeat; background-position: left 12px top 5px; padding-left: 33px; background-size: 13px; cursor: pointer; } .new_travel_form .side_container { max-width: 600px; margin: auto; } .container_success { background: #FBFBFB; padding: 20px 20px 60px 20px; } .container_success .container { max-width: 600px; display: flex; flex-direction: column; gap: 20px; padding: 0; } .new_travel_success_top { background: #DAF7E6; border: 1px solid #0ACC58; border-radius: 10px; padding: 10px 10px 10px 40px; font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #201C46; background-image: url(/Content/Source/img/svg/shape_check_green.svg); background-repeat: no-repeat; background-position: left 12px center; } .new_travel_success_bottom { background: #FFFFFF; box-shadow: 0px 0px 40px rgba(32,28,70,0.05); border-radius: 10px; padding: 20px; } .new_travel_success_bottom h3 { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 30px; color: #474747; padding: 0 0 20px 0; } .new_travel_success_bottom ul { display: flex; flex-direction: column; gap: 18px; } .new_travel_success_bottom li { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 26px; color: #474747; padding-left: 40px; } .new_travel_success_bottom li:nth-of-type(1) { background-image: url(/Content/Source/img/png/phone_line_green.png); background-repeat: no-repeat; background-position: left center; min-height: 50px; } .new_travel_success_bottom li:nth-of-type(2) { background-image: url(/Content/Source/img/png/list_line_green.png); background-repeat: no-repeat; background-position: left center; min-height: 50px; } .new_travel_success_bottom li:nth-of-type(3) { background-image: url(/Content/Source/img/svg/file_signature_green.svg); background-repeat: no-repeat; background-position: left center; } .new_travel_success_bottom a { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 10px; gap: 10px; width: 100%; background: #FF8615; border-radius: 10px; font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 27px; text-align: center; color: #FFFFFF; margin-top: 20px; cursor: pointer; text-decoration: none; } .new_travel_success_bottom a:hover { background: #e1854c; } .contact_date_datepicker { background: #FFFFFF; border: 1px solid #CACACA !important; box-shadow: 0px 0px 40px rgba(32, 28, 70, 0.15); border-radius: 10px !important; margin-top: 10px; padding: 20px; max-width: 80%; } .contact_date_datepicker .ui-datepicker-header { border: none; background: transparent; } .contact_date_datepicker .ui-datepicker-month, .contact_date_datepicker .ui-datepicker-year { background-image: none; font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; text-align: center; color: #201C46; padding-left: 0; margin-right: 0; width: calc((100% - 30px) / 2); display: inline-block; } .contact_date_datepicker th { border: 0; font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; text-transform: capitalize; color: #000000; } .contact_date_datepicker .ui-state-default, .contact_date_datepicker .ui-widget-content .ui-state-default, .contact_date_datepicker .ui-widget-header .ui-state-default { border: none; background: transparent; font-weight: normal; color: #CACACA; font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; text-align: center; text-transform: uppercase; color: #201C46; } .contact_date_datepicker .ui-state-active, .contact_date_datepicker .ui-widget-content .ui-state-active, .contact_date_datepicker .ui-widget-header .ui-state-active { border: none; background: #1CA21C; font-weight: normal; color: #FFFFFF !important; border-radius: 5px; } .contact_date_datepicker .ui-datepicker-prev { right: 33px; left: unset; } .contact_date_datepicker .ui-datepicker-title { margin: 0 70px 0 0; line-height: 1.8em; text-align: center; } .contact_date_datepicker .ui-icon-circle-triangle-e { background-image: url(/Content/Source/img/svg/shape_down_green.svg); transform: rotate(-90deg); background-size: 12px; background-position: top 0px right 3px; } .contact_date_datepicker .ui-icon-circle-triangle-w { background-image: url(/Content/Source/img/svg/shape_down_green.svg); transform: rotate(90deg); background-size: 12px; background-position: top 6px right 1px; } .zivotko_calendar .ui-state-active { background-color: #1CA21C !important; } .new_hint_content { display: none; border-radius: 10px; max-width: 230px; filter: drop-shadow(0 0 40px rgba(32,28,70,.15)); width: 230px; z-index: 100000000; background: #fffffe; padding: 10px; position: absolute; font-weight: 400; font-size: 14px; line-height: 22px; color: #201c46; } .new_hint_content:before { content: ""; position: absolute; top: -7px; right: calc(50% + 5px); width: 0; height: 0; border-top: 0 solid transparent; border-bottom: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; filter: drop-shadow(0 0 40px rgba(32,28,70,.15)); } .new_travel_form .wrap_input { background: #FFFFFF; border: 1px solid #CACACA; border-radius: 10px; } @media only screen and ( min-width: 360px ) { .new_travel_form #wizard-datepicker-label, .new_travel_form #call_time { width: calc((100% / 2) - 10px); } .new_travel_form #CallDateTime { flex-direction: row; } .new_travel_form #wizard-datepicker-label { padding-right: 20px; flex: 1; } } @media only screen and ( min-width: 375px ) { .new_travel_lp .container { background-size: 337px; } } @media only screen and ( min-width: 576px ) { .bubble__l_container { width: 50%; } .new_travel_lp .bubble__l_container a { margin-bottom: 30px; max-width: 178px; } .new_travel_lp .container { background-position: center right 10px; background-size: 300px; } .new_travel_block_1 .container_1 ul li { width: 25%; } .new_travel_block_1 .container_2 ul li { width: calc((100% / 3) - 20px); } .new_travel_block_2 .flex_item .flex_item_image { float: left; } .new_travel_block_2 .flex_item { flex-direction: row; } .new_travel_block_3 .accordion_content a { margin-left: auto; margin-right: auto; max-width: 261px; } .new_travel_form .container_gdpr p { margin-right: 90px; } } @media only screen and ( min-width: 768px ) { .new_travel_top h1 { font-size: 44px; line-height: 66px; padding: 1px 0 20px 0; } .new_travel_form h3 { font-size: 24px; line-height: 36px; } .new_travel_lp .bubble__l_container h1 { font-size: 44px; line-height: 60px; padding: 43px 0 10px 0; } .new_travel_lp .bubble__l_container h3 { font-size: 24px; line-height: 33px; padding: 0; } .new_travel_lp .bubble__l_container ul { padding: 10px 0 43px 0; } .new_travel_lp .bubble__l_container a { margin-bottom: 30px; } .new_travel_lp .container { background-position: center right 10px; background-size: 350px; } .new_travel_block_1 h2 { font-size: 36px; line-height: 49px; padding: 0 0 25px; text-align: center; } .new_travel_block_1 .container { padding: 70px 20px 120px 20px; } .new_travel_block_1 .container_1 ul li .title { font-size: 50px; line-height: 90px; } .new_travel_block_1 .container_1 ul li { width: 50%; } .new_travel_block_1 .container_2 ul { flex-wrap: nowrap; max-width: 620px; margin: auto; } .new_travel_block_1 .container_1 ul li img { margin-bottom: 20px; width: 237px; height: 70px; margin-top: 10px; } .new_travel_block_1 .container_2 ul li img { width: 100px; height: 40px; } .new_travel_block_2 h2 { font-size: 36px; line-height: 49px; text-align: center; } .new_travel_block_2 p { text-align: center; } .new_travel_block_2 .flex_item .flex_item_image { width: 200px; height: 200px; background-color: #EDF8ED; border-radius: 50%; background-position: center; background-size: 95px; background-repeat: no-repeat; } .new_travel_block_2 .flex_item { align-items: center; } .new_travel_block_2 .flex_container { gap: 70px; padding-top: 45px; } .new_travel_block_2 .container { padding: 131px 15px 10px 15px; } .new_travel_block_3 h2 { font-size: 36px; line-height: 49px; padding: 0 0 50px; text-align: center; } .new_travel_block_3 .accordion_item_title { font-size: 24px; line-height: 33px; padding: 20px 0 5px 0; margin: 0 0 50px 0; } .new_travel_block_3 img { width: 150px; height: 150px; } .new_travel_block_3 .container { padding: 140px 15px 10px 15px; } .new_travel_block_3 h3 { padding: 40px 0 5px 0; } .new_travel_block_3 li { padding: 10px 10px; } .new_travel_block_3 .accordion_content { margin-bottom: 50px; } .new_travel_block_4 .flex_item_container { align-items: center; flex-direction: column; flex: 1; } .new_travel_block_4 .flex_container { display: flex; flex-direction: row; gap: 105px; } .new_travel_block_4 h2 { font-size: 36px; line-height: 49px; padding: 0 0 50px; text-align: center; } .new_travel_block_4 p { text-align: center; } .new_travel_block_4 img { width : 40px; height: 40px; } .new_travel_block_5 h2 { font-size: 36px; line-height: 49px; padding: 0 0 30px; text-align: center; } .new_travel_block_5 .container { padding: 60px 15px; } .new_travel_block_6 h2 { font-size: 36px; line-height: 49px; padding: 0 0 10px; text-align: center; } .new_travel_block_6 .container { padding: 70px 15px; } .new_travel_block_7 h2 { font-size: 36px; line-height: 49px; padding: 0 0 10px; text-align: center; } .new_travel_block_7 .container { padding: 70px 15px; } .new_travel_success_bottom h3 { font-size: 24px; line-height: 36px; } .container_success { padding: 40px 20px 160px 20px; } } @media only screen and ( min-width: 801px ) { .new_travel_block_7 .blog { padding: 0; } .new_travel_block_7 .blog .post-with-img { margin: 0; } .new_travel_block_7 .blog .post-with-img .blog__content__box { margin: 20px 0.9375em; } } @media only screen and ( min-width: 900px ) { .new_travel_lp .container { background-position: center right 10px; background-size: 443px; } .new_travel_form { flex-direction: row; gap: 40px; justify-content: center; } .new_travel_form .side_container { max-width: 400px; margin: unset; width: 50%; } .new_travel_form { padding: 40px 20px 180px 20px; } .new_travel_form .container_logo { padding: 20px 0; max-width: 260px; margin: auto; } } @media only screen and ( min-width: 1100px ) { .new_travel_lp .container { background-position: center right 70px; } .new_travel_block_1 .container_1 ul { flex-wrap: nowrap; } } @media only screen and ( min-width: 1200px ) { .new_travel_lp .container { background-position: center right 160px; } } /* IOS remove loadbar,IOS and Firefox fancybox setting coz scrollbar close popups*/ @media not all and (min-resolution:.001dpcm) { .progress { display: none; } .text--popup.mb-5 { margin-bottom: 25px; } .fancybox-content { max-height: 100vh; } } @supports (-webkit-hyphens:none) { .progress { display: none; } .text--popup.mb-5 { margin-bottom: 25px; } .fancybox-content { max-height: 100vh; } } /* T�et� krok a d�l - hlavi�ku zkompaktnit a shrnut� p�esunout na konec obrazovky. */ .container_datacheck { display: flex; flex-direction: column; justify-content: space-between; width: 100%; font-family: 'Poppins'; } .container_datacheck_left { display: flex; flex-direction: column; } .container_datacheck_right { flex-shrink: 0; } .container_datacheck .recbox .container { padding: 0; } .container_datacheck .recbox { padding-top: 20px; } .container_datacheck .recbox .container h1 { font-style: normal; font-weight: 700; font-size: 20px; line-height: 27px; color: #201C46; padding-bottom: 10px; } .container_datacheck .recbox .container span { font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #858791; } .container_datacheck .forms-block__box .form-block__text label { font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; } .container_datacheck .form-block__text .red { display: none; } .container_datacheck .info { position: relative; cursor: pointer; display: inline-block; background-color: #FFFFFF; color: #797979; vertical-align: middle; width: 19px; height: 19px; line-height: 1.4em; text-align: center; border-radius: 50%; font-size: 11px; font-weight: 400; margin-left: 6px; border: 1px solid #797979; } .container_datacheck .forms-block__box .error-bg:before { background-color: unset; } .container_datacheck .link-bottom__box { display: flex; flex-direction: column-reverse; align-items: center; gap: 10px; } .container_datacheck .link-bottom .a__link--continue:before, .container_datacheck .link-bottom .a__link--continue:after { display: none; } .container_datacheck .link-bottom .a__link--continue { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 14px 28px; gap: 10px; width: 100%; background: #F99A34; border-radius: 8px; cursor: pointer; margin: 0; height: 56px; } .container_datacheck .link-bottom .a__link--continue span img { transform: rotate(-90deg); } .container_datacheck .link-bottom .list-button-call { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 14px 10px; gap: 10px; width: 100%; border: 1px solid #3688C3; border-radius: 8px; background-color: #FFFFFF !important; color: #3688C3; cursor: pointer; margin: 0; height: unset; line-height: 22px; } .container_datacheck .link-bottom .a__link--back { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 14px 28px; gap: 10px; width: 100%; border: 1px solid #3688C3; border-radius: 8px; background-color: #FFFFFF !important; color: #3688C3; cursor: pointer; margin: 0; } .container_datacheck .link-bottom .a__link--back:before, .container_datacheck .link-bottom .a__link--back:after { content: none; } .container_datacheck .link-bottom .a__link--back span img { transform: rotate(90deg); } .container_datacheck .link-bottom { margin: 0 0 40px 0; border-top: 1px solid #c6c6c6; padding-top: 40px; } .container_datacheck .forms-block__box { padding: 20px 0; border: none; display: flex; flex-direction: column; gap: 20px; } .container_datacheck .link-bottom a span { display: flex; } .container_datacheck .forms-block__box .form-block__before { width: 100%; padding: 0; } .container_datacheck .forms-block__box .form-block__form { width: 100%; padding: 0; } .container_datacheck .forms-block__box .form-block__form input { padding: 16px 10px; font-size: 14px; font-family: 'Poppins'; } .container_datacheck .forms-block__box .form-block__text { width: 100%; line-height: unset; padding-bottom: 10px; } .container_datacheck .forms-block__box .form-block__info { padding: 10px 0; float: right; width: 100%; top: 0; } .container_datacheck .forms-block__box .form-block__info .info-box { top: 0; } .container_datacheck .forms-block__box .form-block__info .info-box { left: 0; width: 100% !important; position: relative !important; } @media screen and (min-width: 576px) { .container_datacheck .forms-block__box { padding: 30px 0; display: flex; flex-direction: column; gap: 20px; } .container_datacheck .forms-block__box .form-block__before { width: 100%; padding: 0; display: flex; gap: 20px; align-items: baseline; } .container_datacheck .forms-block__box .form-block__form { width: 100%; padding: 0; min-width: 350px; } .container_datacheck .forms-block__box .form-block__info { width: 350px; } } @media screen and (min-width: 697px) { .container_datacheck { flex-direction: row; flex-wrap: wrap; } .container_datacheck_right { width: 280px; margin-left: 20px; margin-top: 78px; } .container_datacheck .recbox { padding-top: 30px; } .container_datacheck_left { width: calc(100% - 300px); } .container_datacheck .link-bottom { order: 3; width: 100%; } .container_datacheck .link-bottom__box { flex-direction: row; gap: 20px; } .container_datacheck .link-bottom .a__link--back { padding: 14px 10px; flex-basis: 122px; flex-grow: 0; flex-shrink: 0; min-width: unset; } .container_datacheck .link-bottom .list-button-call { padding: 14px 10px; flex-basis: 329px; flex-grow: 0; flex-shrink: 0; min-width: unset; } .container_datacheck .link-bottom .a__link--continue { padding: 14px 10px; flex-basis: 177px; flex-grow: 0; flex-shrink: 0; min-width: unset; } .container_datacheck .recbox, .container_datacheck form { max-width: 590px; } .container_datacheck .forms-block__box .form-block__before { flex-direction: column; gap: 0; } .container_datacheck .forms-block__box .form-block__info { width: 100%; } } @media screen and (min-width: 900px) { .container_datacheck .recbox .container h1 { font-size: 28px; line-height: 38px; } .container_datacheck .forms-block__box .form-block__text label { font-size: 20px; line-height: 27px; } } @media screen and (min-width: 920px) { .container_datacheck .forms-block__box .form-block__before { flex-direction: row; gap: 0; } .container_datacheck .forms-block__box .form-block__info { width: 350px; } } /* nove hinty v cele flow */ .hint_container .form-block__info { position: absolute !important; top: 0 !important; left: 0 !important; padding: 0 !important; width: 0 !important; } .hint_container .info-box { border-radius: 10px; filter: drop-shadow(0 0 40px rgba(32,28,70,.15)); z-index: 100000000 !important; font-weight: 400; font-size: 14px; line-height: 22px; color: #201c46; border: none !important; padding: 20px !important; display: none; position: relative; background-color: #FFFFFF; text-align: left; } .hint_container .info-box p { overscroll-behavior: contain; } .info-box-arrow-top-left:before { content: "" !important; position: absolute !important; top: 10px !important; width: 0 !important; height: 0 !important; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #FFFFFF; display: block !important; background-image: none !important; bottom: unset !important; left: -10px !important; } .info-box-arrow-top-right:before { content: "" !important; position: absolute !important; width: 0 !important; height: 0 !important; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #FFFFFF; display: block !important; background-image: none !important; top: 10px !important; bottom: unset !important; right: -10px !important; } .info-box-arrow-bottom-right:before { content: "" !important; position: absolute !important; width: 0 !important; height: 0 !important; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #FFFFFF; display: block !important; background-image: none !important; top: unset !important; bottom: 10px !important; right: unset; left: -10px !important; } .info-box-arrow-bottom-left:before { content: "" !important; position: absolute !important; bottom: 10px !important; width: 0 !important; height: 0 !important; border-top: 10px solid transparent; border-left: 10px solid #FFFFFF; border-bottom: 10px solid transparent; display: block !important; background-image: none !important; top: unset !important; right: -10px !important; left: unset; } .info-box-arrow-bottom-center:before { content: "" !important; position: absolute !important; bottom: -10px !important; width: 0 !important; height: 0 !important; border-left: 10px solid transparent; border-top: 10px solid #FFFFFF; border-right: 10px solid transparent; display: block !important; background-image: none !important; top: unset !important; } .info-box-arrow-top-center:before { content: "" !important; position: absolute !important; bottom: unset !important; width: 0 !important; height: 0 !important; border-left: 10px solid transparent; border-bottom: 10px solid #FFFFFF; border-right: 10px solid transparent; display: block !important; background-image: none !important; top: -10px !important; } .forms-content .forms-block__box .form-block__info .info-box p { margin-bottom: 0; } .wizard-povcompletion .info, .hav_step1_new .info, .hav_datacheck .info { font-weight: 700; color: #211C45; background-color: #e2e3ec; background: #fff !important; color: #797979 !important; border: 1px solid #797979 !important; width: 19px !important; height: 19px !important; line-height: 17px !important; font-size: 10px !important; font-weight: 600 !important; vertical-align: top; margin-top: 5px !important; flex-shrink: 0; margin-left: 10px; } .info-box-close:after { content: "×"; position: absolute; top: 0; right: 0; width: 30px; height: 30px; font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif; color: #888; font-weight: 300; text-align: center; border-width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; -webkit-transition: color 0.2s; transition: color 0.2s; } .info-box-close { position: absolute; top: 0; right: 0; width: 30px; height: 30px; cursor: pointer; } .povruc__box .list-inner, .hav_upsell .list-inner { position: inherit; } .povruc__box .list-icon { width: fit-content; padding-right: 5px; } .upsell.hint_container .filters-box__body, .upsell.hint_container .upsell__td, .upsell.hint_container .upsell__col, .upsell.hint_container { position: initial; } .hav_upsell .cell { position: initial !important; } .hav_upsell .row-list { position: initial; } .hav_upsell .list-item { position: initial; } .hint_container .form-block__text label + .red { display: none; } .hav_datacheck .forms-block__box .error-bg:before { content: none; } .hav_datacheck .info { vertical-align: middle !important; } @media screen and (max-width: 575px) { .hav_datacheck .forms-block__box .form-block__text { padding-bottom: 10px; } } .hav_datacheck .list-icons, .pov_summary .list-icons, .hav_summary .list-icons { margin-top: 0; } .hav_upsell .recbox__box, .hav_upsell { position: initial; } /* travel step 2 hints */ .info_travel-container { display: block; position: absolute; left: 0; top: 0; width: 0; height: 0; } .container.container_no_padding { padding: 0; } .container.container_no_padding .info { margin: 10px; background: #ffffff; color: #797979; border: 1px solid #797979; width: 20px; height: 20px; line-height: 17px; font-size: 14px; font-weight: 600; } .slick-list { z-index: 1; } .hint_icon { cursor: pointer; width: fit-content; } .info_special { width: fit-content; background-color: transparent; } .hint_container .dashed-box { border-radius: 10px; filter: drop-shadow(0 0 40px rgba(32,28,70,.15)); z-index: 100000000 !important; font-weight: 400; font-size: 14px; line-height: 22px; color: #201c46; border: none !important; padding: 20px !important; display: none; position: relative; background-color: #FFFFFF; text-align: left; } .hint_container .upsell__td, .hint_container .upsell, .hint_container .upsell__col { position: inherit; } .hint_container .filters-box__body { position: inherit; } .wizard-povcompletion .form-block--checkbox { display: flex; align-items: baseline; } /* call datetiem planning */ .call_datetime_planning_top { font-family: 'Poppins'; font-style: normal; } .call_datetime_planning_top .container { background-image: url(/Content/Source/img/svg/phone_white.svg),url(/Content/Source/img/svg/ellipse.svg); background-size: 70px, 202px; background-repeat: no-repeat; background-position: center bottom 21px, center bottom -55px; } .call_datetime_planning_top .navigace { display: block; } .call_datetime_planning_top h1 { font-weight: 600; font-size: 28px; line-height: 42px; padding: 0 0 167px 0; } .call_datetime_planning_top i, .call_datetime_planning_top span { font-weight: 400; font-size: 14px; line-height: 22px; } .call_datetime_planning { font-family: 'Poppins'; font-style: normal; background-color: #F2F2F2; } .call_datetime_planning .title { font-weight: 600; font-size: 20px; line-height: 30px; color: #201C46; text-align: left; max-width: 550px; margin: auto; padding: 0; } .call_datetime_planning .text { font-weight: 400; font-size: 16px; line-height: 24px; color: #201C46; } .call_datetime_planning .container { max-width: 820px; padding: 20px 20px 44px 20px; background-color: #F2F2F2; display: flex; flex-direction: column; gap: 20px; } .call_datetime_planning .container form { display: flex; flex-direction: column; align-items: flex-start; padding: 20px; gap: 20px; background: #FFFFFF; border-radius: 10px; max-width: 580px; margin: auto; width: 100%; } .call_datetime_planning .container:after { content: none; } .call_datetime_planning .forms-block__box { padding: 0; border: none; border-bottom: none; display: flex; flex-direction: column; gap: 20px; width: 100%; } .call_datetime_planning a { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 13px 28px 14px; gap: 10px; background: #FF8615; border-radius: 10px; width: 100%; text-decoration: none; transition: .2s; cursor: pointer; } .call_datetime_planning a:hover { background: #e1854c; } .call_datetime_planning a span { font-weight: 500; font-size: 18px; line-height: 27px; text-align: center; color: #FFFFFF; } .call_datetime_planning .forms-block__box .form-block__text label { font-weight: 600; font-size: 16px; line-height: 24px; color: #201C46; } .call_datetime_planning .forms-block__box .form-block__text { padding-bottom: 5px; line-height: 24px; } .call_datetime_planning .forms-block__box .form-block__text span { display: none; } .call_datetime_planning .forms-block__box .form-block__form, .call_datetime_planning .forms-block__box .form-block__info { padding: 0; line-height: unset; width: 100%; top: 0; } .call_datetime_planning .forms-block__box .form-block__form textarea, .call_datetime_planning .forms-block__box .form-block__form select, .call_datetime_planning .forms-block__box .form-block__form input { background: #FFFFFF; border: 1px solid #CACACA; border-radius: 10px; font-weight: 400; font-size: 16px; line-height: 24px; color: #828282; padding: 10px; } .call_datetime_planning .forms-block__box .form-block__form select, .call_datetime_planning .forms-block__box .form-block__form input { cursor: pointer; } .call_datetime_planning .forms-block__box .form-block__before { position: relative; float: left; padding-right: 0; width: 100%; } .call_datetime_planning .forms-block__box .form-block__form .calendar { display: none; } .call_datetime_planning .date_time_block .form-block__form { display: flex; flex-direction: column; width: 100%; gap: 10px; } .call_datetime_planning .form-block__form .select_w__25 { width: 100% !important; } .call_datetime_planning .new_hint { display: inline-block !important; position: relative; height: 20px; margin: 0 !important; width: 20px !important; padding: 0 !important; top: 5px !important; right: -5px !important; background-image: url(/Content/Source/img/svg/info_icon_blue.svg) !important; background-size: 13px 13px; background-repeat: no-repeat; background-position: center center; } .call_datetime_planning .forms-block__box .error-bg:before { content: none; } .call_datetime_planning .form-block.call_note { width: 100%; } .call_datetime_planning .new_hint_content { display: none; border-radius: 10px; max-width: 230px; filter: drop-shadow(0px 0px 40px rgba(32, 28, 70, 0.15)); width: 230px; z-index: 100000000; background: #FFFFFE; padding: 10px; position: absolute; font-weight: 400; font-size: 14px; line-height: 22px; color: #201C46; border: none !important; } .call_datetime_planning_desctop { display: none !important; } .call_datetime_planning_mobile::after { content: "" !important; } .call_datetime_planning_mobile::before { content: "."; text-indent: -10000px; display: inline-block; width: 0.4em; height: 100%; background-repeat: no-repeat; background-position: left center; margin-right: 0.625em; background-image: url(/Content/source/img/svg/ico-23.svg); transform: rotate(-180deg); } @media screen and (min-width: 576px) { .call_datetime_planning_desctop { display: inline-block !important; } .call_datetime_planning_mobile { display: none !important; } .call_datetime_planning .title { font-size: 24px; line-height: 36px; text-align: center; } .call_datetime_planning .text { font-size: 16px; line-height: 24px; text-align: center; } .call_datetime_planning .container { padding: 50px 20px 203px 20px; } .call_datetime_planning .container form { padding: 40px 50px; margin-top: 20px; } .call_datetime_planning_top h1 { font-size: 44px; line-height: 66px; max-width: 500px; } .call_datetime_planning .forms-block__box { flex-direction: row; flex-wrap: wrap; } .call_datetime_planning .form-block.call_date, .call_datetime_planning .form-block.call_time { flex: 1; width: calc((100% - 20px) /2); } } @media screen and (min-width: 830px) { .call_datetime_planning_top .container { background-image: url(/Content/Source/img/svg/phone_white.svg),url(/Content/Source/img/svg/ellipse.svg); background-size: 96px, 278px; background-repeat: no-repeat; background-position: center right 135px, center right 50px; } .call_datetime_planning_top h1 { padding: 8px 0 48px 0; } } .contact_date_datepicker { background: #FFFFFF; border: 1px solid #CACACA !important; box-shadow: 0px 0px 40px rgba(32, 28, 70, 0.15); border-radius: 10px !important; margin-top: 10px; padding: 20px; max-width: 80%; } .contact_date_datepicker .ui-datepicker-header { border: none; background: transparent; } .contact_date_datepicker .ui-datepicker-month, .contact_date_datepicker .ui-datepicker-year { background-image: none; font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; text-align: center; color: #201C46; padding-left: 0; margin-right: 0; width: calc((100% - 30px) / 2); display: inline-block; } .contact_date_datepicker th { border: 0; font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; text-transform: capitalize; color: #000000; } .contact_date_datepicker .ui-state-default, .contact_date_datepicker .ui-widget-content .ui-state-default, .contact_date_datepicker .ui-widget-header .ui-state-default { border: none; background: transparent; font-weight: normal; color: #CACACA; font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; text-align: center; text-transform: uppercase; color: #201C46; } .contact_date_datepicker .ui-state-active, .contact_date_datepicker .ui-widget-content .ui-state-active, .contact_date_datepicker .ui-widget-header .ui-state-active { border: none; background: #1CA21C; font-weight: normal; color: #FFFFFF !important; border-radius: 5px; } .contact_date_datepicker .ui-datepicker-prev { right: 33px; left: unset; } .contact_date_datepicker .ui-datepicker-title { margin: 0 70px 0 0; line-height: 1.8em; text-align: center; } .contact_date_datepicker .ui-icon-circle-triangle-e { background-image: url(/Content/Source/img/svg/shape_down_blue.svg); transform: rotate(-90deg); background-size: 12px; background-position: top 0px right 3px; } .contact_date_datepicker .ui-icon-circle-triangle-w { background-image: url(/Content/Source/img/svg/shape_down_blue.svg); transform: rotate(90deg); background-size: 12px; background-position: top 6px right 1px; } .call_datetime_calendar .ui-state-active { background-color: #1CA21C !important; } .call_datetime_planning input { background-image: url(/Content/Source/img/svg/calendar_blue.svg) !important; background-repeat: no-repeat !important; background-position: right 13px center !important; background-size: 20px !important; } .call_datetime_planning select { background-image: url(/Content/Source/img/svg/shape_down_blue.svg) !important; background-repeat: no-repeat !important; background-position: right 13px center !important; background-size: 12px !important; } .call_datetime_sended { max-width: 500px; margin: auto; } .call_datetime_sended .form-text-text { width: 100%; } .new_hint_up_arrow:before { content: ""; position: absolute; top: -7px; right: calc(50% + 5px); width: 0; height: 0; border-top: 0 solid transparent; border-bottom: 7px solid white; border-right: 7px solid transparent; border-left: 7px solid transparent; filter: drop-shadow(0px 0px 40px rgba(32, 28, 70, 0.15)); } .new_hint_left_arrow:before { content: ""; position: absolute; top: 17px; left: -14px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid white; filter: drop-shadow(0px 0px 40px rgba(32, 28, 70, 0.15)); } .new_hint_right_arrow:before { content: ""; position: absolute; top: 17px; right: -7px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid white; filter: drop-shadow(0px 0px 40px rgba(32, 28, 70, 0.15)); } #contact_term_time .select2-container--default .select2-selection--single { padding: 8px; height: unset; border-radius: 10px; border: 1px solid #CACACA; font-size: 16px; line-height: 24px; color: #828282; background-image: url(/Content/Source/img/svg/shape_down_blue.svg) !important; background-repeat: no-repeat !important; background-position: right 13px center !important; background-size: 12px !important; } .new_hint_up_left_arrow:before { content: ""; position: absolute; top: -7px; left: 15%; width: 0; height: 0; border-top: 0 solid transparent; border-bottom: 7px solid white; border-right: 7px solid transparent; border-left: 7px solid transparent; filter: drop-shadow(0px 0px 40px rgba(32, 28, 70, 0.15)); } .new_hint_down_left_arrow:before { content: ""; position: absolute; bottom: -7px; left: 15%; width: 0; height: 0; border-top: 7px solid white; border-bottom: 0 solid transparent; border-right: 7px solid transparent; border-left: 7px solid transparent; filter: drop-shadow(0px 0px 40px rgba(32, 28, 70, 0.15)); } .new_hint_left_up_arrow:before { content: ""; position: absolute; top: 17px; left: -7px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid white; filter: drop-shadow(0px 0px 40px rgba(32, 28, 70, 0.15)); } .new_hint_left_down_arrow:before { content: ""; position: absolute; bottom: 17px; left: -7px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid white; filter: drop-shadow(0px 0px 40px rgba(32, 28, 70, 0.15)); } #contact_term_time .select2-container--default .select2-selection--single .select2-selection__rendered { color: unset; } #contact_term_time input, #contact_term_time select, #contact_term_time textarea, #contact_term_time button { font-family: inherit; } #contact_term_time .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } #contact_term_time .select2-container { width: 100% !important; } .forms-block__box .error-bg:before { content: none !important; } /* Branding on the banner */ a#CybotCookiebotDialogPoweredbyCybot, div#CybotCookiebotDialogPoweredByText { display: none; } /* Branding on the widget */ #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo { display: none; } /* star rating */ .star_rating .container { padding: 30px 20px; font-family: 'Poppins'; font-style: normal; } .star_rating h2 { font-weight: 600; font-size: 24px; line-height: 36px; color: #474747; padding-bottom: 24px; } .star_rating .left_block p { font-weight: 400; font-size: 16px; line-height: 24px; color: #797979; padding-top: 10px; } .star_rating .left_block { border-bottom: 1px solid #CACACA; padding-bottom: 24px; margin-bottom: 24px; flex: 1; } .star_rating .right_block { flex: 1; } .star_rating .right_block p { font-weight: 400; font-size: 16px; line-height: 24px; color: #474747; padding-top: 10px; } .star_rating .flex_block { padding-bottom: 64px; display: flex; max-width: 1070px; margin: auto; flex-direction: column; } .star_rating h3 { font-weight: 600; font-size: 20px; line-height: 30px; color: #474747; padding: 0 0 10px 0; max-width: 780px; } .star_rating p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #474747; max-width: 780px; margin: auto; } .star_rating .delimiter { width: 100%; height: 1px; background-color: #CACACA; margin: 35px auto; max-width: 780px; } .star_rating .rating_stars_block .stars { display: flex; gap: 8px; } .star_rating .rating_stars_block h4 { font-weight: 600; font-size: 28px; line-height: 42px; color: #474747; padding-top: 16px; } .icon-hodnoceni { background-image: url(/Content/source/img/svg/hodnoceni.svg) !important; background-size: 25px 23px !important; } .footer__icon .rating_stars_block { display: flex; } .footer__icon .rating_stars_block h4 { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 36px; color: #FFFFFF; } .footer__icon .rating_stars_block { display: flex; } .footer__icon .rating_stars_block .stars { display: flex; gap: 5px; padding-left: 10px; align-items: center; } .footer__icon .rating_stars_block img { width: 16px; height: 16px; margin: 0; top: 0; } @media screen and (max-width: 480px){ .icon-hodnoceni { background-image: none !important; } } @media screen and (min-width: 768px) { .star_rating h3 { font-size: 24px; line-height: 36px; text-align: center; margin: auto; } .star_rating .container { padding: 64px 20px 60px 20px; } .star_rating h2 { font-weight: 600; font-size: 36px; line-height: 54px; color: #474747; padding-bottom: 24px; max-width: 780px; margin: auto; text-align: center; } .star_rating .left_block { border-bottom: none; border-right: 1px solid #CACACA; padding-bottom: 0px; margin-bottom: 0px; flex: 1; display: flex; gap: 32px; align-items: center; padding-right: 20px; } .star_rating .flex_block { flex-direction: row; padding-bottom: 124px; } .star_rating .rating_stars_block h4 { font-size: 44px; line-height: 66px; } .star_rating .right_block { display: flex; flex-direction: row; align-items: center; gap: 35px; padding: 0 20px 0 20px; } } @media screen and (min-width: 999px) { .star_rating .left_block { padding-right: 64px; } .star_rating .right_block { padding: 0 20px 0 64px; } } /* progressbar facelift */ .progress_bar_loader { display: none; width: calc(100% - 40px); border-radius: 8px; padding: 24px; background-color: #ffffff; max-width: 600px; font-family: 'Poppins'; } .progress_bar_loader .lottie_animation { width: 256px; height: 165px; margin: auto; max-width: 100%; } .progress_bar_loader .lottie_animation img { width: 100%; } .progress_bar_loader .title { font-size: 20px; font-style: normal; font-weight: 700; line-height: 27px; padding: 24px 0 16px 0; text-align: center; } .progress_bar_loader .hint { font-size: 18px; font-style: normal; font-weight: 400; line-height: 25px; color: #797979; text-align: center; } .progress_bar_loader .animated_text_container { margin-top: 24px; border-radius: 10px; border: 1px solid #34affc; background: #dff0ff; display: none; padding: 10px; align-items: flex-start; gap: 10px; } .progress_bar_loader .info_icon { background-image: url(/Content/Source/img/svg/info-circle-blue-2.svg); background-repeat: no-repeat; background-size: 20px; width: 20px; height: 20px; flex-shrink: 0; } .progress_bar_loader .animated_text { color: #000; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; } .progress_bar_loader .dot_2, .progress_bar_loader .dot_3 { opacity: 0; transition: all 0.4s ease-out; } .animated_text_content span { display: none; } *.animated_texts { display: none; } @media screen and (min-width: 768px) { .progress_bar_loader .title { font-size: 24px; line-height: 33px; } } /* cm3 '3' upper index */ .info-box sup { vertical-align: super; font-size: 12px; } /* facelift unsubscribe */ .bg-green.facelift .navigace a:after, .bg-green.facelift .navigace .active { display: none; } .bg-green.facelift .navigace a:before { content: "."; text-indent: -10000px; display: inline-block; width: 0.4em; height: 100%; background-repeat: no-repeat; background-position: left center; margin-right: 0.625em; background-image: url(/Content/source/img/svg/ico-23.svg); transform: rotate(180deg); display: inline-block; } .forms-content-unsubscribe { max-width: 100%; margin-left: auto; margin-right: auto; background-color: #F1F1F1; margin: 0; width: 100%; } .container-unsubscribe { padding: 24px 20px; } #unsubscribeform { max-width: 580px; margin-left: auto; margin-right: auto; } .forms-content-unsubscribe__box { display: flex; padding: 24px; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; border-radius: 16px; border: 1px solid #CACACA; background: #FFF; } .forms-content-unsubscribe__box h2 { color: #2D2D2D; font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 600; line-height: 32px; } .forms-content-unsubscribe__box p { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .form-block-unsubscribe { width: 100%; } .form-block-unsubscribe__text { font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; padding-bottom: 5px; } .form-block-unsubscribe__form { display: flex; padding: 8px 12px; align-items: center; gap: 8px; flex: 1 0 0; border-radius: 8px; border: 1px solid #CACACA; background: #F1F1F1; width: 100%; } #DecompressedEmail { border: none; border-width: 0; box-shadow: none; width: 100%; background-color: transparent; color: #000; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; } #unsubscribe-button, .forms-block-unsubscribe__box a { display: flex; padding: 8px 16px; justify-content: center; align-items: center; gap: 8px; width: 100%; color: #FFF; text-align: center; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; border-radius: 8px; background: #FF8615; transition: background 0.2s; cursor: pointer; text-decoration: none; } #unsubscribe-button:hover, .forms-block-unsubscribe__box a:hover { background: #F06706; } #unsubscribe-button:active, .forms-block-unsubscribe__box a:active { background: #C74D07; } .forms-block-unsubscribe__box { max-width: 780px; margin-left: auto; margin-right: auto; } .forms-block-unsubscribe__box h2 { color: #2D2D2D; font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 600; line-height: 32px; } .forms-block-unsubscribe__box p { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; padding-top: 8px; padding-bottom: 24px; } .forms-block-unsubscribe__box a{ margin-bottom: 24px; } @media screen and (min-width: 768px) { .container-unsubscribe { padding: 50px; } .forms-content-unsubscribe__box { padding: 48px; gap: 24px; } .forms-content-unsubscribe__box h2, .forms-block-unsubscribe__box h2 { font-size: 36px; line-height: 44px; } .forms-block-unsubscribe__box { text-align: center; } .forms-block-unsubscribe__box a { max-width: 400px; margin-left: auto; margin-right: auto; } } @media screen and (min-width: 444px) { .bg-green.facelift .navigace a:after, .bg-green.facelift .navigace .active { display: inline-block; } .bg-green.facelift .navigace a:before { display: none; } } /* loader bar cashback banner update */ .soutez_o_plnu_nadrz_banner, .cashback_banner, .povhav_banner, .info_o_platbe_banner { display: flex; border-radius: 8px; border-width: 1px; border-style: solid; gap: 8px; border-color: #34affc; background-color: #dff0ff; padding: 12px !important; margin-top: 24px; } .soutez_o_plnu_nadrz_banner-container, .cashback_banner-container, .povhav_banner-container, .info_o_platbe_banner-container { display: flex; flex-direction: row; gap: 8px; } .soutez_o_plnu_nadrz_banner-info_title, .cashback_banner-info_title, .povhav_banner-info_title, .info_o_platbe_banner-info_title { font-weight: 600; font-size: 14px; font-style: normal; line-height: 22px; color: #2d2d2d; } .soutez_o_plnu_nadrz_banner-info_text, .cashback_banner-info_text, .povhav_banner-info_text, .info_o_platbe_banner-info_text { font-size: 14px; font-style: normal; line-height: 22px; color: #2d2d2d; font-weight: 400; } .soutez_o_plnu_nadrz_banner-logo { background-image: url(/Content/source/img/svg/gas_can_banner.png); background-size: 66px; background-position: left top 5px; background-repeat: no-repeat; width: 61px; height: 67px; flex-shrink: 0; } .cashback_banner-logo { background-image: url(/Content/source/img/cashback.png); background-size: 70px; background-position: center; background-repeat: no-repeat; width: 61px; height: 67px; flex-shrink: 0; } .povhav_banner { border-color: #51D850; background-color: #DEFBDD; } .povhav_banner-logo { background-image: url(/Content/source/img/png/car-crash-regular.png); background-size: 100%; background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; flex-shrink: 0; } body > img { display: none; } /*ovveride main.css ------------------------------------------------------------------------------*/ .calculate { cursor: pointer; background: transparent; border: none; outline: none; } button.calculate[disabled] .calculate__div { background-color: rgba(255, 134, 21, 0.5); cursor: not-allowed; } .a__link--continue { cursor: pointer; } .f-button { cursor: pointer; } .setvariant { cursor: pointer; } /* Rating ------------------------------------------------------------------------------*/ .rating-article { border-top: 1px solid #d9d9d9; color: #333333; padding-top: 20px; position: relative } .rating-article .rating-count { top: 20px } .rating-article:hover button:before { /*left: 0;*/ color: green; content: "\2605"; display: inline-block; position: absolute; } .rating-article:hover button:hover ~ button:before { content: "\2606" } .rating-stars { display: inline-block; font-size: 20px; margin-left: 10px; margin-top: 7px; padding: 0; top: 10px; width: 110px; } .rating-stars button { background: #ffffff; border: none; color: #91ce4b; cursor: pointer; font-size: 20px; height: 25px; margin-top: 0; padding-left: 0; position: relative; width: 20px !important; } .rating-stars button:focus { outline: none } .rating-stars span, .rating-stars button { color: #91ce4b; display: inline-block; height: 25px; margin-left: -3px; margin-top: 2px; position: relative; width: 20px; } .rating-stars span:before, .rating-stars button:before { color: #91ce4b; content: "\2606"; display: inline-block; left: 0; position: absolute; } .rating-stars span.active:before, .rating-stars button.active:before { content: "\2605" } .reference .reference__star .reference__star__percent_article { display: inline-block; height: 1.5em; position: relative; vertical-align: sub; width: 9.0625em; z-index: 0; } .reference .reference__star .reference__star__percent_article:before { background-image: url("/Content/source/img/star.png"); background-position: center left; background-repeat: no-repeat; background-size: 9.0625em 1.5em; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; } .reference .reference__star .reference__star__percent_article .perc_after { background-color: #91ce4b; height: 100%; left: 0; margin: 0; max-width: 100%; position: absolute; top: 0; width: 0%; z-index: 1; } .simpleCheckboxWidth { width: auto !important; } /*.reference .reference__star .reference__star__percent_article .perc_after { background-color: #1ca21c; }*/ /* ------------------------------------------------------------------------------*/ version1 a version2 pouzivam progress jquery selektor, abych mohl rozdelit stejnou property var javascriptu .version1 { } .version2 { } .list-detail .ul-icon-li-odpovednost { background-image: url(/Content/source/img/svg/ico-ohen.svg); background-size: 2.5em auto; } .list-detail .ul-icon-li-kolo { background-image: url(/Content/source/img/svg/ico-stit.svg); background-size: 2.5em auto; } .list-nocheck { display: block; width: 100%; height: 28px; background-image: url(/Content/source/img/mob-menu2.png); background-position: center center; background-repeat: no-repeat; margin-bottom: 10px; } #GeneralOverlay, #GeneralOverlayInfo { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(232, 232, 232, 0.5); z-index: 1; } #GeneralOverlayFrame, #GeneralOverlayInfoFrame { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(232, 232, 232, 0.3); } .OffersOverlayMessage { display: none; } #OffersOverlay1 { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 50%; background-color: rgba(232, 232, 232, 0.3); } #OffersOverlayInfo1 { display: none; width: 100%; height: 100%; position: absolute; top: 0; background-color: rgba(232, 232, 232, 0.3); } #OffersOverlay2 { display: none; width: 100%; height: 534px; position: absolute; left: 0; background-color: rgba(232, 232, 232, 0.3); } #OffersOverlayInfo2 { display: none; width: 100%; height: 534px; position: absolute; top: 0; background-color: rgba(232, 232, 232, 0.3); } #GeneralOverlayInfoFrame, #GeneralOverlayInfo, #OffersOverlayInfo1, #OffersOverlayInfo2 { z-index: 10; } .list-text-no-cursor { cursor: default !important; } .list-text-no-wrap { white-space: nowrap; } .eu-cookies { display: flex; flex-wrap: nowrap; justify-content: center; background: Menu; align-items: center; color: GrayText; padding: 5px; z-index: 1000; position: fixed; bottom: 0; width: 100%; text-align: center; display: none; } .eu-cookies button { color: GrayText; cursor: pointer; flex-shrink: 0; padding-left: 10px; padding-right: 10px; } .list .info-text { font-weight: 600; margin-top: 1.15em; color: #91ce4b; font-size: 1.2em; text-align: center; padding-bottom: 1.14285714em; text-transform: uppercase; line-height: 150%; } .forms-content .forms-block__box .icon-auto { background-image: url("/Content/source/img/svg/ico-01.svg"); background-size: 1.2em 2em; } .forms-content .forms-block__box .icon-bonus { background-image: url("/Content/source/img/svg/ico-10.svg"); background-size: 1.0em 2em; } input[type=checkbox]:disabled + label:before { content: url('/Content/source/img/checkbox4.png'); } .povFormIcon h1:before { background: url('/Content/source/img/svg/ico-26.svg'), linear-gradient(transparent, transparent); background-size: 1.25em 1em; background-position: center left; background-repeat: no-repeat; } .contactFormIcon h1:before { background: url('/Content/source/img/svg/ico-28.svg'), linear-gradient(transparent, transparent); background-size: 1.25em 1em; background-position: center left; background-repeat: no-repeat; } .main-content .text-content .link-bottom__box a { color: #fff; } footer .footer__bottom2 .copyright a { color: #fff; display: inline-block; font-size: 100%; } .greenbezdrob { margin-top: 1.3em; } .bubble .letter2 { margin-top: 0px; } .calculate__div .lamp__image { text-align: left; font-size: 2.0625em; padding-left: 2.1875em; display: inline-block; line-height: 1.09090909em; text-transform: uppercase; position: relative; } .calculate__div .lamp__image:before, .calculate__div .lamp__image:after { position: absolute; left: 0; top: 0; width: 1.63636364em; height: 100%; content: ""; display: inline-block; background: url(/Content/source/img/svg/ico-28.png); background: url(/Content/source/img/svg/ico-28.svg), linear-gradient(transparent, transparent); background-position: top left; background-repeat: no-repeat; background-size: 1.63636364em 2.06060606em; transition: transform 0.5s; } .calculate__div .lamp__image:after { transform: translateY(-3.63636364em); } .calculate__div--lower { padding-top: 1em; padding-bottom: 1em; } .calculate__div--lower2 { padding-top: 1em; padding-bottom: 1em; } .calculate__div--lower2 .lamp__image { font-size: 1.5em; min-height: 1.4em; padding-top: 0.14em; } .calculate__div--lower2 .lamp__image br { display: none; } .calculate__div--lower2 .lamp__image:before { background-size: 1em auto; } li.nobullet:before { content: ""; position: absolute; top: 10px; left: 0; width: 10px; height: 10px; background-image: none; } .box__title { border-top-left-radius: 0.525em; border-top-right-radius: 0.525em; } .box__inner { border-bottom-right-radius: 0.525em; border-bottom-left-radius: 0.525em; } .box.onlytitle { margin-bottom: 0; } main .container .main-content { padding: 1.8em 0; } .main-content .helpful-link { margin-bottom: 1.4em; } .box .box__icon li { font-weight: 600; } .google-maps { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .box__buttons span { background-color: #006db3; } .box__buttons li:hover span { background-color: #007dc3; } .box__buttons li:hover a { color: #007dc3; } .list-item .row-list2 .cell { width: calc(11.1%); } .list-header2 .cell { width: calc(11.0%) } @media screen and (max-width: 768px) { .list-item .row-list .cell:nth-child(4), .list .list-header .cell:nth-child(4), .list-item .row-list .cell:nth-child(5), .list .list-header .cell:nth-child(5), .list-item .row-list .cell:nth-child(6), .list .list-header .cell:nth-child(6) { display: none; } .list-item .row-list .cell, .list-header .cell { width: calc(33.33333333%); } .list-item .row-list2 .cell:nth-child(5), .list .list-header2 .cell:nth-child(5), .list-item .row-list2 .cell:nth-child(6), .list .list-header2 .cell:nth-child(6), .list-item .row-list2 .cell:nth-child(7), .list .list-header2 .cell:nth-child(7), .list-item .row-list2 .cell:nth-child(8), .list .list-header2 .cell:nth-child(8) { display: none; } .list-item .row-list2 .cell, .list-header2 .cell { width: calc(25%); } } @media screen and (max-width: 991px) { .list-item .row-list .cell:nth-child(2), .list .list-header .cell:nth-child(2) { display: none; } .list-item .row-list .cell, .list-header .cell { width: calc(14.28%); } .list-item .row-list2 .cell:nth-child(3), .list .list-header2 .cell:nth-child(3) { display: none; } .list-item .row-list2 .cell, .list-header2 .cell { width: calc(12.5%); } .f .row--c .f-cell-right { padding-left: 0.9375em; } .f .row--c .f-cell-left { padding-right: 0.9375em; } } @media screen and (max-width: 768px) { .list-item .row-list .cell:nth-child(4), .list .list-header .cell:nth-child(4), .list-item .row-list .cell:nth-child(5), .list .list-header .cell:nth-child(5), .list-item .row-list .cell:nth-child(6), .list .list-header .cell:nth-child(6) { display: none; } .list-item .row-list .cell, .list-header .cell { width: calc(33.33333333%); } .list-item .row-list2 .cell:nth-child(5), .list .list-header2 .cell:nth-child(5), .list-item .row-list2 .cell:nth-child(6), .list .list-header2 .cell:nth-child(6), .list-item .row-list2 .cell:nth-child(7), .list .list-header2 .cell:nth-child(7) { display: none; } .list-item .row-list2 .cell, .list-header2 .cell { width: calc(25%); } } @media screen and (max-width: 649px) { .list-vysvetlivky { margin-bottom: 3.75em; } .list-detail .form-block__full input[type=checkbox] + label p { margin-top: 15px; } .list-bottom-text2 { padding-left: 15px; text-align: center; width: 100%; } .list-bottom-text { display: none; } .list-detail .cell { width: 100%; } .list-button-big { margin-top: 10px; } .f .row--c .f-cell-right, .f .row--c .f-cell-left { width: 100%; } .f-border { border: none; } .f .row--c .f-cell-right .w33 { width: 100%; } .f .row--c .f-cell-left .w25, .f .row--c .f-cell-left .w50, .f .row--c .f-cell-left .w75 { width: 100%; } .f .text-right { text-align: left; } .f-date .f-input { width: calc(100% - 25px); } .f-button { margin-top: 0; margin-bottom: 2em; } .f-hide-small { display: none; } .f-show-small { text-align: center; display: block; } .f-button { margin-left: auto; margin-right: auto; } .info-content { right: auto; left: -210px; width: 18em; } .list-item .row-list2 .cell, .list-header2 .cell { width: calc(33.33333333%); } } .checkboxOutSideFormFor { padding-left: 15px; margin-left: -15px; margin-right: 15px; } .error-checkboxOutSideFormFor { background-color: #FDDDDC; } .dashed-box p { text-align: left; } .list-button--small { cursor: pointer; } .showprice { } .hideprice { } .link-bottom .list-button-call { padding-left: 1.0em; text-align: center; margin-top: 0; background-color: #797979 !important; } .link-bottom .list-button-call:before, .link-bottom .list-button-call:after { background-image: none; } input[type="radio"].subinsurance:checked + label { font-weight: bold; } .not-active { pointer-events: none; cursor: default; text-decoration: none; color: #dcb1b1; } .bg-green3 h1:before { width: 100px; } .RecomendationColorOrange { background-color: #F47B25 !important; } .RecomendationColorOrange:before { border-left: 1.5em solid #F47B25 !important; } .RecomendationColorBlue { background-color: #006db3 !important; } .RecomendationColorBlue:before { border-left: 1.5em solid #006db3 !important; } .RecomendationTextColorClassOrange { background-color: #FCF9CD !important; } .RecomendationTextColorClassBlue { background-color: #d3e6ff !important; } .RecomendationBorderColorClassOrange { border-color: #F47B25 !important; } .RecomendationBorderColorClassBlue { border-color: #006db3 !important; } .WizardColorClassDarkGreen { color: #1ca21c !important; } .WizardColorClassLightGreen { color: #91ce4b !important; } .WizardStarsColorClassDarkGreen { background: url(/Content/source/img/svg/starsDarkGreen.svg); } .WizardStarsColorClassLightGreen { background: url(/Content/source/img/svg/starsLightGreen.svg); } .photo img { max-height: 250px; } /*body { margin: 0 !important; }*/ .bg-green .index-left__left .nopadding { padding-left: 0; } .icon-facebook { padding-left: 21px; background: url(/Content/source/img/FaceBook-icon.png) no-repeat; } .reference { background: #ededed; padding-bottom: initial; } .blog .post-with-img .blog__content__box { min-height: 23em; } .blog .post-with-img .small.blog__content__box { min-height: 19.5em; } /*.bg-green .index-left__right { position: initial; height: 19.6875em; float: right; }*/ main .poj .poj__content .poj__link_green { margin: 0 0.9375em; margin-bottom: 1.875em; color: #000; display: block; background: #AEE168; border-radius: 0.625em; position: relative; transition: background 0.2s; text-decoration: none; } main .poj .poj__content .poj__link_green h3 { font-size: 1.25em; font-weight: 600; margin-bottom: 0.5em; padding: 0; text-align: left; } main .poj .poj__content .poj__link_green .poj__box_green { padding: 2.25em 0; opacity: 1; transition: opacity 0.2s; padding-left: 10em; background: url(/Content/source/img/svg/ico-01.png); background: url(/Content/source/img/svg/ico-01.svg), linear-gradient(transparent, transparent); background-size: 5.25em auto; background-position: 3.125em center; background-repeat: no-repeat; } main .poj .poj__content .poj__link_green .poj__box_green--pig { background-image: url(/Content/source/img/png/pig.png); } main .poj .poj__content .poj__link_green .poj__box_green--hammer { background-image: url(/Content/source/img/png/hammer.png); } main .poj .poj__content .poj__link_green .poj__box_green--smile { background-image: url(/Content/source/img/png/smile.png); } @media screen and (max-width: 800px) { main .poj .poj__content .poj__link_green .poj__box_green { padding: 20px 10px; padding-top: 110px; } main .poj .poj__content .poj__link_green .poj__box_green { background-position: center 20px; margin-bottom: 10px; } main .poj .poj__content .poj__link_green h3 { font-size: 1.25em; font-weight: 600; margin-bottom: 0.5em; padding: 0; text-align: center; } /*main .poj .poj__content .poj__link_green span { text-align: left; }*/ } .fancybox-lock, .fancybox-overlay { overflow: visible !important; } .block-with-text { overflow: hidden; position: relative; line-height: 1.2em; max-height: 10.9em; margin-right: -1em; padding-right: 1em; } main .poj .poj__content .poj__link_green .poj__box_green--smile { background-image: url(/Content/source/img/png/smile.png); } main .poj .poj__content .poj__link_blok { margin: 0 0.9375em; margin-bottom: 1.875em; color: #000; display: block; background: #ECECEC; border-radius: 0.625em; position: relative; transition: background 0.2s; text-decoration: none; text-align: center; } main .poj .poj__content .poj__link_blok h3 { font-size: 1.55em; font-weight: 600; margin-bottom: 0.5em; margin-left: 1em; margin-top: 1em; padding: 0; text-align: left; display: inline-block; } main .poj .poj__content .poj__link_blok .tlacitko { margin-bottom: 1em; margin-left: 1em; width: 175px; display: inline-block; text-decoration: none; background: #F98B28; } main .poj .poj__content .poj__link_blok .poj__box_blok--obal { padding-top: 0.05em; padding-bottom: 0.05em; } .insurance .insurance__box a { display: inline-block; width: 10%; line-height: 4.375em; margin-bottom: 1.25em; } @media screen and (max-width: 800px) { .insurance .insurance__box a { width: 25%; float: left; } } .insurance { margin-top: 0px; padding: 0.5em 0; } header .header-top .logo img { max-width: 100%; width: 20.375em; /*height: 4.121em;*/ } @media screen and (max-width: 650px) { main .poj .poj__content .poj__link_blok .tlacitko { margin-bottom: 1em; margin-left: 0px; display: inline-block; text-decoration: none; background: #F98B28; padding-left: 0px; padding-right: 0px; width: 135px; } main .poj .poj__content .poj__link_blok h3 { font-size: 1.55em; font-weight: 600; margin-bottom: 0.5em; margin-left: 0px; margin-top: 1em; padding: 0; text-align: center; display: inline-block; } main .poj .poj__content .poj__link_blok { margin: 0 0.475em; margin-bottom: 0.875em; color: #000; display: block; background: #ECECEC; border-radius: 0.625em; position: relative; transition: background 0.2s; text-decoration: none; text-align: center; } } .ratingCounter { display: inline-flex; left: 276px; margin-left: 10px; position: absolute; top: 17px; } @media screen and (max-width: 800px) { .ratingCounter { display: inline-flex; left: 276px; margin-left: 10px; position: absolute; top: 22px; } } @media screen and (max-width: 500px) { .ratingCounter { display: block; left: 0; margin-left: 0px; position: unset; top: 0; } } .unsubscribeLabel1 { margin-left: 0px !important; } .unsubscribeLabel2 { margin-left: 0px !important; } .unsubscribeLabel3 { margin-left: 0px !important; } @media screen and (max-width: 800px) { .unsubscribeLabel3 { margin-left: 0px !important; } } @media screen and (max-width: 649px) { .unsubscribeLabel2 { margin-left: -35px !important; } .unsubscribeLabel3 { margin-left: 0px !important; } } @media screen and (max-width: 476px) { .unsubscribeLabel2 { margin-left: 0px !important; } } @media screen and (max-width: 445px) { .unsubscribeLabel2 { margin-left: -35px !important; } } @media screen and (max-width: 353px) { .unsubscribeLabel2 { margin-left: 0px !important; } } div.rightBox { display: block; width: 200px; margin-left: -757px; padding: 10px 5px; position: fixed; z-index: 100; margin-top: 0px; left: 50%; border: 3px solid #ff8516; font-size: 14px; background-color: #fff; zoom: 1.2; -ms-zoom: 1.2; -webkit-zoom: 1.2; -moz-transform: scale(1.2,1.2); -moz-transform-origin: top center } .rightBox.facelift { width: 144px; left: 0; margin-left: 0; border-radius: 8px; padding: 16px 8px; height: unset; } div.rightBox h2 { margin-top: 0; padding: 0 3px; color: #fff; font-size: 15.6px; font-weight: bold; text-align: center; width: 200px; height: 33px; text-transform: none; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; line-height: 30px; background: url('/content/v1/img/bgrHeadingGreen.png') no-repeat; } div.rightBox p { margin: 10px 0; } .rightBox.facelift p { margin: 0; text-align: center; } .rightBox.facelift .userName { color: #2D2D2D; font-size: 14px; font-style: normal; font-weight: 600; line-height: 22px; } .rightBox.facelift .userNumber { color: #828282; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; } .rightBox.facelift #UserState, .rightBox.facelift #AttendanceMainInfo { font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; display: flex; justify-content: center; align-items: center; gap: 4px; border-radius: 8px; width: fit-content; margin-left: auto; margin-right: auto; text-align: center; } .rightBox.facelift #AttendanceMainTime { font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px; text-align: center; display: block; margin-top: 8px; } #GeneralOverlayCopyBonus, #GeneralOverlayInfoCopyBonus { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(232, 232, 232, 0.3); } #GeneralOverlayInfoCopyBonus, #GeneralOverlayCopyBonus { z-index: 10; } .estate_recbox__item { width: 33% !important; position: relative; width: 50%; float: left; } @media screen and (max-width: 768px) { .estate_recbox__item { width: 100% !important; } } @media screen and (max-width: 767px) { .estate_recbox__item { width: 100% !important; } } .estate_recbox__item input[type="radio"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .estate_recbox__item input[type=radio] + label, .estate_recbox__item input[type=radio] + label:before { background-color: #ededed; } .estate_recbox__item input[type=radio]:checked + label, .estate_recbox__item input[type=radio]:checked + label:before { background-color: #9ad05d; } .estate_recbox__item input[type=radio]:checked + label:after { opacity: 0; } .estate_recbox__item input[type=radio] + label { position: relative; display: block; padding: 28px 32px 22px 86px; margin-left: 0; border-radius: 4px; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } @media screen and (max-width: 575px) { .estate_recbox__item input[type=radio] + label { padding-left: 70px; } } .estate_recbox__item input[type=radio] + label:before, .estate_recbox__item input[type=radio] + label:after { position: absolute; content: ""; top: 22px; left: 32px; width: 32px; height: 32px; border: 2px solid #9ad05d; border-radius: 50%; -webkit-transition: opacity 0.2s, background-color 0.2s; transition: opacity 0.2s, background-color 0.2s; } @media screen and (max-width: 991px) { .estate_recbox__item input[type=radio] + label:before, .estate_recbox__item input[type=radio] + label:after { left: 15px; } } .estate_recbox__item input[type=radio] + label:after { top: 29px; left: 39px; width: 18px; height: 18px; background-color: #9ad05d; opacity: 0; } @media screen and (max-width: 991px) { .estate_recbox__item input[type=radio] + label:after { left: 22px; } } .estate_recbox__item input[type="radio"] + label:before { content: ""; position: absolute; top: 16px; left: 0; width: 51px; height: 51px; border: 0; background-color: #ededed; color: #000; cursor: pointer; background-size: 23px 17px; background-repeat: no-repeat; background-position: center left 15px; display: block; } .riskFilterItem { width: 25%; } .riskFilterLabel { padding-top: 31px !important; } .adminText { width: 250px !important; } .text-left td { text-align: left; } .input__flex { display: flex; flex-wrap: wrap; } .input__w33 { position: relative; } .input__w33 input[type="radio"] + label:before { content: ""; position: absolute; top: 0; left: 0; width: 220px; height: 80px; border: 2px solid #cacaca; border-radius: 4px; background-color: #ededed; color: #000; cursor: pointer; background-size: 64px 32px; background-repeat: no-repeat; background-position: center left 5px; display: block; } .input__w33 input:checked + label span { color: #1ca21c; } .input__w33 input + label span { display: inline-block; position: relative; color: #000; font-size: 14px; line-height: 16px; cursor: pointer; padding-right: 10px; } .input__w33 input[type="radio"] + label:before, .input__w33 input.form-radio + label:after { transition: all 0.2s; } .input__w25 input + label:before { border: 2px solid #cacaca; background-color: #ededed; } .input__w33 input + label:before { border: 2px solid #cacaca; background-color: #ededed; } .input__w33 input[type=radio]:checked + label { background-color: #ffffff; } .input__w33 input[type=radio]:hover + label:before { border: 2px solid #1ca21c; background-color: #edf8ed; } .input__w33 input[type=radio]:checked + label:before { border: 2px solid #1ca21c; background-color: #edf8ed; } .estate_recbox__item input[type=radio] + label { background-color: #ffffff; } .estate_recbox__item input[type=radio] + label:before { background-color: #ededed; } .forms-content .forms-block__box .info__container.info__container--radio { position: absolute; top: 30px; left: 235px; float: none; width: auto; line-height: inherit; padding: 0; } .radio--EstateInsuranceTypeCombined input + label:before { background-image: url("/Content/Source/img/icon/nem-dom-gray.svg"); } .radio--EstateInsuranceTypeCombined input[type="radio"]:checked + label:before, .radio--EstateInsuranceTypeCombined input[type="radio"]:hover + label:before { background-image: url("/Content/Source/img/icon/nem-dom-green.svg"); } .radio--EstateInsuranceTypeEstateProperty input + label:before { background-image: url("/Content/Source/img/icon/nemovitost-gray.svg"); } .radio--EstateInsuranceTypeEstateProperty input[type="radio"]:checked + label:before, .radio--EstateInsuranceTypeEstateProperty input[type="radio"]:hover + label:before { background-image: url("/Content/Source/img/icon/nemovitost-green.svg"); } .radio--EstateInsuranceTypeHousehold input + label:before { background-image: url("/Content/Source/img/icon/domacnost-gray.svg"); } .radio--EstateInsuranceTypeHousehold input[type="radio"]:checked + label:before, .radio--EstateInsuranceTypeHousehold input[type="radio"]:hover + label:before { background-image: url("/Content/Source/img/icon/domacnost-green.svg"); } @media only screen and ( max-width: 575px ) { .forms-content .forms-block__box .info__container.info__container--radio { top: 14px; right: 10px; width: 20px; left: auto; margin: 0; } .input__w33 input[type="radio"] + label:before { width: calc(100% - 60px); height: 55px; background-size: 64px 32px; } .estate_recbox__item input[type=radio] + label { height: 57px; padding: 0 0 0 70px!important; display: flex; align-items: center; margin-bottom: 5px; } .estate_recbox__item input[type=radio] + label .recbox__title { margin-bottom: 0 } } @media only screen and ( min-width: 576px ) and ( max-width: 870px) { .input__w33 input[type="radio"] + label:before { width: 200px; } .forms-content .forms-block__box .info__container.info__container--radio { left: 210px; } .estate_recbox__item input[type=radio] + label { padding: 22px 32px 22px 70px; } .input__w33 { flex: auto; } } /* cestovka - storno zajezdu */ .trip_cancel_note { font-size: 14px; font-weight: 700; line-height: 19px; display: none; } #cancelTripBlock #ui-datepicker-div { position: relative !important; } #PageModel_TripPayDate { cursor: pointer; } /* floating-list */ .floating_list_container { background-color: #FFFFFF; min-height: 70px; width: 100%; position: fixed; top: 0; left: 0; z-index: 999999; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); display: none; } .floating_list_container .floating_list_row { margin: auto; display: flex; align-items: center; } .floating_list_container .floating_list_logo { height: 36px; } .floating_list_container .floating_list_logo::after { content: ''; margin-left: 20px; margin-right: 20px; color: #CACACA; width: 1px; background-color: #CACACA; height: 30px; display: inline-block; } .floating_list_container .floating_list_text_container { flex: 1; } .floating_list_container .floating_list_text { font-size: 18px; line-height: 25px; color: #474747; font-weight: 700; } .floating_list_container .floating_list_subtext { font-size: 16px; line-height: 22px; color: #201C46; display: block; } .floating_list_container .floating_list_button { display: flex; flex-direction: row; justify-content: center; align-items: center; background: rgba(249, 154, 52, 1); border-radius: 5px; font-weight: 700; font-size: 16px; line-height: 24px; text-align: center; color: #FFFFFF; padding: 10px 35px 10px 20px; cursor: pointer; text-decoration: none; transition: 0.2s; } .floating_list_container .floating_list_button::after { content: ''; background: url(/Content/source/img/svg/fa-angle-right.svg) no-repeat 0 center; position: relative; right: -10px; top: 1px; width: 6px; height: 19px; background-size: 5px; } .floating_list_container .floating_list_button:hover { background: rgba(240, 130, 11, 1); transition: 0.2s; } .floating_list_container .floating_list_button:active { background: rgba(201, 109, 9, 1); transition: 0.2s; } @media screen and (max-width: 576px) { .floating_list_container { bottom: 0; top: unset; } .floating_list_container .floating_list_row { flex-direction: column; } .floating_list_container .floating_list_logo { display: none !important; } .floating_list_container .floating_list_button { margin-bottom: 15px; width: calc(100% - 10px); } .floating_list_container .floating_list_text_container { padding: 5px 5px 10px 5px; width: 100%; display: flex; justify-content: center; } .floating_list_container .floating_list_subtext { display: none; } .floating_list_container .floating_list_mobil_no_text { display: none; } .floating_list_container .floating_list_text { margin-top: 10px; letter-spacing: -1px; } } @media screen and (max-width: 900px) { .floating_list_container .floating_list_logo { display: none !important; } } /* floating-list AB */ .floating_list_container_ab { background-color: #FFFFFF; min-height: 70px; width: 100%; position: fixed; top: 0; left: 0; z-index: 999999; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); display: none; } .floating_list_container_ab .floating_list_row { margin: auto; display: flex; align-items: center; justify-content: center; } .floating_list_container_ab .floating_list_logo { height: 36px; } .floating_list_container_ab .floating_list_logo::after { content: ''; margin-left: 20px; margin-right: 20px; color: #CACACA; width: 1px; background-color: #CACACA; height: 30px; display: inline-block; } .floating_list_container_ab .floating_list_text_container { flex: 1; } .floating_list_container_ab .floating_list_text { font-size: 18px; line-height: 25px; color: #474747; font-weight: 700; } .floating_list_container_ab .floating_list_subtext { font-size: 16px; line-height: 22px; color: #201C46; display: block; } .floating_list_container_ab .floating_list_button_container { display: flex; width: 100%; border: 1px solid #E4E4E4; border-radius: 4px; height: 44px; max-width: 289px; } .floating_list_container_ab .floating_list_eu_flag { background-image: url(/Content/Source/img/png/eu-cz-flag-2.png); background-size: 24px 44px; width: 24px; margin-top: -1px; margin-bottom: -1px; flex-shrink: 0; } .floating_list_container_ab #floating_list_spz_input { border: none; width: 100px; margin-left: 10px; flex: 1; } .floating_list_container_ab .floating_list_calculate_nospz { font-size: 14px !important; line-height: 19px !important; font-weight: 400; color: #006DB3; cursor: pointer; text-decoration: none; margin-left: 20px; } .floating_list_container_ab ::placeholder { color: #CACACA; opacity: 1; font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; } .floating_list_container_ab :-ms-input-placeholder { color: #CACACA; font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; } .floating_list_container_ab ::-ms-input-placeholder { color: #CACACA; font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; } .floating_list_container_ab .floating_list_button { display: flex; flex-direction: row; justify-content: center; align-items: center; background: rgba(249, 154, 52, 1); border-radius: 5px; font-weight: 600; font-size: 14px; line-height: 17px; text-align: center; color: #FFFFFF; padding: 0px 28px 1px 14px; cursor: pointer; text-decoration: none; transition: 0.2s; margin: 5px; } .floating_list_container_ab .floating_list_button::after { content: ''; background: url(/Content/source/img/svg/fa-angle-right.svg) no-repeat 0 center; position: relative; right: -10px; top: 1px; width: 6px; height: 19px; background-size: 5px; } .floating_list_container_ab .floating_list_button:hover { background: rgba(240, 130, 11, 1); transition: 0.2s; } .floating_list_container_ab .floating_list_button:active { background: rgba(201, 109, 9, 1); transition: 0.2s; } @media screen and (max-width: 700px) { .floating_list_container_ab { bottom: 0; top: unset; } .floating_list_container_ab .floating_list_row { flex-direction: column; } .floating_list_container_ab .floating_list_logo { display: none !important; } .floating_list_container_ab .floating_list_text_container { padding: 5px 5px 10px 5px; width: 100%; display: flex !important; justify-content: center; } .floating_list_container_ab .floating_list_subtext { display: none; } .floating_list_container_ab .floating_list_mobil_no_text { display: none; } .floating_list_container_ab .floating_list_text { margin-top: 10px; } .floating_list_container_ab .floating_list_button_container { flex: unset !important; margin: 0px 5px 0px 5px; } .floating_list_container_ab .floating_list_calculate_nospz { margin: 10px 0px 15px 0px; } .floating_list_container_ab .floating_list_text_container { display: none; } .floating_list_container_ab .floating_list_button_container { flex: 1; } } @media screen and (max-width: 900px) { .floating_list_container_ab .floating_list_logo { display: none !important; } } .header-green { background-color: #1ca21c; color: #fff; padding-bottom: 35px } .header-green h1 { font-size: 42px; line-height: 45px; font-weight: 700; margin: 0; padding: 0 0 20px } .header-green h1.title-max { max-width: 380px } @media (max-width: 767px) { .header-green { padding-bottom: 15px; font-size: 14px } .header-green h1 { font-size: 26px; line-height: 27px; padding-bottom: 10px } .header-green .check-list li + li { padding-top: 5px } } .link-color { color: #006db3 } .link-color:hover { text-decoration: none } .check-list { list-style-image: url(/Content/source/img/svg/ico-check-simple.svg); padding-left: 30px } .check-list li { padding-top: 10px; line-height: 22px; padding-left: 10px } .check-list--green { padding-bottom: 20px } .check-list--green li { line-height: 1.3; min-height: 20px; background-image: url(/Content/source/img/ab-testy/green-check.svg); background-repeat: no-repeat; background-position: left 0; padding-left: 30px } .check-list--green li + li { margin-top: 10px } .flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .flex-row .no-shrink { -ms-flex-negative: 0; flex-shrink: 0; z-index: 1 } @media (min-width: 768px) { .flex-row.col-ph20 { margin-left: -10px } .flex-row.col-ph20 .flex-col { padding: 0 10px } } @media (min-width: 768px) { .flex-row.col-ph30 { margin-left: -30px } } .flex-row.col-ph30 .flex-col { padding: 0 30px } .pov-lp-ab .bubble--left { height: 430px } .pov-lp-ab .h1--subtitle { margin-top: 10px } .pov-lp-ab .gray-container { overflow: hidden } @media (min-width: 768px) { .pov-lp-ab .flex-bottom-img { margin-right: 50px } } .pov-lp-ab .flex-bottom-img img { -ms-flex-item-align: end; align-self: flex-end; height: auto } .pov-lp-ab .more-link { text-align: center; padding: 0 0 30px } .pov-lp-ab .more-link a { color: #006db3; font-size: 14px } .pov-lp-ab .margin-center { margin-left: auto; margin-right: auto; } .pov-lp-ab .margin-center.calculate__div { margin-bottom: 50px; } .pov-lp-ab .text-green { color: #1ca21c } .pov-lp-ab strong.text-green { font-weight: 600 } .pov-lp-ab a.text-green { text-decoration: none } .pov-lp-ab a.text-green:hover { text-decoration: underline } .pov-lp-ab .p-divider { padding-bottom: 35px } .pov-lp-ab .p-divider p { line-height: 28px } .pov-lp-ab .p-divider p + p { padding-top: 30px } .pov-lp-ab .p-divider + .p-divider { border-top: 1px solid #d8d8d8 } .pov-lp-ab .p-divider strong { font-weight: 600 } @media (min-width: 768px) { .pov-lp-ab .flex-bottom, .pov-lp-ab .flex-bottom .calculate { -ms-flex-item-align: end; align-self: flex-end } .pov-lp-ab .flex-bottom-img { display: -webkit-box; display: -ms-flexbox; display: flex } .pov-lp-ab .flex-bottom-img img { max-width: 460px; width: 100%; margin-bottom: -10px } } @media (max-width: 1023px) { .pov-lp-ab .flex-bottom-img { margin: 0 0 0 -150px; z-index: 0 } } @media (max-width: 767px) { .pov-lp-ab .flex-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .pov-lp-ab .flex-bottom-img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: center; overflow: hidden; margin: 0 } .pov-lp-ab .flex-bottom-img img { height: 100px; margin-top: -20px } .pov-lp-ab .pov-lp-ab .calculate__div { padding: 10px 20px } } @media (max-width: 425px) { .pov-lp-ab .p-divider { font-size: 14px; padding-bottom: 15px } .pov-lp-ab .p-divider p { line-height: 20px } .pov-lp-ab .flex-row { -webkit-box-align: initial; -ms-flex-align: initial; align-items: normal } .pov-lp-ab .calculate { max-width: none } .pov-lp-ab .calculate .calculate__div { text-align: left } .pov-lp-ab .calculate .calculate__image { max-width: 150px; text-align: initial } } .pov-lp-ab h2.main-center { text-align: center; font-size: 32px; font-weight: 600; padding: 45px 0 20px; line-height: 1.3 } @media (max-width: 425px) { .pov-lp-ab h2.main-center { font-size: 20px; padding-top: 25px } } .pov-lp-ab .reference { background: #e4e4e4; border-radius: 4px; padding: 25px 30px; position: relative; z-index: 1; overflow: hidden } .pov-lp-ab .reference h3 { text-align: center; font-size: 22px; font-weight: 600; color: #2c2d31; padding: 0 0 20px } .pov-lp-ab .reference__stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 0 30px } .pov-lp-ab .reference__stats__item { width: 40vw } .pov-lp-ab .reference__stats__item:first-child { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .pov-lp-ab .reference__stats__item p { max-width: 130px } .pov-lp-ab .reference__stats__icon { font-size: 38px; font-weight: 600; line-height: 65px; padding-right: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative } .pov-lp-ab .reference__stats__icon:before { content: ""; display: inline-block; background-repeat: no-repeat; background-size: contain; position: absolute } .pov-lp-ab .reference__stats__icon.people:before { background-image: url(/Content/source/img/ab-testy/people.svg); width: 40px; height: 40px; left: -50px } .pov-lp-ab .reference__stats__icon.graph { padding-left: 90px } .pov-lp-ab .reference__stats__icon.graph:before { background-image: url(/Content/source/img/ab-testy/graph.svg); -webkit-transform: rotate(255deg); -ms-transform: rotate(255deg); transform: rotate(255deg); width: 50px; height: 50px; left: 30px } .pov-lp-ab .reference__stats__item + .reference__stats__item { border-left: 1px solid rgba(133, 135, 145, .5) } .pov-lp-ab .reference__avatar { position: absolute; top: 0; width: 40px; height: 40px; border-radius: 50%; margin: 0 } .pov-lp-ab .reference__avatar.avatar--man { background: url(/Content/source/img/ab-testy/man.svg) #ff8615 no-repeat center 8px } .pov-lp-ab .reference__avatar.avatar--woman { background: url(/Content/source/img/ab-testy/woman.svg) #ff8615 no-repeat center 8px } .pov-lp-ab .reference__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px } .pov-lp-ab .reference__header .reference__user { margin-bottom: 0; line-height: 1 } .pov-lp-ab .reference__header .reference__user strong { font-size: 14px } .pov-lp-ab .reference__header .reference__user span { font-size: 12px; color: #858791; font-weight: 400 } .pov-lp-ab .reference__header .reference__star { margin: 0; line-height: 14px } .pov-lp-ab .reference__header .reference__star span { font-size: 12px; font-weight: 700; padding: 1px 5px 0 0; display: inline-block } .pov-lp-ab .reference__header .reference__star .reference__star__percent { height: 14px; width: 85px } .pov-lp-ab .reference__header .reference__star .reference__star__percent:before { background-size: contain } .pov-lp-ab .reference .reference__content { margin-left: 0; height: auto; padding-bottom: 50px; } .pov-lp-ab .reference .reference__content__box { padding: 30px 20px 20px; border-radius: 4px; margin: 20px 0 0 0; height: auto!important; } .pov-lp-ab .reference .reference__content__box p { font-size: 13px; line-height: 22px } .pov-lp-ab .reference .reference__content.slick-initialized .slick-slide { margin: 0 10px } .pov-lp-ab .reference .reference__content .slick-dots li { width: 12px; height: 12px } @media (min-width: 768px) { .pov-lp-ab .reference__stats { padding: 20px 0 30px } .pov-lp-ab .reference__stats__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media (max-width: 767px) { .pov-lp-ab .reference .reference__header .reference__user span { display: block; padding-top: 5px } .pov-lp-ab .reference__stats__icon { font-size: 32px; line-height: 30px; margin-bottom: 8px } .pov-lp-ab .reference__stats__icon.graph { padding-left: 50px } .pov-lp-ab .reference__stats__icon.graph:before { width: 30px; height: 30px; left: 10px } .pov-lp-ab .reference__stats__icon.people:before { width: 30px; height: 30px; left: -40px } .pov-lp-ab .reference__stats__item { text-align: center; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .pov-lp-ab .reference__stats__item p { font-size: 14px; line-height: 16px } .pov-lp-ab .reference__stats__item:first-child { padding-right: 20px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .pov-lp-ab .reference__stats__item:last-child { padding-left: 20px } } .pov-lp-ab .calculations { padding: 160px 0 30px; position: relative; margin-top: -150px } .pov-lp-ab .calculations__boxes { margin: 20px 0 } .pov-lp-ab .calculations__box, .pov-lp-ab .calculations__boxes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .pov-lp-ab .calculations__box { height: 180px; background: #fff; border-radius: 4px; width: calc(50% - 15px); padding: 20px 45px 20px 30px } .pov-lp-ab .calculations .calc__col { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 1; flex-shrink: 1 } .pov-lp-ab .calculations .calc__col.image { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .pov-lp-ab .calculations .calc__col:first-child { -ms-flex-negative: 0; flex-shrink: 0; padding: 15px 0 } .pov-lp-ab .calculations .calc__col img { max-width: 240px; width: 100%; height: auto; margin-left: 20px } .pov-lp-ab .calculations .calc__col .title--top { font-size: 18px; font-weight: 700; padding-top: 5px } .pov-lp-ab .calculations .calc__col .title--price span:first-child { color: #858791; padding-right: 8px; text-decoration: line-through } .pov-lp-ab .calculations .calc__col .title--price span:last-child { color: #ff8615; font-weight: 600; font-size: 20px } .pov-lp-ab .calculations .calc__col .title--final-price { color: #1ca21c; font-size: 24px } .pov-lp-ab .calculations .calc__col .title--final-price strong { display: inline-block } .pov-lp-ab .calculations .lander--button { margin: 0 auto 30px; max-width: 380px } @media (max-width: 1023px) { .pov-lp-ab .calculations .calculations__box { padding: 15px 20px; height: 140px } .pov-lp-ab .calculations .calculations__box .calc__col:last-child { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .pov-lp-ab .calculations .calculations__box .calc__col .title--top { font-size: 16px; padding: 0 } .pov-lp-ab .calculations .calculations__box .calc__col .title--final-price { font-size: 20px } .pov-lp-ab .calculations .calculations__box .calc__col.image { max-width: 45% } .pov-lp-ab .calculations .calculations__box .calc__col img { margin-left: 10px; width: 100% } } @media (max-width: 767px) { .pov-lp-ab .calculations .calculations__boxes { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .pov-lp-ab .calculations .calculations__box { min-width: 380px } .pov-lp-ab .calculations .calculations__box + .calculations__box { margin-top: 15px } } @media (max-width: 425px) { .pov-lp-ab .calculations { padding: 140px 0 0 } .pov-lp-ab .calculations .calculations__boxes { margin-top: 0 } .pov-lp-ab .calculations .calculations__box { min-width: 0; width: 100%; padding: 12px 10px; height: 110px } .pov-lp-ab .calculations .calculations__box .calc__col { -ms-flex-negative: initial; flex-shrink: 1 } .pov-lp-ab .calculations .calculations__box .calc__col:first-child { padding: 0 } .pov-lp-ab .calculations .calculations__box .calc__col img { width: 33vw; margin-left: 0 } } .pov-lp-ab .why__boxes { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px } .pov-lp-ab .why__boxes .why__col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; justify-items: center; position: relative; padding: 0 10px } .pov-lp-ab .why__boxes .why__col .why__number { background: #ff8615; border-radius: 50%; width: 50px; height: 50px; color: #fff; font-size: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 700; margin: 0 auto } .pov-lp-ab .why__boxes .why__col h3 { font-size: 18px; font-weight: 700; text-align: center; padding: 10px 0 20px } .pov-lp-ab .why__boxes .why__col ul { margin: 0 auto; max-width: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .pov-lp-ab .why__boxes .why__col ul li { font-size: 14px; color: #2c2d31; width: 100%; max-width: 300px } .pov-lp-ab .why__boxes .why__col:first-child .why__number:after, .pov-lp-ab .why__boxes .why__col:nth-child(2) .why__number:after { content: ""; position: absolute; max-width: 360px; width: calc(33vw - 75px); height: 24px; left: calc(50% + 32px); background-size: contain; background-repeat: no-repeat } .pov-lp-ab .why__boxes .why__col:first-child .why__number:after { background-image: url(/Content/source/img/ab-testy/line-bottom.svg); top: 36px } .pov-lp-ab .why__boxes .why__col:nth-child(2) .why__number:after { background-image: url(/Content/source/img/ab-testy/line-top.svg); top: 0 } @media (max-width: 767px) { .pov-lp-ab .why__boxes { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .pov-lp-ab .why__boxes .why__col { margin: 0 auto; width: 100%; max-width: 380px; padding: 0 0 0 50px } .pov-lp-ab .why__boxes .why__col h3 { text-align: left; font-size: 16px } .pov-lp-ab .why__boxes .why__col h3 br { display: none } .pov-lp-ab .why__boxes .why__col .why__number { position: absolute; left: 10px; width: 28px; height: 28px; top: 10px; font-size: 18px; z-index: 1 } .pov-lp-ab .why__boxes .why__col .why__number:before { content: ""; background: #fff; position: absolute; height: 5px; width: 100%; bottom: -5px } .pov-lp-ab .why__boxes .why__col .why__number:after { display: none } .pov-lp-ab .why__boxes .why__col h3, .pov-lp-ab .why__boxes .why__col ul { background: #fff; position: relative; z-index: 1 } .pov-lp-ab .why__boxes .why__col:first-child:before, .pov-lp-ab .why__boxes .why__col:nth-child(2):before { content: ""; position: absolute; width: 90px; height: calc(100% + 36px); border-radius: 50%; border: 2px dashed #858791; opacity: .5; top: 0; left: 0 } .pov-lp-ab .why__boxes .why__col:after { content: ""; width: 40px; position: absolute; height: calc(100% - 30px); background: #fff; top: 0; left: 14px; z-index: 0 } .pov-lp-ab .why__boxes .why__col:first-child:before { left: -60px } .pov-lp-ab .why__boxes .why__col:first-child:after { left: -80px; width: 90px; height: calc(100% + 55px) } .pov-lp-ab .why__boxes .why__col ul { margin: initial; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .pov-lp-ab .why__boxes .why__col ul li { width: auto } } .pov-lp-ab .faq-accordion { max-width: 640px; margin: 0 auto; position: relative; z-index: 1; padding-bottom: 10px } .pov-lp-ab .faq-accordion:after, .pov-lp-ab .faq-accordion:before { position: absolute; content: ""; bottom: -54px; z-index: 0; background-repeat: no-repeat } .pov-lp-ab .faq-accordion:before { width: 210px; height: 316px; left: -230px; background-image: url(/Content/source/img/ab-testy/question.svg) } .pov-lp-ab .faq-accordion:after { width: 300px; height: 345px; right: -270px; background-image: url(/Content/source/img/ab-testy/rozcestnik.svg) } .pov-lp-ab .faq-accordion .ui-accordion-header .ui-accordion-header-icon { right: 20px; left: auto; background-image: url(/Content/source/img/ab-testy/arrow.svg); background-position: 0 3px } .pov-lp-ab .faq-accordion .ui-accordion-header .ui-accordion-header-icon.ui-icon-minus { -webkit-transform: rotate(-180deg) translateY(2px); -ms-transform: rotate(-180deg) translateY(2px); transform: rotate(-180deg) translateY(2px) } .pov-lp-ab .faq-accordion .ui-accordion-header { border: none; border-radius: 4px; background: #ededed; font-size: 16px; line-height: 22px; font-weight: 600; padding: 11px 45px 12px 20px; margin-bottom: 10px; -webkit-transition: all .15s ease-in; -o-transition: .15s all ease-in; transition: all .15s ease-in; z-index: 2 } .pov-lp-ab .faq-accordion .ui-accordion-header:hover { background: #cfcfcf; color: #555 } .pov-lp-ab .faq-accordion .ui-accordion-content { border: none; line-height: 22px; font-size: 14px; margin-bottom: 10px; padding: 10px 20px } .pov-lp-ab .faq-accordion--light .ui-accordion-header { background: #fff } .pov-lp-ab .faq-accordion .ui-accordion-content { background: transparent } .pov-lp-ab .faq-accordion .ui-accordion-content a { color: #006db3 } .pov-lp-ab .faq-accordion .ui-accordion-content a:hover { text-decoration: none } @media (max-width: 767px) { .pov-lp-ab .faq-accordion:after, .pov-lp-ab .faq-accordion:before { display: none } } .pov-lp-ab .text-content .lander--button { margin-top: 20px } .pov-lp-ab .documents { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 50px; margin-left: -15px } .pov-lp-ab .documents, .pov-lp-ab .documents__item { display: -webkit-box; display: -ms-flexbox; display: flex } .pov-lp-ab .documents__item { background: #ededed; height: 90px; margin: 0 0 15px 15px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; border-radius: 10px; -webkit-transition: all .15s ease-in; -o-transition: .15s all ease-in; transition: all .15s ease-in } .pov-lp-ab .documents__item:hover { background-color: #cfcfcf } .pov-lp-ab .documents__item a { padding: 0 20px; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #444; font-size: 18px; text-decoration: none; font-weight: 700 } .pov-lp-ab .documents__item.icon a:before { content: ""; width: 40px; height: 40px; background: no-repeat 50%; background-size: contain; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 15px } .pov-lp-ab .documents__item.icon--crash a:before { width: 50px; background-image: url(/Content/source/img/ab-testy/crash.svg) } .pov-lp-ab .documents__item.icon--file a:before { background-image: url(/Content/source/img/ab-testy/file.svg) } .pov-lp-ab .documents__item.icon--download a:before { background-image: url(/Content/source/img/ab-testy/download.svg) } .pov-lp-ab .documents__item.icon--person a:before { background-image: url(/Content/source/img/ab-testy/person.svg) } @media (max-width: 1023px) { .pov-lp-ab .documents { -ms-flex-wrap: wrap; flex-wrap: wrap } .pov-lp-ab .documents__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 15px); flex: 0 0 calc(50% - 15px); height: auto } .pov-lp-ab .documents__item, .pov-lp-ab .documents__item.icon a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .pov-lp-ab .documents__item.icon a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; padding: 15px } .pov-lp-ab .documents__item.icon a:before { margin: 0 0 10px } } @media (max-width: 425px) { .pov-lp-ab .documents__item { height: 140px } .pov-lp-ab .documents__item.icon a { -ms-flex-pack: distribute; justify-content: space-around } } .loader, .loader:after { border-radius: 50%; width: 25px; height: 25px; } .loader { margin: 0 auto; font-size: 10px; top: 5px; right: 10px; position: absolute; text-indent: -9999em; border-top: 2px solid rgba(255, 255, 255, 0.5); border-right: 2px solid rgba(255, 255, 255, 0.5); border-bottom: 2px solid rgba(255, 255, 255, 0.5); border-left: 2px solid #2c2d31; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .ruceni-ab-2 #povstartform { max-width: 660px; } .ruceni-ab-2.forms-content .forms-block__box .form-block__form input, .ruceni-ab-2.forms-content .forms-block__box .form-block__form select { padding: 0.8em } @media (min-width: 440px) { .ruceni-ab-2.forms-content .forms-block__box .form-block__form, .ruceni-ab-2.forms-content .forms-block__box .form-block__form .ab-phone { width: 430px; } .ruceni-ab-2 .input__flex #radio-jine { width: 175px; } .ruceni-ab-2 .forms-block__box .info__container { right: -15px; } } @media only screen and (max-width: 575px) { } .ruceni-ab-2 .forms-block__box #BlockVehicleBrandsNew .form-block__info { top: -40px } .ruceni-ab-2 .multi-info { font-size: 14px; margin-top: 10px; } .form-block__before.multiselect { display: flex; width: 100%; flex: auto; padding: 15px 0; align-items: baseline; } .form-block__multiselect { flex: auto; max-width: 430px; width: 100%; } .form-block__before.multiselect .form-block__text { flex-shrink: 0; } .multiselect .ms-res-item { position: relative; } .multiselect .selectitem { display: flex; justify-content: space-between; } .multiselect .selectitem .choose { color: #006DB3; } .multiselect .selectitem.disabled { width: 100%; background: #D8D8D8; height: 1px; margin: 10px 0; } .multiselect .selectitem.notinlist:before { content: ''; width: 100%; left: 0; height: 1px; background-color: #D8D8D8; position: absolute; top: 0; } #multiselect.has-logo .dropdown-menu .selectitem { padding-left: 30px; position: relative; } #multiselect.has-logo .dropdown-menu .selectitem:before { content: ''; width: 20px; height: 20px; display: inline-block; padding-right: 10px; background-repeat: no-repeat; background-size: 20px; background-position: 0 center; background-color: transparent; position: absolute; left: 0; } .multiselect .dropdown-menu .selectitem.Škoda:before { background: url("/Content/Source/img/icon/skoda.png") no-repeat 0 0; } .multiselect .dropdown-menu .selectitem.Volkswagen:before { background: url("/Content/Source/img/icon/vw.png") no-repeat 0 0; } .multiselect .dropdown-menu .selectitem.Ford:before { background: url("/Content/Source/img/icon/ford.png") no-repeat 0 0 } .multiselect .dropdown-menu .selectitem.Peugeot:before { background: url("/Content/Source/img/icon/peugeot.png") no-repeat 0 0 } .multiselect .dropdown-menu .selectitem.Renault:before { background-image: url("/Content/Source/img/icon/renault.png") } .multiselect .dropdown-menu .selectitem.Citroën:before { background-image: url("/Content/Source/img/icon/citroen.png") } .multiselect .dropdown-menu .selectitem.BMW:before { background-image: url("/Content/Source/img/icon/bmw.png") } .multiselect .dropdown-menu .selectitem.Opel:before { background-image: url("/Content/Source/img/icon/opel.png") } .multiselect .dropdown-menu .selectitem.Audi:before { background-image: url(/Content/Source/img/icon/audi.png) } .multiselect .dropdown-menu .selectitem.Hyundai:before { background-image: url(/Content/Source/img/icon/hyundai.png) } @media only screen and ( max-width: 991px) { .ruceni-ab-2.forms-content .forms-block__box .form-block__text label { max-width: initial; } .form-block__before.multiselect { flex-direction: column; } .form-block__multiselect { padding: 0; } .forms-content .forms-block__box .error-bg:before { background-color: initial; } } .ms-ctn { position: relative; font-size: 14px; border: 2px solid #cacaca; border-radius: 0.3125em; padding: 0; line-height: 40; height: 40px; background: url(/Content/source/img/svg/search_icon.svg) #ededed no-repeat 10px center; } .ms-inv { border: 1px solid #c00 } .ms-ctn-readonly { cursor: pointer } .ms-ctn-disabled { background-color: #eee } .ms-ctn-focus { border-color: #1ca21c; outline: 0; } .ms-ctn input { border: 0; box-shadow: none; -webkit-transition: none; background: none; outline: 0; display: block; padding: 0 20px 0 0; line-height: 1.42857143; margin: 1px 0; width: 100%; height: 34px; } .ms-ctn .ms-sel-ctn input { float: left } .ms-ctn-disabled input { /*cursor: not-allowed;*/ background-color: #eee } .ms-ctn .ms-input-readonly { cursor: pointer } .ms-ctn .ms-empty-text { color: #DDD } .ms-ctn input:focus { border: 0; box-shadow: none; -webkit-transition: none; background: none; } .ms-ctn input::-ms-clear { width: 0; height: 0 } .ms-ctn .ms-trigger { top: 0; width: 25px; height: 100%; position: absolute; right: 0; background: transparent; border-left: 1px solid #CCC; cursor: pointer } .ms-ctn .ms-trigger .ms-trigger-ico { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #333; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; margin-left: 8px; margin-top: 15px } .ms-ctn .ms-trigger:hover { background-color: #e6e6e6 } .ms-ctn .ms-trigger:hover .ms-trigger-ico { background-position: 0 -4px } .ms-ctn-disabled .ms-trigger { cursor: not-allowed; background-color: #eee } .ms-ctn-bootstrap-focus { border-bottom: 1px solid #CCC } .ms-res-ctn { width: 100%; display: block; overflow-y: auto; position: absolute; z-index: 100; background: #fff; left: 0px; top: 37px; border-radius: 0 0 2px 2px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .ms-res-ctn .ms-res-group { line-height: 23px; text-align: left; padding: 2px 5px; font-weight: bold; border-bottom: 1px dotted #CCC; border-top: 1px solid #CCC; background: #f3edff; color: #333 } .ms-res-ctn .ms-res-item { line-height: 20px; text-align: left; padding: 8px 20px; color: #2C2D31; cursor: pointer } .ms-res-ctn .ms-res-item-grouped { padding-left: 15px } .ms-res-ctn .ms-res-odd { background: #fafafa } .ms-res-ctn .ms-res-item-active { background-color: #EDEDED; } .ms-res-ctn .ms-res-item-active .choose { text-decoration: underline; } .ms-res-ctn .ms-res-item-disabled { color: #CCC; cursor: default; padding: 0 20px; } .ms-sel-ctn { overflow: auto; line-height: 18px; padding-right: 25px } .ms-no-trigger .ms-sel-ctn { padding-right: 0 } .ms-sel-ctn .ms-sel-item { background: #f3f3f3; float: left; font-size: 12px; padding: 3px 5px; border-radius: 3px; border: 1px solid #DDD; margin: 3px 0 1px 0 } .ms-sel-ctn .ms-sel-invalid { border-color: #f8a5a5 !important; background: #fdf2f2 !important } .ms-sel-ctn .ms-sel-item:hover { border: 1px solid #BBB } .ms-ctn .ms-sel-item { background: #ffffff; float: left; font-size: 14px; padding: 3px 5px; border-radius: 2px; border: 1px solid #CACACA; flex-shrink: 0; margin: 1px 5px 1px 0 } .ms-ctn-focus .ms-sel-item:hover { border: 1px solid #BBB } .ms-sel-ctn .ms-sel-text { background: #FFF; padding-right: 0; margin-left: 0; font-size: 14px; font-weight: normal } .ms-as-string .ms-sel-text { border-color: transparent } .ms-res-ctn .ms-res-item em { font-weight: bold; font-style: normal; } .ms-sel-ctn .ms-sel-text:hover { background: #FFF } .ms-sel-ctn .ms-sel-item-active { border: 1px solid red; background: #757575 } .ms-stacked .ms-sel-item { float: inherit } .ms-sel-ctn .ms-sel-item .ms-close-btn { width: 7px; cursor: pointer; height: 7px; float: right; margin: 6px 2px 0 10px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAOCAYAAADjXQYbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABSSURBVHjahI7BCQAwCAOTzpThHMHh3Kl9CVos9XckFwQAuPtGuWTWwMwaczKzyHsqg6+5JqMJr28BABHRwmTWQFJjTmYWOU1L4tdck9GE17dnALGAS+kAR/u2AAAAAElFTkSuQmCC); background-position: 0 -7px } .ms-sel-ctn .ms-sel-item .ms-close-btn:hover { background-position: 0 0 } .ms-stacked .ms-sel-item .ms-close-btn { margin-left: 0 } .ms-helper { display: none!important; color: #AAA; font-size: 10px; position: absolute; top: -17px; right: 0 } .ms-ctn.input-lg .ms-trigger .ms-trigger-ico { margin-top: 17px } .ms-ctn.input-sm .ms-trigger .ms-trigger-ico { margin-top: 13px } .ms-ctn.input-lg .ms-sel-ctn .ms-sel-item { padding-top: 2px; padding-bottom: 3px } .ms-ctn.input-sm .ms-sel-ctn { line-height: 15px } .ms-ctn.input-sm .ms-sel-ctn .ms-sel-item { padding-top: 1px; padding-bottom: 1px; margin-top: 0; margin-bottom: 0 } .ms-ctn.input-sm .ms-sel-ctn .ms-sel-item .ms-close-btn { margin-top: 4px } .ms-ctn .ms-sel-ctn { margin-left: 35px; display: flex; align-items: center; -ms-overflow-style: none; scrollbar-width: none; } .ms-ctn .ms-sel-ctn::-webkit-scrollbar { display: none; } .ms-ctn .ms-trigger:hover { width: 24px; right: 1px; border-radius: 0 3px 3px 0 } @media only screen and ( max-width: 425px) { .ms-res-ctn .ms-res-item { padding: 10px; } .multiselect .selectitem .choose { padding-left: 5px; } } .selectCheckbox .dropdown { padding-top: 5px; } .selectCheckbox .dropdown-menu.show { display: block; } .selectCheckbox .dropdown.show .select { border-color: #1ca21c; } .selectCheckbox .dropdown-menu { display: none; position: absolute; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0 0 2px 2px; z-index: 10; padding: 10px 20px; margin-top: 2px; min-width: 225px; } .selectCheckbox .dropdown-menu input[type="checkbox"]{ display: none; } .forms-content .selectCheckbox .form-block input[type=checkbox] + label:before { top: 4px; } .selectCheckbox .form-block__full { margin-bottom: 0; } .form-block__full.bottom-hint .info-inner .info-content { top: auto!important; bottom: 0; } .dropdown .w75 { width: 100%; } .selectCheckbox .select { border: 2px solid #cacaca; border-radius: 0.3125em; padding: 0 20px 0 0.625em; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url(/Content/source/img/select-dark.png); background-repeat: no-repeat; line-height: 35px; background-color: #fff; height: 40px; background-position: top 13px right 10px; background-size: 14px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .selectCheckbox .f-select { background-position: top 13px right 10px; background-size: 14px; } .chart { width: 70px; height: 70px; margin-right: 10px; position: relative; flex-shrink: 0; } .chart svg { width: 100%; height: 100%; transform: rotate(-90deg); transform-origin: 50% 50%; } .chart svg .circle-background, .chart svg .circle-foreground { r: 30px; cx: 50%; cy: 50%; fill: #fff; } .chart svg .circle-foreground { stroke: #006DB3; stroke-width: 5px; stroke-dasharray: 192px 360px; stroke-dashoffset: 600px; } .chart figcaption { display: inline-block; width: 100%; height: 70px; text-align: center; color: #006DB3; position: absolute; top: calc(50% - 12px); left: 0; font-weight: bold; } .calculationBanner--percentage { background-image: none; padding: 10px 20px; display: flex; align-items: center; } .calculationBanner--percentage h3 { padding: 0; font-size: 20px; color: #006DB3; font-weight: 700; } .calculationBanner--percentage p { font-size: 14px; color: #474747; font-weight: 400; } .calculationBanner .button--label { background: url("/Content/source/img/svg/tag.svg") no-repeat 30px center #006DB3; background-size: 14px ; color: #fff; border-radius: 5px; height: 40px; line-height: 40px; padding: 0 30px 0 54px; font-size: 14px; font-weight: 700; margin-left: 40px; text-decoration: none; } .forms-content .forms-block__box .form-block__form input.serchInput { padding-left: 40px; background: url(/Content/source/img/svg/search_icon.svg) #ededed no-repeat 10px center; } .dropdown-small { max-height: 450px; height: auto; overflow-y: scroll; } /*SPZ - AB*/ .form-block--spz .sub-l { font-size: 12px; display: block; color: #7F7F7F; line-height: 1.2; float: left; padding-right: 20px; margin-top: -5px; } @media only screen and (max-width: 991px) { .form-block--spz .form-block__text { width: 100%!important; } .form-block--spz .form-block__text .sub-l { display: none; position: absolute; right: 0; padding: 0; max-width: 50%; text-align: right; font-size: 11px; margin-top: 0; } } .spz-input { display: flex; margin-bottom: 10px; } .spz-input button { flex-shrink: 0; } .spz__search-button { border: none; outline: none; background-color: #006db3; display: block; color: #fff; position: relative; z-index: 2; padding: 0 25px 0 12px; border-radius: 0 4px 4px 0; margin-left: -4px; transition: all 150ms ease-in; } .spz__search-button:hover { background-color: #0064a0; } .spz__search-button:after { content: ''; background: url(/Content/source/img/svg/ico-right-purple.svg) no-repeat 0 center; position: absolute; right: 10px; top: 0; width: 7px; height: 100%; background-size: contain; } .spz__search-button.isLoading { background-color: #7f7f7f; color: #adb0b3; transition: none; } .spz__search-button { transition: all 150ms linear; } .spz__search-button[disabled] { background-color: #adb0b3; cursor: initial; } #PageModel_RegistrationNumber { transition: all 150ms linear; } #PageModel_RegistrationNumber[disabled] { opacity: 0.6; } .spz__search-button.isLoading:after { margin: 0 auto; font-size: 10px; top: calc(50% - 13px); right: calc(50% - 13px); position: absolute; text-indent: -9999em; border-top: 3px solid rgba(255, 255, 255, 0.4); border-right: 3px solid rgba(255, 255, 255, 0.4); border-bottom: 3px solid rgba(255, 255, 255, 0.4); border-left: 3px solid #fff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.5s infinite linear; animation: load8 1.1s infinite linear; background: transparent; width: 20px; height: 20px; border-radius: 50%; } .spz__info { font-size: 14px; line-height: 1.3; margin-bottom: 15px; } .spz__info .success { color: #61B500; margin-bottom: 5px; } .spz__info--main { display: flex; } #PovDataCheckPopup { max-width: 640px; } #PovDataCheckPopup .forms-content .forms-block__box .form-block__before { text-align: left; } #PovDataCheckPopup .forms-content .forms-block__box .form-block__form { width: 240px; } #PovDataCheckPopup .forms-content .forms-block__box .form-block__text { width: 200px; } #PovDataCheckPopup .forms-block__box .info__container { position: absolute; padding: 0; margin: 1px 0 0 5px; line-height: 2.8125em; height: 2.8125em; } #PovDataCheckPopup .forms-block__box .info__container .info { background: #ffffff; color: #797979; border: 1px solid #797979; width: 20px; height: 20px; line-height: 17px; font-size: 14px; font-weight: 600; } #PovDataCheckPopup .forms-content .forms-block__box .form-block__text label { line-height: 1.2; max-width: 200px; } #PovDataCheckPopup .forms-content .forms-block__box .form-block__text label+ .red { display: none; } #PovDataCheckPopup h4 { padding: 0; margin: 0 0 30px 0; color: #2C2D31; text-align: center; font-size: 20px; font-weight: 600; } #PovDataCheckPopup .forms-block__box { border: none; } #PovDataCheckPopup .form-info { color: #797979; margin-bottom: 10px; top: -10px; position: relative; } #PovDataCheckPopup .popupFooter { margin: 20px auto 0 auto; max-width: 160px; text-align: center; } #PovDataCheckPopup .error-p { display: inline-block; } @media screen and (min-width: 768px) { #PovDataCheckPopup .forms-block__box { padding: 0 50px; } } @media screen and (max-width: 1100px) { .selectCheckbox > .cell.w25 { width: 50%; margin-bottom: 10px; } .infoboxCar__povruc { padding-left: 20px; } } @media screen and (max-width: 768px) { .infoboxCar__povruc { padding: 0; border: 0; } .calculationBanner .button--label { margin: 10px 0 0 0; display: flex; } .calculationBanner--percentage { flex-direction: column; text-align: center; } } @media screen and (max-width: 500px) { .selectCheckbox > .cell.w25 { width: 100%; } .selectCheckbox .dropdown-menu { width: calc(100vw - 20px); } .forms-content .selectCheckbox .form-block input[type=checkbox] + label { line-height: 32px; } } .filters-container { display: flex; gap: 40px; } .filters-container__left { width: 340px; flex-shrink: 0; } .filters-container__left .info { background: none; border: 1px solid #797979; color: #797979; height: 20px; line-height: 17px; width: 20px; font-size: 12px; } .filters-container__left .info-container + .info-inner { position: relative; } .filters-container__left .info-container + .info-inner.active { display: block; } .filters-box { background: #EDEDED; padding: 20px; border-radius: 4px; width: 345px; } .filters-button-mob + .filters-box { margin-top: 20px; } .filters-box__title { display: flex; justify-content: space-between; align-items: baseline; } .filters-box h3 { font-size: 24px; padding: 0 0 20px; margin: 0; line-height: 33px; } .filters-box h4 { font-size: 20px; padding: 0; margin: 0 0 10px; line-height: 27px; } .filters-info-block__row { font-size: 14px; line-height: 1.3; padding: 3px 0 0 20px; } .filters-info-block__row + .filters-info-block__row { margin-top: 7px; } .filters-info-block__row--map { background: url(/Content/source/img/svg/icon-map-marker-green.svg) 0 3px no-repeat; background-size: 14px; } .filters-info-block__row--calendar { background: url(/Content/source/img/svg/icon-calendar-green.svg) 0 3px no-repeat; background-size: 14px; } .filters-box__divider { margin: 10px 0 20px 0; width: 100%; height: 2px; background-color: #CACACA; } .filters-box-title-icon { font-size: 14px; color: #006DB3; text-decoration: underline; } .filters-box-title-icon:hover { text-decoration: none; } .filters-box-title-icon--edit { padding-left: 17px; background: url(/Content/source/img/svg/icon-pen.svg) 0px 5px no-repeat; background-size: 14px; text-decoration: none; } .filters-box-title-icon--edit:hover { text-decoration: underline; } .filters-box input[type=radio] + label:before { content: ''; width: 18px; height: 18px; background: #fff; border: 2px solid #1CA21C; border-radius: 50%; top: 0 } .filters-box input[type=checkbox] + label:before { width: 18px!important; height: 18px!important; background-size: 15px!important; } .filters-box input[type=radio]:checked + label:after, .filters-box input[type=radio]:checked + label:after { content: ''; position: absolute; top: 7px; left: 7px; width: 8px; height: 8px; background-color: #1CA21C; border-radius: 50%; } .filters-box input[type=radio]:checked + label:before { background-color: #EDF8ED; } .filters-box input[type=checkbox]:checked:disabled+ label:before { border-color: #CACACA; background-color: #fff; } .filters-box input[type=checkbox] + label, .filters-box input[type=radio] + label { padding-left: 34px; line-height: 24px; margin-bottom: 20px; cursor: pointer; } .filters-container__list .package-row { display: flex; top: initial; position: relative; font-size: 14px; padding: 10px 0 15px; } .filters-container__list .virus-label__wrapper { position: relative; display: inline-block; top: initial; left: initial; } .filters-container__list .package-text { margin-right: 10px; text-align: left; } .filters-container__list .list-item { padding: 0 20px; } .filters-container__list .list-item-doporucujeme { background: #fff; } .filters-container__list .list-span { font-weight: normal; font-size: 14px; } .filters-container__list .list-inner, .filters-container__list .list .row .cell { padding: 0; flex-shrink: 0; } .filters-container__list .list .row { display: flex; width: 100%; flex: 1; margin: 0; } .filters-container__list .list-content > .list-item > .row { padding-top: 17px; align-items: center; } .filters-container__list .list .row .cell { text-align: left; } .filters-container__list .sticky-header .list-header2 { padding: 0 20px!important; } .filters-container__list .sticky-header-text { text-align: left; font-size: 14px!important; text-transform: initial!important; padding: 12px 0; color: #474747!important; } .filters-container__list .list .list-content .list-content .list-item > .row > .cell:nth-child(1), .filters-container__list .list .list-header2 > .row > .cell:nth-child(1) { width: 125px; } .filters-container__list .list .list-content .list-content .list-item > .row > .cell:nth-child(2), .filters-container__list .list .list-header2 > .row > .cell:nth-child(2), .filters-container__list .list .list-content .list-content .list-item > .row > .cell:nth-child(3), .filters-container__list .list .list-header2 > .row > .cell:nth-child(3), .filters-container__list .list .list-content .list-content .list-item > .row > .cell:nth-child(4), .filters-container__list .list .list-header2 > .row > .cell:nth-child(4) { width: 140px; } .filters-container__list .list .list-content .list-content .list-item > .row > .cell:nth-child(5), .filters-container__list .list .list-header2 > .row > .cell:nth-child(5) { width: 110px; } .filters-container__list .list .list-content .list-content .list-item > .row > .cell:nth-child(7) { flex: 1; } .list-actions { display: flex; justify-content: flex-end } .list-actions .list-button { padding: 12px 20px; } .filters-container__list .list-price { color: #1CA21C; margin: 0 20px 0 0; font-size: 24px; } .filters-container__list .list-bottom { position: relative; width: calc(100% + 2.54em); margin: 8px 0 0 -1.28em; top: 0.02em; } .filters-container__list .list-item { background: #fff; border-color: #DFE2F4; } .filters-container__list .RecomendationBorderColorClassBlue { border-color: #3688C3!important; } .filters-container__list .RecomendationTextColorClassBlue { background-color: #007EC4!important; } .filters-container__list .list-bottom-text2 { color: #474747; width: 100%; padding: 13px 20px 5px 20px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; font-weight: 400; } .filters-container__list .list-bottom-text2 .list-bottom-inner { color: #fff; } .filters-container__list .list-bottom-text { position: absolute; left: 0; top: -12px; padding: 0px 11px 0 21px; height: 24px; line-height: 24px; font-size: 14px; font-weight: normal; background: #201C46!important; width: auto; } .filters-container__list .list-bottom-text:before { border-left: 12px solid #201C46 !important; border-top: 12px solid transparent; border-bottom: 12px solid transparent; right: -12px; } .filters-container__list .list-inner img { max-width: 110px; } .filters-container__list .list-button-detail { background-color: transparent; color: #3688C3; position: absolute; top: 40px; padding-top: 5px; z-index: 2; padding-right: 30px; } .filters-container__list .list-button-detail:before { background-image: url(/Content/source/img/svg/icon-more.svg); background-size: 13px; top: -2px; transform: rotate(0deg); } .filters-container__list .list-button-detail.is-open:before { transform: rotate(180deg); } .filters-container__list .list-nocheck { padding: 0; background-size: 12px; margin: 0; background-position: 2px center; } .filters-container__list .list-bottom-inner { padding: 5px 0; } .filters-button-mob { display: none; color: #fff; background-color: #006DB3; margin: 20px 0 0; padding: 10px 30px; border-radius: 8px; float: right; } .filters-button-mob .filter-icon { background: url(/Content/source/img/svg/icon-filter-white.svg) center center; display: inline-block; width: 15px; height: 15px; margin-left: 5px; top: 1px; position: relative; } .list-cell-title { display: none; } .filters-box .close-btn { display: none; } .filters-box #cancelTripBlock { padding: 0 20px 20px 34px; font-size: 14px; margin-top: -10px; } .filters-box #cancelTripBlock label { font-weight: bold; } .filters-box #cancelTripBlock .f-input { height: 40px; font-size: 14px; width: 100%; } .filters-box #cancelTripBlock .f-input + .suffix { position: absolute; right: 10px; top: 6px; } .filters-box .f-input-icon { background: url(/Content/source/img/svg/icon-calendar-green.svg) 0 center no-repeat; background-size: 14px; } .filters-box #buttonRecalculate:before, .filters-box #buttonRecalculate:after { content: none; } .filters-box #buttonRecalculate { width: 100%; height: 40px; line-height: 40px; text-align: center; text-transform: none; } .filters-box--mobile.is-open .filters-box__wrapper { width: 100%; max-width: 340px; z-index: 50; position: relative; background: #EDEDED; float: right; overflow: hidden; height: 100%; padding: 60px 0px; right: -340px; } .filters-box--mobile.is-open { position: fixed; z-index: 10000; top: 0; right: 0; border-radius: 0; width: 100%; height: 100%; padding: 0; background: transparent; margin-top: 0; } .filters-box--mobile.is-open.filters-box input[type=checkbox] + label, .filters-box input[type=radio] + label { margin-bottom: 18px; } .filters-box--mobile.is-open .close-btn { position: absolute; top: 25px; right: 25px; width: 18px; height: 18px; display: block; cursor: pointer; } .filters-box--mobile .close-btn:before, .filters-box--mobile .close-btn:after { content: ' '; position: absolute; left: 10px; height: 20px; width: 2px; background-color: #000; } .filters-box--mobile .close-btn:before { transform: rotate(45deg); } .filters-box--mobile .close-btn:after { transform: rotate(-45deg); } .filters-box--mobile.is-open .overlay { position: absolute; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 49; background: rgba(0,0,0,0.5); } .filters-box--mobile:not(.is-open).fixed { position: fixed; top: 40px; width: 345px; z-index: 1; } .filters-container__left form { height: 100%; } .filters-box--mobile.is-open .filters-box__body { overflow-y: auto; padding: 20px 0 80px 20px; height: calc(100vh - 120px); } .filters-box__body { position: relative; } .filters-box__footer, .filters-box__header, .filters-container__left .ui-spinner { display: none; } .filters-box--mobile.is-open .filters-box__header { position: absolute; top: 0; right: 0; padding: 0 20px; display: flex; width: 340px; background: #CACACA; height: 60px; align-items: center; z-index: 10; } .filters-box--mobile.is-open .filters-box__header h3 { padding: 0; } .filters-box--mobile.is-open .filters-box__footer { position: fixed; bottom: 0; right: -340px; background: #CACACA; width: 100%; max-width: 340px; padding: 20px; display: flex; justify-content: space-between; font-weight: bold; line-height: 19px; align-items: center; z-index: 1000000; } .filters-box--mobile.is-open .filters-box__footer .button--detail { color: #ffffff; background: #FF8615; font-size: 14px; padding: 10px 25px; border-radius: 8px; cursor: pointer; } .filters-box__footer .button--delete { color: #006DB3; cursor: pointer; } .filters-box__footer .button--delete span { font-weight: normal; } .filters-box__footer, .filters-box__header { display: none; } footer.sticky { position: sticky; } #TripPayDateBlock_ { position: relative; } @media screen and (max-width: 1310px) { .filters-container { gap: 20px } } @media screen and (min-width: 1291px) { .filters-container__left .info-container + .info-inner { position: absolute; right: -165px } .filters-container__left .info-container + .info-inner .info-content { left: auto; top: -45px; -webkit-transform: translateX(0); transform: translateX(0); right: inherit; } } @media screen and (max-width: 1290px) { .filters-container { flex-direction: column; max-width: 900px; margin: 0 auto; } .filters-box--mobile { display: none; } .filters-container__left { width: 100%; } .filters-box--info { width: 100%; } .filters-button-mob { display: inline-block; cursor: pointer; } .filters-container__left .info-container + .info-inner .info-content { left: 0; width: calc(100% - 20px); position: relative; top: -10px; } .filters-container__left .form-block__full.bottom-hint .info-container + .info-inner .info-content { top: -10px!important; } .filters-container__list #GeneralOverlayInfoFrame, .filters-container__list #GeneralOverlayInfo { z-index: 10000; position: fixed; top: 0; } .filters-container__list #GeneralOverlayInfo > p { margin-top: 50vh!important; } } @media screen and (max-width: 991px) { .filters-container .list-item .row-list2 .cell:nth-child(3), .filters-container .list .list-header2 .cell:nth-child(3) { display: flex; } .filters-container__list .list .list-content .list-content .list-item > .row > .cell:nth-child(2), .filters-container__list .list .list-header2 > .row > .cell:nth-child(2), .filters-container__list .list .list-content .list-content .list-item > .row > .cell:nth-child(3), .filters-container__list .list .list-header2 > .row > .cell:nth-child(3), .filters-container__list .list .list-content .list-content .list-item > .row > .cell:nth-child(4), .filters-container__list .list .list-header2 > .row > .cell:nth-child(4) { width: 135px; } } @media screen and (max-width: 910px) { .list-cell-title { display: flex; } .filters-container__list .list-content > .list-item > .row { flex-direction: column; } .filters-container__list .list-content .cell--limit { display: flex; width: 100%!important; flex: 1; justify-content: space-between; margin-bottom: 8px; } .filters-container__list .list-content .list-cell-title { width: 50%; font-weight: bold; font-size: 14px; } .filters-container__list .list-content .list-cell-title + .list-inner { text-align: right; width: 50%; } .filters-container__list .list-content .cell--logo { width: 100%!important; margin-bottom: 60px!important; height: 50px; } .filters-container__list .list-content .cell--price { position: absolute; right: 0; top: 20px; } .filters-container__list .list-content .cell--price .list-price { text-align: right; margin: 0; } .filters-container__list .package-row { position: absolute; top: 65px; } .filters-container__list .list-nocheck { width: 15px; float: right; } .filters-container__list .list-button-detail { position: relative; top: auto; } .filters-container__list .list-actions { flex-direction: column; } .filters-container__list .list-header2 .cell:nth-child(2), .filters-container__list .list-header2 .cell:nth-child(3), .filters-container__list .list-header2 .cell:nth-child(4), .filters-container__list .list-header2 .cell:nth-child(5), .filters-container__list .list-header2 .cell:nth-child(7){ display: none!important; } .filters-container__list .list-header2 .cell:nth-child(6) { display: flex!important; text-align: right; flex: 0; margin-right: 20px; } .filters-container__list .list-header2 .cell:nth-child(1) { flex: 1; margin-left: 20px; } } @media screen and (max-width: 768px) { .filters-button-mob { width: 100%; text-align: center; } .filters-container__list .list-button { width: 100%; } .filters-container__list .list-button-detail { margin: 5px auto 10px auto; left: 0; width: 100px; } .filters-container__list .list-detail > .row { display: flex; flex-direction: column; } .filters-container__list .list-detail > .row > [class*="w"] { width: 100%; } } @media screen and (max-width: 650px) { .filters-container__list .list-button-detail { text-align: center; font-size: 14px; } .filters-container__list .package-row { width: calc(100vw - 60px); } .filters-container__list .list-detail > .row > .cell > .row { flex-direction: column; } .filters-container__list .list-detail { padding: 15px 0; } .filters-container__list .list-detail .ul-icon-li { background-size: 30px; padding-left: 40px; } .filters-container__list .list-detail .ul-icon-li.ul-icon-li-telefon { background-size: 20px; } } @media screen and (max-width: 575px) { .filters-container__list .list-actions .setvariant { width: calc(100vw - 80px); margin-top: 10px; font-size: 14px; text-align: center; } } .filters-container__left input[type=number]::-webkit-outer-spin-button, .filters-container__left input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .filters-container__left input[type=number] { -moz-appearance:textfield; } .top-text { font-size: 36px !important; font-weight: 700 !important; line-height: 49px !important; margin-bottom: 13px; padding-top: 10px; padding-left: 0 !important; } .qr-code .container { max-width: 947px; width: 100%; display: flex; justify-content: space-between; gap: 40px; font-family: 'Poppins'; } .get-qr-code { display: none; width: 100%; text-align: center; margin-top: 10px; font-size: 16px; font-weight: 400; line-height: 22px; color: #007DC3; text-decoration: none; } .qr-code .container:after { display: none; } .qr-code .left-block { padding-bottom: 20px; } .qr-code .right-block { width: 287px; flex-shrink: 0; } .qr-code .left-block .top-part { margin-bottom: 23px; } .qr-code .left-block .top-part h2 { font-size: 36px; font-weight: 700; line-height: 49px; margin-top: 40px; margin-bottom: 10px; color: #36454F; } .qr-code .left-block .top-part p { font-size: 16px; font-weight: 500; line-height: 22px; color: #474747; } .qr-code .left-block .bottom-part { border-radius: 4px; padding: 20px; display: flex; flex-wrap: wrap; column-gap: 30px; border: 1px solid #DFE2F4; } .qr-code .left-block .bottom-part .title { font-size: 18px; font-weight: 700; line-height: 25px; width: 100%; margin-bottom: 15px; } .qr-code .left-block .bottom-part .values { display: flex; flex-direction: column; gap: 15px; flex: 1; } .qr-code .left-block .bottom-part .values .flex-row .text { font-size: 16px; font-weight: 400; line-height: 22px; } .qr-code .left-block .bottom-part .values .flex-row .value { font-size: 16px; font-weight: 700; line-height: 22px; } .qr-code .pay-button { font-size: 14px; font-weight: 700; color: #FFFFFF; padding: 10px 20px 10px 20px; background-color: #FF8615; width: fit-content; border-radius: 5px; transition: background .2s; cursor: pointer; text-decoration: none; display: block; margin-bottom: 32px; } .qr-code .pay-button::after { content: url("/Content/Source/img/svg/ico-23.svg"); margin: 0px 4px 0px 11px; text-decoration: none; height: 12px; display: inline-block; width: 7px; } .qr-code .pay-button:hover { background-color: #e1854c; transition: background .2s; } .qr-code .left-block .bottom-part .qr-code-container { width: 130px; height: 130px; background-color: #FFFFFF; border: solid 1px #CACACA; border-radius: 4px; } .qr-code .right-block .top-part { background-color: #EDEDED; border-radius: 4px; padding: 20px; display: flex; flex-wrap: wrap; column-gap: 30px; margin-top: 62px; flex-direction: column; } .qr-code .right-block .top-part .title { font-size: 18px; font-weight: 700; line-height: 25px; color: #36454F; margin-bottom: 20px; } .qr-code .right-block .top-part .typ1, .qr-code .right-block .top-part .product { font-size: 14px; font-weight: 400; line-height: 19px; color: #36454F; margin-bottom: 20px; align-self: center; } .qr-code .right-block .top-part img { margin-bottom: 20px; } .qr-code .left-block .bottom-part .qr-code-container img{ margin-top: 1px; margin-left: 1px; } .qr-code .right-block .top-part .typ2 { font-size: 14px; font-weight: 400; line-height: 19px; color: #899499; } .qr-code .right-block .top-part .flex-row .value, .qr-code .right-block .top-part .flex-row .text { font-size: 16px; font-weight: 700; line-height: 22px; color: #36454F; } .qr-code .download-part { margin-top: 20px; margin-bottom: 100px; } .qr-code .download-part .title { font-size: 18px; font-weight: 700; line-height: 25px; color: #474747; } .qr-code .download-part ul li a { font-family: Poppins; font-size: 16px !important; font-weight: 400 !important; line-height: 24px !important; color: #474747; text-decoration: none; } .qr-code .download-part li { margin-top: 10px; } .qr-code .left-block .download-part { margin-bottom: 56px; } .qr-code .left-block .continue_button { margin-bottom: 100px; } .folder-icon { display: inline-block; width: 20px; height: 20px; margin-right: 10px; background-image: url(/Content/source/img/svg/file-pdf.svg); flex-grow: 0; background-size: 24px 21px; flex-shrink: 0; margin-top: 1px; } .qr-code .right-block .top-part ul { margin-bottom: 20px; } .qr-code .right-block .top-part li p { margin-bottom: 3px !important; } .qr-code .right-block .top-part li p:first-letter { text-transform: uppercase } .qr-code .right-block .bottom-part ul li a:hover{ text-decoration: underline !important; } .qr-code .flex-row-2 { display: flex; } @media only screen and (max-width: 900px) { .qr-code .container { flex-wrap: wrap; } .qr-code .right-block { flex-grow: 1; } } @media only screen and (max-width: 576px) { .qr-code .container { padding-left: 15px; padding-right: 15px; } .qr-code .left-block .top-part h2 { font-size: 24px; margin-top: 20px; } .qr-code .left-block .top-part { margin-bottom: 30px; } .qr-code .left-block .bottom-part .values { width: 100%; flex: unset; } .qr-code .pay-button { width: 100%; text-align: center; margin-bottom: 30px; } .qr-code .left-block .bottom-part .qr-code-container { margin-left: auto; margin-right: auto; margin-top: 15px; } .qr-code .right-block .top-part { margin-top: 20px; } .qr-code .right-block .bottom-part { margin-bottom: 72px; } .top-text span { font-size: 24px !important; font-weight: 700 !important; line-height: 33px !important; margin-bottom: 19px; padding-top: 10px; padding-left: 0 !important; } .get-qr-code { display: block; } } .t-datepicker .speech-bubble { position: absolute; background: #474747; border-radius: .4em; top: -70%; width: 220px; left: -185%; color: white; font-size: 12px; padding: 5px; z-index: 11000; } .t-datepicker .speech-bubble:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 10px solid transparent; border-top-color: #474747; border-bottom: 0; margin-left: -10px; margin-bottom: -10px; top: 100%; } .t-check-in, .t-check-out, .t-datepicker { display: inline-block; position: relative; float: left } .t-datepicker { clear: both; width: 100%; font-size: 14px; line-height: 1.4em; display: flex; gap: 10px; } .t-datepicker > div > label { font-size: 14px; color: #858791; margin-bottom: 2px; } .t-datepicker > div { flex: 1; flex-shrink: 0; display: flex; flex-direction: column; } .t-check-in, .t-check-out { border-width: 1px; border-style: solid; width: 50%; box-sizing: border-box } .t-check-in .t-date-info-title, .t-check-out .t-date-info-title { position: absolute; top: 12px; left: 33px; display: block; font-weight: 400; opacity: .5; font-size: 13px; cursor: pointer } .t-check-in .fa, .t-check-out .fa { top: -1px; position: relative } .t-check-in { border-right-width: 1px; border-radius: 4px 0 0 4px } .t-picker-only { border-radius: 4px; width: 100% } .t-check-out { border-left-width: 0; border-radius: 0 4px 4px 0 } .t-check-out .t-datepicker-day { left: calc(-100% - 14px) } .t-arrow-top { top: 32px; z-index: 9999 } .t-dates { padding: 10px; height: 40px; box-sizing: border-box; } .t-dates .calendar-icon { background: url("/Content/source/img/svg/calendar.png") no-repeat center right; width: 100%; height: 20px; background-size: 15px; display: block; flex: 1; } .t-datepicker-day { border-width: 1px; border-style: solid; top: 51px; position: absolute; z-index: 9998; padding: 10px 0; border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, .2) } .t-table-wrap { width: 100%; padding: 0; font-size: inherit; display: inline-block; vertical-align: top } .t-datepicker-days { width: 650px } .t-datepicker-days .t-table-wrap { padding: 0; width: 47%; margin-left: 2% } @media (max-width: 480px) { .t-datepicker-days { width: 300px } .t-datepicker-days .t-table-wrap { margin-left: 0; width: 100%; padding: 0 10px } } @media (max-width: 320px) { .t-datepicker-days { width: 290px } .t-datepicker-days .t-table-wrap { padding: 0 5px } } .t-table-condensed { width: 100%; border-spacing: 0; border-collapse: collapse; vertical-align: top } .t-next, .t-prev, .t-table-condensed td, .t-table-condensed th { text-align: center; padding: 21px 11px 6px 11px; position: relative; border: 2px; font-size: 14px; } .t-table-condensed thead tr:last-child { color: #CACACA; text-transform: uppercase; } .t-table-condensed .t-end:after, .t-table-condensed .t-start:after { left: 2px; bottom: 2px; width: calc(100% - 4px); height: calc(100% - 15px); } .t-next:after, .t-prev:after, .t-table-condensed td:after, .t-table-condensed th:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: calc(100% - 19px); z-index: -1; } .t-end, .t-end-limit, .t-start { border: 2px solid; border-radius: 4px; } .t-date-title { clear: both; width: 100%; text-align: center; display: inline-block; margin: 0; padding: 15px 0 10px } .t-arrow { border: none } .t-today { border-radius: 4px; } .t-arrow, .t-dates, .t-day, .t-end, .t-end-limit, .t-range, .t-start { cursor: pointer } .t-special-day { position: relative } .t-special-day:before { height: 3px; width: 3px; top: 0; right: 0; position: absolute; display: block; border-width: 3px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .t-hover-day { position: relative } .t-hover-day-content { top: 0px; width: 100%; left: 0; position: absolute; font-size: 10px; line-height: 18px; z-index: 99; } .start-content { top: 0px; width: 100%; left: 0; position: absolute; font-size: 10px; line-height: 18px; z-index: 999; } .end-content { top: 0px; width: 100%; left: 0; position: absolute; font-size: 10px; line-height: 18px; z-index: 999; } .start-content-hover { top: 0px; width: 100%; left: 0; position: absolute; font-size: 10px; line-height: 18px; border-radius: 4px 4px 0 0; z-index: 9999; color: #ffffff; } .end-content-hover { top: 0px; width: 100%; left: 0; position: absolute; font-size: 10px; line-height: 18px; border-radius: 4px 4px 0 0; z-index: 9999; color: #ffffff; } span.end-content ~ span.start-content, span.start-content ~ span.end-content-hover { top: -16px; } span.end-content ~ span.start-content-hover { top: -16px; } /*span.end-content-hover ~ span.start-content-hover { top: -16px; } */ span.end-content-hover ~ span.start-content { top: -16px; } .t-day:not(.t-today) .t-hover-day-content, .t-range .t-hover-day-content { display: none; } .t-hover-day:hover .t-hover-day-content{ display: block; } .t-today .t-hover-day-content { z-index: 99 } .t-check-in .t-end-limit, .t-disabled > .t-day-number { opacity: .25; cursor: default; } .t-check-in, .t-check-out { border-color: #ededed } .t-check-in, .t-check-out { border: 2px solid #cacaca; background-color: #ededed; border-radius: 0.3125em; width: 100%; } .t-check-in:hover, .t-check-out:hover { border-color: #1CA21C; } .t-date-title { color: #e91e63 } .t-special-day:before { border-color: #e91e63 #e91e63 transparent transparent } .t-datepicker-day { border-color: #ededed; background: #fff } .t-day, .t-disabled, .t-end, .t-range, .t-start { background: #fff; } .t-end, .t-range, .t-start { z-index: 0; } .t-disabled { background: 0 0 } .t-highlighted.t-disabled { background: #fafafa } .t-end:before, .t-end-limit, .t-start:before { content: ''; position: absolute; top: 0; left: 0; border-radius: 4px; } td:hover.t-end, td:hover.t-end-limit, td:hover.t-start { box-shadow: 0 0 0 2px inset #1CA21C; } .t-range, .t-range-limit { color: #000 } .t-range:after { background: #EDEDED; } .t-range-limit:after { background: #EDEDED } .start-content { background: #797979 !important; color: #fff; border-radius: 4px 4px 0 0; } .end-content { background: #797979; color: #fff; border-radius: 4px 4px 0 0; } .t-hover-day { background: rgba(28, 162, 28, 0.1) !important; box-shadow: 0 0 0 2px inset #1CA21C; border-radius: 4px; } .t-hover-day:after { background: transparent; } .t-hover-day:not(.t-today) .t-hover-day-content { background: #1CA21C; color: #fff !important; } .t-hover-day .start-content, .t-hover-day:not(.t-today) .start-content-hover { background: #1CA21C; color: #fff !important; } .t-hover-day .start-content, .t-hover-day:not(.t-today) .end-content-hover { background: #1CA21C; color: #fff !important; } .t-today { background: rgba(2, 148, 102, 0.1); } .t-end, .t-start { box-shadow: 0 0 0 2px inset #797979; } .t-today, .t-today .t-hover-day-content { color: #1CA21C; } .t-today::after { border-top-color: #aeaeae } .t-today:hover::after { border-top-color: #66BB6A } .t-end.t-today, .t-start.t-today { color: #000 } .t-start:after, .t-end { background: #EDEDED; } .t-end.t-today, .t-end.t-today .t-hover-day-content, .t-start.t-today, .t-start.t-today .t-hover-day-content { background: #54b359 } .t-today .start-content-hover, .t-today .end-content-hover { background: #54b359 } .t-end.t-today::after, .t-start.t-today::after { border-top-color: #54b359 } .t-next, .t-prev { color: #1CA21C; } @media screen and (min-width: 600px) { .t-next, .t-prev, .t-table-condensed td, .t-table-condensed th { padding: 25px 14px 6px 14px; } .t-next, .t-prev, .t-table-condensed td { font-size: 16px; } } .date-pickers { display: flex; gap: 10px; margin-top: -10px; } .date-pickers label { font-size: 14px; color: #858791; margin-bottom: 2px; line-height: 1; } .date-pickers .calendar-icon input { background: url(/Content/source/img/svg/calendar.png) no-repeat 97% 50%; background-size: 17px; position: relative; top: -5px; } .button-main { font-size: 16px; color: #fff; text-decoration: none; height: 50px; line-height: 50px; display: inline-block; background-color: rgba(249, 154, 52, 1); } .button-main:hover { background-color: rgba(249, 154, 52, 0.8); } .button-main { border-radius: 50px; font-weight: 600; padding-left: 2.5rem; padding-right: 2.5rem; text-align: center; color: #fff; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .flip-arrow { transform: rotate3d(0, 1, 0, -180deg); } .flip-vertical { transform: rotate3d(1, 0, 0, -180deg); } .rotate-arrow { transform: rotate3d(0, 0, 1, -30deg); } @media screen and (max-width: 320px) { .button-main { padding-left: 0.75rem; padding-right: 0.75rem; } } .icon { height: 50px; margin: auto; } @media (min-width: 640px) { .icon { margin: 0; } } .icon-grid .icons > div { margin-top: 1.25rem; } @media (min-width: 640px) { .icon-grid .icons > div { margin: 0; } } .icon-grid h3 { padding: 10px 0; text-align: center; } @media (min-width: 640px) { .icon-grid h3 { text-align: left; } } .rounded-box { background-color: #fff; border-radius: 34px; padding: 1.5rem; box-shadow: rgba(44, 45, 49, 0.14) 0 1px 30px; } .client-stories { padding: 30px 0; position: relative; width: calc(100% + 24px); top: -30px; left: -12px; } .client-stories .rounded-box { box-shadow: rgba(44, 45, 49, 0.14) 0 1px 14px; } .client-stories .slick-slide { padding: 24px; margin-left: -12px; margin-right: -12px; } .sjednani { display: flex; flex-direction: column; align-items: center; padding-left: 1.25rem; padding-right: 1.25rem; position: relative; text-align: center; } .client-stories .rounded-box { min-height: 200px; } .client-stories .slick-list { padding: 0 5px; margin-left: -7px; } .slick-dots { bottom: 30px; } .slick-next:after, .slick-next:before, .slick-prev:after, .slick-prev:before { background-repeat: no-repeat; } .client-stories .slick-prev { left: -50px; } .client-stories .slick-next { right: -50px; } @media screen and (max-width: 1467px) { .client-stories .slick-arrow { display: none !important; } .client-stories { width: 100%; left: 0; } } @media screen and (max-width: 767px) { .sjednani { align-items: flex-start; margin-bottom: 1.75rem; padding-left: 4rem; position: relative; text-align: left; } .sjednani h3 { padding-top: 0; } .sjednani > img:first-of-type { position: absolute; left: 1.25rem; } .sjednani-arrow, .sjednani-arrow.flip-vertical { transform: translateX(0) translateY(5rem) rotate(90deg) skewX(0) skewY(0) scaleX(1) scaleY(1); } .sjednani-arrow.rotate-arrow { transform: rotateZ(60deg) translate(80px, 50px); margin-left: 5px; } .sjednani-arrow { left: -0.5rem; width: 5rem; } } h1[data-v-1da8f2a8] { margin-bottom: 0; } html { font-family: Open Sans, sans-serif; line-height: 1.5; } .bg-white { background-color: #fff; } .bg-primary { background-color: #f99a34; } .bg-blueLight { background-color: #ededed } .bg-greenC { background-color: #32cf9c; } .bg-watch { background-image: url("/Content/Source/images/mutumutu/watch.png"); } .bg-no-repeat { background-repeat: no-repeat; } .border-gray { border-color: #f3f3f2; } .rounded-full { border-radius: 50px; } .rounded-large { border-radius: 24px; } .rounded-extra { border-radius: 34px; } .border-solid { border-style: solid; } .border-b { border-bottom-width: 1px; } .block { display: block; } .inline-block { display: inline-block; } .flex { display: flex; } .table { display: table; } .grid { display: grid; } .hidden { display: none; } .flex-col { flex-direction: column; } .items-start { align-items: flex-start; } .items-center { align-items: center; } .items-stretch { align-items: stretch; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .flex-shrink-0 { flex-shrink: 0; } .float-right { float: right; } .font-semibold { font-weight: 600; } .font-bold { font-weight: 700; } .h-9 { height: 2.25rem; } .h-10 { height: 2.5rem; } .h-full { height: 100%; } .text-14 { font-size: 14px; } .text-16 { font-size: 16px; } .text-18 { font-size: 18px; } .text-28 { font-size: 28px; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .m-auto { margin: auto; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .mx-auto { margin-left: auto; margin-right: auto; } .mt-2 { margin-top: 0.5rem; } .mr-2 { margin-right: 0.5rem; } .mt-5 { margin-top: 1.25rem; } .mb-5 { margin-bottom: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mb-7 { margin-bottom: 1.75rem; } .mt-8 { margin-top: 2rem; } .mt-10 { margin-top: 2.5rem; } .mb-10 { margin-bottom: 2.5rem; } .-mt-1 { margin-top: -0.25rem; } .max-w-none { max-width: none; } .opacity-20 { opacity: 0.2; } .py-0 { padding-top: 0; padding-bottom: 0; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .pb-1 { padding-bottom: 0.25rem; } .pt-3 { padding-top: 0.75rem; } .pt-4 { padding-top: 1rem; } .pb-4 { padding-bottom: 1rem; } .pl-4 { padding-left: 1rem; } .pt-5 { padding-top: 1.25rem; } .pb-5 { padding-bottom: 1.25rem; } .pl-5 { padding-left: 1.25rem; } .pt-9 { padding-top: 2.25rem; } .pb-10 { padding-bottom: 2.5rem; } .pt-14 { padding-top: 3.5rem; } .pb-16 { padding-bottom: 4rem; } .pl-16 { padding-left: 4rem; } .pb-20 { padding-bottom: 5rem; } .absolute { position: absolute; } .relative { position: relative; } .top-2 { top: 0.5rem; } .top-3 { top: 0.75rem; } .left-5 { left: 1.25rem; } .right-6 { right: 1.5rem; } .left-auto { left: auto; } .-top-0 { top: 0; } .-left-0 { left: 0; } .-top-1 { top: -0.25rem; } .-top-3 { top: -0.75rem; } .-top-5 { top: -1.25rem; } .-right-5 { right: -1.25rem; } .-top-0\.5 { top: -0.125rem; } .-left-0\.5 { left: -0.125rem; } .-right-1\/2 { right: -50%; } .hover\:shadow-xl:hover { box-shadow: 0 0 #000, 0 0 #000, 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } .hover\:shadow-2xl:hover { box-shadow: 0 0 #000, 0 0 #000, 0 25px 50px -12px rgba(0, 0, 0, 0.25); } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-white { color: #fff; } .text-secondary { color: #3688c3; } .text-title { color: #201c46; } .text-darkGray { color: #858791; } .underline { text-decoration: underline; } .hover\:no-underline:hover { text-decoration: none; } .w-7 { width: 1.75rem; } .w-20 { width: 5rem; } .w-3\/5 { width: 60%; } .w-4\/6 { width: 66.666667%; } .w-full { width: 100%; } .gap-3 { gap: 0.75rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-10 { gap: 2.5rem; } .col-span-5 { grid-column: span 5 / span 5; } .col-span-7 { grid-column: span 7 / span 7; } .transform { transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1); } .rotate-45 { transform: rotate(45deg); } .rotate-90 { transform: rotate(90deg); } .translate-y-20 { transform: translateY(5rem); } .transition { transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @-webkit-keyframes spin { to { transform: rotate(360deg); } } @keyframes spin { to { transform: rotate(360deg); } } @-webkit-keyframes ping { 100%, 75% { transform: scale(2); opacity: 0; } } @keyframes ping { 100%, 75% { transform: scale(2); opacity: 0; } } @-webkit-keyframes pulse { 50% { opacity: 0.5; } } @keyframes pulse { 50% { opacity: 0.5; } } @-webkit-keyframes bounce { 0%, 100% { transform: translateY(-25%); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: none; -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: none; -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } h1, h2, h3, h4, h5 { font-weight: 700; color: #201c46; } @media (min-width: 640px) { .sm\:border-t-2 { border-top-width: 2px; } .sm\:border-r-2 { border-right-width: 2px; } .sm\:border-b-2 { border-bottom-width: 2px; } .sm\:border-l-2 { border-left-width: 2px; } .sm\:inline-block { display: inline-block; } .sm\:h-auto { height: auto; } .sm\:text-16 { font-size: 16px; } .sm\:text-18 { font-size: 18px; } .sm\:text-22 { font-size: 22px; } .sm\:text-28 { font-size: 28px; } .sm\:text-36 { font-size: 36px; } .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; } .sm\:m-0 { margin: 0; } .sm\:mb-3 { margin-bottom: 0.75rem; } .sm\:mt-4 { margin-top: 1rem; } .sm\:mr-5 { margin-right: 1.25rem; } .sm\:mt-8 { margin-top: 2rem; } .sm\:mt-10 { margin-top: 2.5rem; } .sm\:mr-10 { margin-right: 2.5rem; } .sm\:mb-10 { margin-bottom: 2.5rem; } .sm\:mt-14 { margin-top: 3.5rem; } .sm\:mt-16 { margin-top: 4rem; } .sm\:max-w-3xl { max-width: 48rem; } .sm\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .sm\:py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .sm\:px-20 { padding-left: 5rem; padding-right: 5rem; } .sm\:pt-5 { padding-top: 1.25rem; } .sm\:pr-5 { padding-right: 1.25rem; } .sm\:pl-5 { padding-left: 1.25rem; } .sm\:pl-6 { padding-left: 1.5rem; } .sm\:pt-10 { padding-top: 2.5rem; } .sm\:pr-10 { padding-right: 2.5rem; } .sm\:pr-20 { padding-right: 5rem; } .sm\:pl-32 { padding-left: 8rem; } .sm\:top-1 { top: 0.25rem; } .sm\:left-6 { left: 1.5rem; } .sm\:right-auto { right: auto; } .sm\:text-left { text-align: left; } .sm\:text-center { text-align: center; } .sm\:w-10 { width: 2.5rem; } .sm\:w-11 { width: 2.75rem; } .sm\:w-auto { width: auto; } .sm\:gap-5 { gap: 1.25rem; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 768px) { .md\:block { display: block; } .md\:-right-1\/2 { right: -50%; } .md\:w-2\/3 { width: 66.666667%; } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (min-width: 1024px) { .lg\:flex-row { flex-direction: row; } .lg\:h-14 { height: 3.5rem; } .lg\:h-16 { height: 4rem; } .lg\:mt-4 { margin-top: 1rem; } .lg\:mt-5 { margin-top: 1.25rem; } .lg\:mr-10 { margin-right: 2.5rem; } .lg\:mr-14 { margin-right: 3.5rem; } .lg\:w-32 { width: 8rem; } .lg\:w-40 { width: 10rem; } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1280px) { .xl\:w-9\/12 { width: 75%; } } @media screen and (max-width: 575px) { .mutumutu .container { padding: 0 15px; } } .mutumutu .bg-green h1 { font-weight: 700; } .mutumutu .mutumutu p { font-size: 14px; } .mutumutu .navigace a { text-decoration: underline; } .mutumutu .button-main { border-radius: 5px; } .mutumutu h2 { font-size: 26px; text-align: center; padding-top: 1.25rem; padding-bottom: 1.25rem; } .mutumutu h3 { font-size: 18px; line-height: 24px; padding: 10px 0; } @media (max-width: 640px) { .mutumutu h2 { font-size: 20px; text-align: center; } } /*#cookie-bar__modal_overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; z-index: 2147483646; } #cookie-bar__modal_overlay:before { z-index: -1; top: 0; bottom: 0; left: 0; right: 0; content: "."; position: absolute; background-color: #000000da; opacity: .2; } .cookie-bar { border-radius: 10px; max-width: 600px; max-height: calc(100vh - 20px); background-color: rgba(255,255,255,1); overflow-y: auto; -ms-scroll-chaining: none; padding: 20px; } .cookie-bar__settings, .cookie-bar__info-page { display: none; } .cookie-bar__wrapper { width: 100%; max-width: 1160px; margin: 0 auto; } .cookie-bar__heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } .cookie-bar__info-page .cookie-bar__heading { margin-bottom: 10px; } .cookie-bar__title { font-family: "Open Sans", sans-serif; font-weight: 700; font-size: 24px; line-height: 33px; padding: 0; } .cookie-bar__close-btn:before, .cookie-bar__close-btn:after { content: ""; top: 6px; left: 14px; width: 3px; height: 18px; position: absolute; background-color: #201c46; } .cookie-bar__close-btn:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .cookie-bar__close-btn:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .cookie-bar__description { margin-bottom: 20px; color: #201C46; } .cookie-bar__close-btn { width: 15px; height: 15px; padding: 15px; position: relative; background: transparent; border: none; } .cookie-bar__description, .cookie-bar__settings { font-size: 16px; font-weight: 400; line-height: 22px; } .cookie-bar__link { text-decoration: none; font-size: 16px; line-height: 22px; color: #009DC5; border: none; background: transparent; padding: 0; font-weight: 400; } .cookie-bar__link:hover, .cookie-bar__link:active { text-decoration: underline; } .cookie-bar__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cookie-bar__button { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 22px; font-weight: 600; text-align: center; padding: 11px 14px; border-radius: 4px; border: none; text-decoration: none; -webkit-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in; width: 100%; } .cookie-bar__button--primary:hover, .cookie-bar__button--primary:active { background-color: #c96d09; } .cookie-bar__button--secondary { background: #007DC3; color: #FFFFFF; } .cookie-bar__button--secondary:hover, .cookie-bar__button--secondary:active { background: #006DB3; } .cookie-bar__button--toggle { font-family: "Open Sans", sans-serif; background: transparent; color: #007DC3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; font-weight: 400; } .cookie-bar__button--toggle:hover { background: #006DB3; } .cookie-bar__button--primary { background-color: #FF8615; color: #fff; margin-bottom: 0; } .cookie-bar__info-page .cookie-bar__button--toggle:after { display: none; } .cookie-bar__button--active:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: 2px; } .cookie-bar__link--back { padding-left: 15px; } .cookie-bar__link--back:before { content: ""; display: inline-block; width: 4px; height: 4px; border-top: 1px solid #3688c3; border-left: 1px solid #3688c3; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; top: -2px; margin-right: 10px; -webkit-transition: -webkit-transform 0.5s ease-in-out; transition: -webkit-transform 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; } .cookie-bar__settings { display: none; padding: 0; } .cookie-bar__settings-title, .cookie-bar__section-heading { font-size: 24px; line-height: 33px; font-weight: 700; margin-bottom: 20px; padding: 0; } .cookie-bar__section-heading { margin-top: 10px; } .cookie-bar__category { margin-bottom: 20px; border-bottom: 1px solid #CACACA; padding-bottom: 20px; } .cookie-bar__category-desc { font-size: 14px; line-height: 22px; color: #828282; padding-top: 5px; } .cookie-bar__category-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cookie-bar__category-title, .cookie-bar__status { font-size: 18px; line-height: 27px; display: inline; font-weight: 500; font-family: 'Poppins'; } .cookie-bar__status { color: #0acc58; } .toggle__checkbox:checked + .toggle__switch { background: #3688c3; } .cookie-bar__info-page { display: none; } .cookie-bar__list, .cookie-bar__section { font-size: 14px; line-height: 22px; } .cookie-bar__section + .cookie-bar__section { padding-top: 10px; } .cookie-bar__list:last-of-type { padding-bottom: 10px; } .cookie-bar__list { list-style-type: none; list-style-position: inside; padding-left: 8px; } .cookie-bar__list-item { display: -webkit-box; display: -ms-flexbox; display: flex; } .cookie-bar__list-item:before { content: ""; display: inline-block; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 3px; flex: 0 0 3px; width: 3px; height: 3px; top: 10px; margin-right: 8px; border-radius: 50%; background-color: #201c46; } .cookie-bar__bottom_space { bottom: 10px !important; } .cookie-bar__settings-wrapper { padding-top: 20px; } .cookie-bar .toggle__checkbox:checked + .toggle__switch { background: #1CA21C; opacity: .5; } .cookie-bar .toggle__switch { background: #CACACA; } .cookie-bar__settings .cookie-bar__buttons { gap: 10px; } .cookie-bar__info-page p a { font-size: 14px; } @media screen and (max-width: 767.9px) { .cookie-bar { position: fixed; bottom: 0; } } @media screen and (min-width: 768px) { .cookie-bar__heading, .cookie-bar__settings-title { background-image: url(/content/source/epoj_new/logo.png); background-size: 150px 30px; background-repeat: no-repeat; background-position: center right; margin-bottom: 20px; } .cookie-bar__description, .cookie-bar__settings { font-size: 16px; font-weight: 400; line-height: 22px; } .cookie-bar__button { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 22px; font-weight: 600; text-align: center; padding: 11px 14px; border-radius: 4px; border: none; text-decoration: none; -webkit-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in; } .cookie-bar__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: row; max-width: 100%; margin: 0; gap: 10px; } .cookie-bar__button { flex: 1; } .cookie-bar__button--toggle { letter-spacing: 1px; margin-right: 10px; background: #007DC3; color: #FFFFFF; } .cookie-bar { padding: 40px; } .cookie-bar__title { font-weight: 700; font-size: 24px; line-height: 33px; } .cookie-bar__button--primary { margin-bottom: 0; max-width: 250px; } .cookie-bar__link { font-size: 16px; line-height: 22px; color: #009DC5; font-weight: 400; max-width: 250px; } }*/ /*@media screen and (max-width: 1199px) { @media not all and (min-resolution:.001dpcm) { @media (max-aspect-ratio: 3/2) { .cookie-bar { max-height: calc(100vh - 130px); } } } } @media screen and (min-width: 768px) { .cookie-bar__info-page .cookie-bar__heading { margin-bottom: 20px; } } @media screen and (min-width: 768px) { .cookie-bar__title { font-size: 24px; line-height: 36px; } } @media screen and (min-width: 768px) { .cookie-bar__description { margin-bottom: 10px; } } @media screen and (min-width: 768px) { .cookie-bar__buttons { max-width: none; margin: 0; } } @media screen and (min-width: 768px) { .cookie-bar__buttons { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media screen and (min-width: 768px) { .cookie-bar__button:not(:last-child) { margin: 0 10px 0 0; } } @media screen and (min-width: 768px) { .cookie-bar__button--toggle:after { display: none; } } @media screen and (min-width: 768px) { .cookie-bar__default-page .cookie-bar__button--toggle { display: none; } .cookie-bar__default-page.cookie-bar__button--primary { display: none; } .cookie-bar__default-page.cookie-bar__button--secondary { display: none; } } @media screen and (max-width: 768px) { .cookie-bar__mobile_hide { display: none; } } @media screen and (min-width: 768px) { .cookie-bar__settings-title { display: block; } } @media screen and (min-width: 768px) { .cookie-bar__section-heading { margin-top: 20px; } } @media screen and (min-width: 768px) { .cookie-bar__category { margin-bottom: 10px; } } @media screen and (min-width: 768px) { .cookie-bar__settings-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 768px) { .cookie-bar__category { -webkit-box-flex: 1; -ms-flex: 1 1 33%; flex: 1 1 33%; } } @media screen and (min-width: 768px) { .cookie-bar__category:not(:last-child) { margin-right: 20px; } } @media screen and (min-width: 997px) { .cookie-bar__category:not(:last-child) { margin-right: 40px; } } @media screen and (min-width: 1160px) { .cookie-bar__category:not(:last-child) { margin-right: 80px; } } @media screen and (min-width: 768px) { .cookie-bar__info-page { padding-bottom: 0; } } @media screen and (min-width: 768px) { .cookie-bar__list:last-of-type { padding-bottom: 20px; } } */ .estate-header { color: #ffffff; display: flex; padding: 20px 0 40px 0; flex-direction: row; background: url(/content/source/epoj_new/ePojisteni_web_426x275_domov_t.png) no-repeat 100% top; } .estate-header__left { max-width: 370px; } .estate-header__left h1 { padding-bottom: 10px!important; font-size: 38px!important; line-height: 52px!important; } .estate-header__left p { font-size: 18px; } .estate-header__left p img { vertical-align: middle; } .estate-header__left .p--bottom { margin-top: 45px; } .estate-header__form { background: #fff; border-radius: 4px; padding: 20px; color: #2C2D31; width: 100%; max-width: 500px; } .estate-radio-box { position: relative; } .estate-radio + label { background: #EDEDED; border: 2px solid #CACACA; color: #474747; display: flex!important; align-content: center; flex-wrap: wrap; width: 100%; border-radius: 4px; height: 64px; line-height: 1!important; padding: 0 50px 0 52px!important; transition: all 0.2s ease; cursor: pointer; position: relative; z-index: 0; } .estate-radio[type=radio]+label:before { content: ''!important; border: 2px solid #1CA21C; border-radius: 40px; width: 28px; height: 28px; left: 10px; top: 14px; } .estate-radio-box input[type=radio]+label span { position: absolute; top: 17px; right: 10px; z-index: 1; } .estate-radio-box--flat input[type=radio]+label span { content: url("/Content/Source/img/svg/building-duotone.svg"); } .estate-radio-box--house input[type=radio]+label span { content: url("/Content/Source/img/svg/house-duotone.svg"); top: 12px; } .estate-radio[type=radio]:checked+label:after { content: ''!important; position: absolute; border-radius: 40px; left: 20px; top: 24px; width: 12px; height: 12px; background: #1CA21C ; } .estate-radio[type=radio]:checked+label { border-color: #1CA21C; background: #EDF8ED; } .estate-header__form h2 { text-align: center; font-size: 20px; margin-bottom: 20px; } .estate-header__form .info--block__people { text-align: center; margin-top: 20px; } .estate-header__form .info--block__people p { font-size: 14px; } .estate-header__form .info--block__people p span { color: #000000; } @media screen and (min-width: 768px) { .estate-header__form { margin: 0 20px } .estate-radio-group { display: flex; justify-content: space-between; } .estate-radio-box { width: calc(50% - 10px); } .small-container { max-width: 780px; margin: 0 auto; text-align: center; } } @media screen and (max-width: 767px) { .estate-header { flex-direction: column; } .estate-header__left { margin-bottom: 20px; } .estate-header__left .p--bottom { margin-top: 30px; } .estate-radio-box+ .estate-radio-box { margin-top: 10px; } .estate-header { padding-bottom: 150px; background-position: center calc(100% - 10px); background-size: 300px; } .estate-calculate { width: 100%; padding: 10px!important; text-align: center; } } .estate-calculate { display: inline-flex; justify-content: center; align-items: center; color: #fff; font-weight: bold; background: #ff8615; border-radius: 4px; font-size: 16px; padding: 10px 45px; cursor: pointer; text-decoration: none; } .estate-calculate:hover { background: #e1854c; } .estate-lp h2 { font-size: 36px; line-height: 49px; padding-bottom: 20px; text-align: center; } .estate-lp h4 { font-size: 26px; line-height: 35px; padding: 0; } .estate-lp h5 { font-size: 24px; line-height: 33px; } .estate-lp .block-pt { padding-top: 80px; } .estate-lp .block-pb { padding-bottom: 80px; } .estate-lp .gap { gap: 20px } .p-landing-center { margin: 0 auto; max-width: 780px; text-align: center; } .check-ul li { display: flex; position: relative; } .check-ul li:before { content: ""; display: inline-block; transform: rotate(45deg); height: 11px; width: 5px; margin-right: 13px; position: relative; top: 3px; flex: 0 0 5px; } .check-ul--green li:before { border-bottom: 2px solid #1CA21C; border-right: 2px solid #1CA21C; } .insurances { display: flex; margin: 30px 0 50px 0; } .insurances__item { display: flex; } .insurances__item .img { margin: 0 auto; } .insurances__item-col-3 p { padding-top: 10px; } @media screen and (min-width:769px) { .insurances__item { width: 25%; flex-direction: column; } .insurances__item-col-3 { width: 33.333%; flex-direction: column; } .insurances__item .img-box-icon { margin: 0 auto; } .insurances__item h4 { text-align: center; padding-top: 10px; } .insurances__item-col-3 p { text-align: center; } } @media screen and (max-width: 768px) { .estate-lp h2 { font-size: 24px; line-height: 33px; text-align: left; } .estate-lp h3 { font-size: 20px; line-height: 30px; } .estate-lp h4 { font-size: 18px; line-height: 25px; } .p-landing-center { text-align: left; } .p-landing-center--lg { font-size: 18px; } .insurances { flex-direction: column; gap: 20px; } .insurances__item { align-items: center; } .insurances__item h4 { display: inline-block; text-align: left; padding-left: 10px; font-size: 18px; line-height: 25px; } .insurances__item h4 br { display: none; } .insurances__item .img-box-icon { width: 30px; text-align: center; } .insurances__item .img-box-icon img { max-height: 30px; } .property-boxes__item { width: 100%; } } /*Property section*/ .property-boxes { margin-top: 40px; display: flex; } .property-boxes__item { background: #ffffff; padding: 20px; border-radius: 10px; font-size: 18px; display: flex; flex-direction: column; } .property-boxes__title { display: flex; align-items: flex-start; } .property-boxes__title-info { padding-left: 10px; } .property-boxes__title p { font-size: 16px; } .property-boxes__title-info img { width: 40px; height: auto; } .property-boxes__item ul { padding-top: 20px; flex: 1; padding-left: 10px; } .property-boxes__item ul li { padding-bottom: 10px; font-size: 16px; } .estate-text-row + .estate-text-row { margin-top: 30px; } .estate-text-row h4 { padding-bottom: 10px; } .estate-text-img img { border-radius: 50%; height: auto; } @media screen and (max-width: 767px) { .property-boxes { flex-direction: column; } .estate-text-img { margin-top: 20px; text-align: center; } .estate-text-img img { max-width: 400px; width: 100%; } } @media screen and (min-width: 768px) { .estate-text { display: flex; } .estate-text-img { margin-left: 50px; } .property-boxes__item { width: 33.33%; } } @media screen and (min-width: 1024px) { .estate-text-img { margin-left: 80px; } } .estate-lp .why__boxes { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; margin-top: 20px } .estate-lp .why__boxes .why__col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; justify-items: center; position: relative; padding: 0 45px } .estate-lp .why__boxes .why__col .why__number { background: #1CA21C; border-radius: 50%; width: 50px; height: 50px; color: #fff; font-size: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 700; margin: 0 auto } .estate-lp .why__boxes .why__col h3 { font-size: 18px; line-height: 25px; font-weight: 700; text-align: center; padding: 10px 0 20px } .estate-lp .why__boxes .why__col ul { margin: 0 auto; max-width: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .estate-lp .why__boxes .why__col ul li { font-size: 14px; color: #2c2d31; width: 100%; max-width: 300px } .estate-lp .why__boxes .why__col:first-child .why__number:after, .estate-lp .why__boxes .why__col:nth-child(2) .why__number:after { content: ""; position: absolute; max-width: 360px; width: calc(33vw - 75px); height: 24px; left: calc(50% + 32px); background-size: contain; background-repeat: no-repeat } .estate-lp .why__boxes .why__col:first-child .why__number:after { background-image: url(/Content/source/img/ab-testy/line-bottom.svg); top: 25px } .estate-lp .why__boxes .why__col:nth-child(2) .why__number:after { background-image: url(/Content/source/img/ab-testy/line-top.svg); top: 0 } @media (max-width: 767px) { .estate-lp .block-pb { padding-bottom: 60px; } .estate-lp .block-pt { padding-top: 60px; } .estate-lp .why__boxes { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 0 } .estate-lp .why__boxes .why__col { margin: 0 auto; width: 100%; max-width: 380px; padding: 0 0 0 50px } .estate-lp .why__boxes .why__col h3 { text-align: left; font-size: 18px; line-height: 25px; } .estate-lp .why__boxes .why__col h3 br { display: none } .estate-lp .why__boxes .why__col .why__number { position: absolute; left: 0px; width: 40px; height: 40px; top: 12px; font-size: 18px; z-index: 1 } .estate-lp .why__boxes .why__col .why__number:before { content: ""; background: #ededed; position: absolute; height: 0px; width: 100%; bottom: -5px } .estate-lp .why__boxes .why__col .why__number:after { display: none } .estate-lp .why__boxes .why__col h3, .estate-lp .why__boxes .why__col ul { background: #ededed; position: relative; z-index: 1 } .estate-lp .why__boxes .why__col:first-child:before, .estate-lp .why__boxes .why__col:nth-child(2):before { content: ""; position: absolute; width: 80px; height: calc(100% + 42px); border-radius: 50%; border: 2px dashed #858791; opacity: .5; top: 0; left: 13px; } .estate-lp .why__boxes .why__col:after { content: ""; width: 40px; position: absolute; height: calc(100% - 30px); background: #ededed; top: 0; left: 22px; z-index: 0 } .estate-lp .why__boxes .why__col:first-child:before { left: -60px } .estate-lp .why__boxes .why__col:first-child:after { left: -80px; width: 90px; height: calc(100% + 55px) } .estate-lp .why__boxes .why__col ul { margin: initial; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .estate-lp .why__boxes .why__col ul li { width: auto } } /* Accordion */ .estate-lp .faq-accordion { max-width: 780px; margin: 0 auto; position: relative; z-index: 1; padding-bottom: 10px } .estate-lp .faq-accordion .ui-accordion-header .ui-accordion-header-icon { right: 20px; left: auto; background-image: url(/Content/source/img/ab-testy/arrow.svg); background-position: 0 3px } .estate-lp .faq-accordion .ui-accordion-header .ui-accordion-header-icon.ui-icon-minus { -webkit-transform: rotate(-180deg) translateY(2px); -ms-transform: rotate(-180deg) translateY(2px); transform: rotate(-180deg) translateY(2px) } .estate-lp .faq-accordion .ui-accordion-header { border: none; border-radius: 4px; background: #ededed; font-size: 18px; line-height: 22px; font-weight: 700; padding: 15px 45px 15px 15px; margin-bottom: 10px; -webkit-transition: all .15s ease-in; -o-transition: .15s all ease-in; transition: all .15s ease-in; z-index: 2 } .estate-lp .faq-accordion .ui-accordion-header:hover { background: #cfcfcf; color: #555 } .estate-lp .faq-accordion .ui-accordion-content { border: none; line-height: 22px; font-size: 14px; margin-bottom: 10px; padding: 10px 20px } .estate-lp .faq-accordion .ui-accordion-content a { color: #006db3 } .estate-lp .faq-accordion .ui-accordion-content a:hover { text-decoration: none } .estate-lp .faq-accordion p + p { padding-top: 20px; } .estate-lp .more-link { text-align: center; padding: 0 0 30px; } .estate-lp .more-link a { color: #007DC3; } @media (max-width: 767px) { .estate-lp .faq-accordion:after, .estate-lp .faq-accordion:before { display: none } } #redirectPopup.fancybox-content { padding: 0; margin: 0 20px; width: calc(100% - 40px); max-width: 800px; } #redirectPopup .fancybox-close-small { top: 15px; right: 5px; } #redirectPopup .header { align-items: center; background: #EDEDED; padding: 0 20px; min-height: 70px; } #redirectPopup .header__title { color: #474747; font-size: 18px; margin-right: 20px; font-weight: bold; } #redirectPopup .header__subtitle { color: #797979; font-size: 15px; line-height: 24px; height: 24px; } #redirectPopup .header__subtitle img { vertical-align: middle; max-height: 24px; width: auto; margin-left: 5px; } #redirectPopup .main-title { color: #1CA21C; font-size: 26px; line-height: 35px; padding: 0 0 10px 0; } #redirectPopup .popup-wrapper { padding: 20px; } #redirectPopup .redirect { display: flex; height: 30px; align-items: center; justify-content: center; margin: 60px 0; } #redirectPopup .redirect .arrows { display: flex; margin: 0 20px; } #redirectPopup .redirect .arrows > span { display: inline-block; width: 25px; height: 17px; background-size: 10px; background: url(/Content/Source/img/svg/arrow-right.svg) no-repeat center center; } #redirectPopup .redirect .arrows span:nth-child(1) { opacity: 0.33; } #redirectPopup .redirect .arrows span:nth-child(2) { opacity: 0.66; } @media (min-width: 768px) { #redirectPopup .header { display: flex; } #redirectPopup .popup-wrapper { padding: 60px 20px; text-align: center; } } @media (max-width: 767px) { #redirectPopup .header { padding: 20px; } #redirectPopup .redirect .arrows { flex-direction: column; } #redirectPopup .redirect .arrows span { transform: rotate(90deg); margin: 5px 0; } #redirectPopup .redirect { flex-direction: column; height: auto; } #redirectPopup .redirect .arrows { margin: 10px 0; } } @media (max-width: 560px) { .insurance__box a:nth-child(1n+5) { display: block!important; } .insurance__box { flex-wrap: wrap; } .insurance .insurance__box a { margin: 0 10px; } } .cta-article-container { background: #EDEDED !important; padding: 30px !important; margin: 20px 0 !important; border-radius: 5px !important; } .cta-article-border { border-left: 5px solid #1CA21C; padding-left: 15px !important; } .cta-article-img { width: 100% !important; } .cta-article-img-text { padding: 0 !important; margin: 5px 0 0 !important; font-size: 14px !important; color: #797979 !important; line-height: 19px !important; } .cta-article-list-item, .cta-article-text { padding: 0 !important; margin: 0 !important; color: #474747 !important; font-size: 14px !important; } .cta-article-list-item { padding: 0 0 15px 20px !important; position: relative !important; list-style: none !important; } .cta-article-list-item:last-child { padding-bottom: 30px !important; } .cta-article-list-item::before { position: absolute !important; left: -20px !important; top: 0 !important; width: 30px !important; height: 30px !important; content: "" !important; background: url('/Content/source/img/svg/check-green.svg') !important; background-position: top left !important; background-repeat: no-repeat !important; display: inline-block !important; } .cta-article-h3 { margin: 0 !important; padding: 0 0 15px 0 !important; font-size: 24px !important; FONT-WEIGHT: 700 !important; position: relative !important; } .cta-article-h3-with-img { padding-left: 40px !important; } .cta-article-h3-with-img::before { position: absolute !important; left: 0 !important; top: 0 !important; width: 30px !important; height: 30px !important; content: "" !important; background: url('/Content/source/img/svg/lightbulb.svg') !important; background-position: top left !important; background-repeat: no-repeat !important; display: inline-block !important; } .cta-article-link { color: #fff !important; background: #FF8615 !important; padding: 10px 20px !important; border-radius: 5px !important; FONT-WEIGHT: 600 !important; } /* related article style */ .cta-article-date-text { padding: 0 !important; margin: 0px 0 10px !important; font-size: 14px !important; color: #797979 !important; line-height: 19px !important; } .cta-article-blog-img { padding-top: 10px !important; max-width: 240px !important; height: fit-content !important; max-height: 160px !important; } .cta-article-blog-url { color: #007DC3 !important; } .cta-article-flex { display: flex !important; gap: 30px !important; } .cta-article-blog-text { padding: 0 !important; margin: -5px 0 10px !important; font-size: 14px !important; color: #474747 !important; line-height: 19px !important; overflow: hidden !important; text-overflow: ellipsis !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; } @media only screen and (max-width:1020px) { .cta-article-flex { display: flex !important; gap: 30px !important; flex-direction: column !important; } .cta-article-blog-img { max-width: 100% !important; height: fit-content !important; max-height: 280px !important; } } @media only screen and (max-width:800px) { .cta-article-flex { flex-direction: row !important; gap: 30px !important; } .cta-article-blog-img { max-width: 240px !important; height: fit-content !important; max-height: 160px !important; } } @media only screen and (max-width:600px) { .cta-article-flex { flex-direction: column !important; gap: 30px !important; } .cta-article-blog-img { max-width: 100% !important; height: fit-content !important; max-height: 260px !important; } .cta-article-container { padding: 15px !important; } } @media only screen and (max-width:410px) { .ui-widget.ui-widget-content { width: 100% !important; } .cta-article-h3 { font-size: 20px !important; } } .dashed2-text, .dashed3-text { position: relative; display: inline-block; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: pointer; color: #1daa7e; } .dashed2-text:hover .dashed-box, .dashed3-text:hover .dashed-box { display: block; } .dashed2-box, .dashed3-box { display: none; position: absolute; left: 1.375em; top: 0.9375em; z-index: 9999; padding: 1.25em; border: 2px solid #1ca21c; width: 24.625em; background: #fff; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; text-align: left !important; } .dashed2-box.is-active, .dashed3-box.is-active { display: block; } .dashed2-box p, .dashed3-box p { font-size: 1.125em; font-weight: 500; color: #474747; line-height: 1.4em; margin-bottom: 1.25em; } .dashed2-box--arrow-top-left:before, .dashed3-box--arrow-top-left:before { content: ""; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #1daa7e; } .dashed2-box--arrow-bottom-left:before, .dashed3-box--arrow-bottom-left:before { top: auto; bottom: 0; content: ""; position: absolute; left: -12px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #1daa7e; } .dashed2-box--arrow-top-right:before, .dashed3-box--arrow-top-right:before { content: ""; position: absolute; top: 0; right: -12px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #1daa7e; } .dashed2-box--arrow-bottom-right:before, .dashed3-box--arrow-bottom-right:before { top: auto; bottom: 0; content: ""; position: absolute; right: -12px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #1daa7e; } .dashed3-box--arrow-top:before { top: -12px; bottom: auto; content: ""; position: absolute; width: 0; height: 0; border-top: 0px solid #1daa7e; border-bottom: 10px solid #1daa7e; border-right: 10px solid transparent; border-left: 10px solid transparent; } .dashed3-box--arrow-bottom:before { top: auto; bottom: -12px; content: ""; position: absolute; width: 0; height: 0; border-top: 10px solid #1daa7e; border-bottom: 0px solid transparent; border-right: 10px solid transparent; border-left: 10px solid transparent; } .dashed2-box-close, .dashed3-box-close { position: absolute; top: 0; right: 0; width: 30px; height: 30px; cursor: pointer; } .dashed2-box-close:before, .dashed3-box-close:before { content: "\2716"; position: absolute; top: 0; left: 0; width: 30px; height: 30px; font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif; color: #888; font-weight: 300; text-align: center; border-width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; -webkit-transition: color 0.2s; transition: color 0.2s; } .dashed2-box-close:hover:before, .dashed3-box-close:hover:before { color: #474747; } .dashed2-box-title, .dashed3-box-title { font-size: 1.25em; color: #1daa7e; font-weight: 600; margin-bottom: 1.25em; } .dashed4-box { display: none; position: absolute; left: 1.375em; top: 0.9375em; z-index: 9999; padding: 1.25em; border: 2px solid #1ca21c; width: 24.625em; background: #fff; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; text-align: left !important; } .dashed4-box.is-active { display: block; } .dashed4-box-close { position: absolute; top: 0; right: 0; width: 30px; height: 30px; cursor: pointer; } .dashed4-box-close:before { content: "\2716"; position: absolute; top: 0; left: 0; width: 30px; height: 30px; font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif; color: #888; font-weight: 300; text-align: center; border-width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; -webkit-transition: color 0.2s; transition: color 0.2s; } .dashed4-box a { color: #3688C3; font-weight: bold; } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} .discount-book__header { padding-top: 1.25rem; background-color: #1CA21C; overflow: hidden; } .discount-book__header-img { width: 180px; position: absolute; top: -45px; right: 5px; } @media screen and (min-width: 680px) { .discount-book__header-img { width: 300px; top: -1.25rem; right: 0; } } .discount-book__body { background-color: #EDEDED; padding-bottom: 16px; } @media screen and (min-width: 680px) { .discount-book__body { padding-bottom: 55px; } } .discount-book__container { display: flex; flex-direction: column; width: 100%; margin: 0 auto; padding: 0 1.25rem 1.175rem; position: relative; } @media screen and (min-width: 680px) { .discount-book__container { position: relative; } } .discount-book h1 { font-size: 1.75rem; font-weight: 700; line-height: 2.25rem; color: #fff; padding: 1rem 0 0.25rem; text-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.15); } @media screen and (min-width: 680px) { .discount-book h1 { font-size: 2.25em; } } .discount-book__description { color: white; font-weight: 400; font-size: 18px; line-height: 25px; } @media screen and (min-width: 680px) { .discount-book__description { max-width: 50%; } } @media screen and (min-width: 1280px) { .discount-book__description { padding-bottom: 1rem; } } .discount-book__cards-wrapper { display: flex; flex-direction: column; align-items: center; gap: 10px; } @media screen and (min-width: 800px) { .discount-book__cards-wrapper { flex-direction: row; justify-content: center; gap: 40px; } } .discount-book-card { display: flex; flex-direction: column; border-radius: 8px; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2); overflow: hidden; position: relative; max-width: 620px; } .discount-book-card__img { width: 100%; height: 210px; position: absolute; object-fit: cover; } .discount-book-card__top-part { display: flex; flex-direction: column; justify-content: flex-end; position: relative; padding: 0 20px 20px; color: white; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000000 100%); overflow: hidden; min-height: 210px; } .discount-book-card__top-part h3 { margin: 76px 0 10px; padding: 0; color: white; font-weight: bold; font-size: 1.25rem; line-height: 27px; } @media screen and (min-width: 680px) { .discount-book-card__top-part h3 { font-size: 1.5rem; line-height: 33px; } } .discount-book-card__top-part p { font-size: 18px; line-height: 25px; font-weight: 400px; } .discount-book-card__bottom-part { background-color: white; height: 50%; padding: 15px; } .discount-book-card__list { position: relative; margin: 0; flex-shrink: 0; width: 100%; z-index: 1; } .discount-book-card__list-item { position: relative; color: #474747; padding-left: 1rem; font-size: 1.125rem; line-height: 22px; margin-bottom: 20px; } .discount-book-card__list-item:before { content: "•"; background: none; position: absolute; top: 0; left: 0; width: auto; height: auto; margin-right: 1rem; } .discount-book__logo-wrapper { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 20px; background-color: white; padding: 10px; border-radius: 0 0 8px 8px; width: auto; min-width: 140px; height: 60px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25); } .discount-book__button { display: flex; justify-content: center; padding: 10px; gap: 10px; background: #FF8615; border-radius: 4px; color: white; text-decoration: none; font-weight: bold; font-size: 1rem; line-height: 22px; } @media screen and (min-width: 680px) { .discount-book__button { display: inline-block; font-size: 1.125rem; line-height: 25px; padding: 14px 28px; } } .discount-book__cards-wrapper--3 { display: grid; gap: 20px; grid-template-columns: 1fr; } @media screen and (min-width: 800px) { .discount-book__cards-wrapper--3 { grid-template-columns: 1fr 1fr; } } @media screen and (min-width: 1280px) { .discount-book__cards-wrapper--3 { grid-template-columns: 1fr 1fr 1fr; } } .company-header { padding-top: 1.25rem; background-color: #1CA21C; } .company-header h1 { font-size: 1.75rem; color: #fff; padding: 0 0 0.69444444em; font-weight: 700; line-height: 1.11111111em; text-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.15); } @media screen and (min-width: 680px) { .company-header h1 { font-size: 2.75rem; } } @media screen and (min-width: 1280px) { .company-header h1 { width: calc(100% - 320px); } } .company-header--bottom { padding-top: 0; } @media screen and (min-width: 680px) { .company-header--bottom { padding-top: 1.25rem; padding-bottom: 4rem; background-color: #EDEDED; } } .company-header__container { display: flex; flex-direction: column; width: 100%; max-width: 82.375em; margin: 0 auto; padding: 0 1.25rem 1.5rem; } @media screen and (min-width: 850px) { .company-header__container { position: relative; } } .company-header__rounded-logo { float: right; display: flex; justify-content: center; align-items: center; border-radius: 100%; background-color: white; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2); width: 120px; height: 120px; color: black; margin-left: 0.5rem; margin-bottom: 0.5rem; } @media screen and (min-width: 680px) { .company-header__rounded-logo { top: -1rem; right: 0; position: relative; width: 200px; height: 200px; } } @media screen and (min-width: 1280px) { .company-header__rounded-logo { top: 0; right: 0; position: absolute; width: 300px; height: 300px; } } .company-header__rounded-logo-inner { max-width: 50%; max-height: 50%; } .company-header__description { color: white; font-weight: 400; font-size: 18px; line-height: 25px; } @media screen and (min-width: 680px) { .company-header__description { max-width: 50%; } } @media screen and (min-width: 1280px) { .company-header__description { padding-bottom: 1rem; } } .company-header__cards-heading { color: white; font-size: 1.25rem; padding: 0 0 0.6rem; } @media screen and (min-width: 680px) { .company-header__cards-heading { margin-top: 2rem; padding: 0 0 1.25rem; font-weight: 700; font-size: 36px; line-height: 49px; color: #474747; text-align: center; } } @media screen and (min-width: 1280px) { .company-header__cards-heading { margin-top: 4rem; } } .company-header__card { position: relative; display: flex; flex-wrap: wrap; padding: 1rem 0 1.25rem 1rem; background-color: white; border-radius: 8px; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2); text-decoration: none; width: 100%; max-width: 760px; overflow: hidden; } @media screen and (min-width: 1280px) { .company-header__card { padding: 1.25rem; max-width: 620px; } } .company-header__card-title { flex-shrink: 0; color: #474747; font-size: 1.25rem; padding: 0 0 0.75rem; font-weight: bold; } @media screen and (min-width: 560px) { .company-header__card-title { font-size: 1.5rem; } } .company-header__card-list { position: relative; margin: 0; flex-shrink: 0; width: 100%; z-index: 1; } .company-header__card-list-item { color: #474747; padding-left: 0; font-size: 1rem; line-height: 22px; margin-bottom: 10px; } .company-header__card-list-item:before { content: "•"; background: none; position: relative; top: 0; width: auto; height: auto; margin: 0 0.5rem; } .company-header__card-img { position: absolute; display: block; width: 160px; right: -32px; bottom: 10px; } @media screen and (min-width: 560px) { .company-header__card-img { display: none; } } .company-header__card-img--full { display: none; } @media screen and (min-width: 560px) { .company-header__card-img--full { display: block; position: absolute; order: 4; right: 20px; width: 240px; } } .company-header__card-img-wrapper { display: block; position: absolute; right: 0px; } .company-header__card-btn { order: 3; background-color: #FF8615; border-radius: 4px; padding: 11px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 22px; font-weight: 700; color: #fff; border: none; transition: background-color 0.3s ease-in-out; text-decoration: none; } .company-header__card-btn:after { content: ""; display: inline-block; transform: rotate(-45deg); width: 4px; height: 4px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; margin-left: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; } .company-header__card-btn:hover, .company-header__card-btn:active { background-color: #E1854C; } .company-header__card-wrapper { display: flex; flex-direction: column; align-items: center; gap: 10px; } @media screen and (min-width: 1280px) { .company-header__card-wrapper { flex-direction: row; justify-content: center; gap: 20px; } } .company-header__card-wrapper--2 { display: flex; grid-template-columns: 1fr; } @media screen and (min-width: 800px) and (max-width: 1280px) { .company-header__card-wrapper--2 { display: grid; grid-template-columns: 1fr 1fr; } } @media screen and (min-width: 800px) and (max-width: 1280px) { .company-header__card-wrapper--2 .company-header__card-title { line-height: 33px; width: 8rem; } } @media screen and (min-width: 800px) and (max-width: 1280px) { .company-header__card-wrapper--2 .company-header__card-img-wrapper { top: 0px; right: 0px; position: absolute; } } @media screen and (min-width: 800px) and (max-width: 1280px) { .company-header__card-wrapper--2 .company-header__card-img--full { top: 12px; right: -30px; position: absolute; width: 160px; } } .company-header__card-wrapper--3 { display: flex; grid-template-columns: 1fr; } @media screen and (min-width: 800px) and (max-width: 1280px) { .company-header__card-wrapper--3 { display: grid; grid-template-columns: 1fr 1fr; } } @media screen and (min-width: 800px) { .company-header__card-wrapper--3 .company-header__card-title { line-height: 33px; width: 8rem; } } @media screen and (min-width: 800px) { .company-header__card-wrapper--3 .company-header__card-img-wrapper { top: 0px; right: 0px; position: absolute; } } @media screen and (min-width: 800px) { .company-header__card-wrapper--3 .company-header__card-img--full { top: 12px; right: -30px; position: absolute; width: 160px; } } .company-header__card-wrapper--4 { display: grid; grid-template-columns: 1fr 1fr; } @media screen and (min-width: 1280px) { .company-header__card-wrapper--4 { grid-template-columns: 1fr 1fr 1fr 1fr; } } .company-header__card-wrapper--4 .company-header__card-img-wrapper { display: block; width: 50%; height: 100%; position: absolute; right: 0; top: 0; } .company-header__card-wrapper--4 .company-header__card { position: relative; display: flex; flex-direction: column; gap: 1rem; } .company-header__card-wrapper--4 .company-header__card-title { order: 1; width: 8rem; } @media screen and (min-width: 680px) { .company-header__card-wrapper--4 .company-header__card-title { line-height: 33px; } } .company-header__card-wrapper--4 .company-header__card-list { display: none; } .company-header__card-wrapper--4 .company-header__card-img { position: relative; top: 0; left: 0; order: 0; width: 72px; height: auto; bottom: initial; margin-left: 0; } .company-header__card-wrapper--4 .company-header__card-img--full { top: 20px; right: 20px; width: 72px; } @media screen and (min-width: 680px) { .company-header__card-wrapper--4 .company-header__card-img--full { position: absolute; width: auto; max-width: 100%; max-height: calc(100% - 20px); top: 10px; right: 0px; } } .company-header__card-wrapper--4 .company-header__card-btn { margin-right: auto; padding: 7px 14px; order: 3; } .toggle { cursor: pointer; display: inline-block; } .toggle__switch { display: inline-block; background: #828282; border-radius: 20px; width: 48px; height: 24px; position: relative; vertical-align: middle; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .toggle__switch:before { content: ""; display: block; background-color: #fff; border-radius: 50%; width: 18px; height: 18px; position: absolute; top: 3px; left: 3px; -webkit-transition: left 0.25s; -o-transition: left 0.25s; transition: left 0.25s; } .toggle__checkbox:checked + .toggle__switch { background: #3688c3; } .toggle__checkbox:checked + .toggle__switch:before { left: 27px; } .toggle__checkbox { position: absolute; visibility: hidden; } /* brakpoints from design system */ /* mobile : default large-mobile : 440px small-tablet : 640px; > 640 - 767 large-tablet : 768px; > 768 - 1023 small-desktop : 1024px; > 1024 - 1279 medium-desktop : 1280px; > 1280 - 1535 large-desktop : 1536px; > 1536 - **** */ .upsell-form { font-family: Poppins; font-style: normal; } .upsell-form .icon { height: unset; } .upsell-form .upsell-container { padding: 20px 10px; max-width: 690px; overflow: hidden; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; } .upsell-form .upsell-container .upsell_hint_info-box { border-radius: 10px; box-shadow: 0px 0px 40px rgba(32, 28, 70, 0.15); z-index: 2; font-weight: 400; font-size: 14px; line-height: 22px; color: #201c46; padding: 20px; display: none; position: absolute; background-color: #FFFFFF; text-align: left; width: 350px; height: fit-content; } .upsell-form .upsell-container .upsell_hint_info-box .icon { position: absolute; right: 15px; top: 15px; cursor: pointer; } .upsell-form .upsell-container .upsell-top { display: flex; flex-direction: column; gap: 18px; } .upsell-form .upsell-container .upsell-top .title { color: var(--Brand-Dark, #201C46); font-size: 20px; font-weight: 600; line-height: 30px; padding: 0; text-align: left; } .upsell-form .upsell-container .upsell-top .subtext { color: var(--Brand-Dark, #201C46); font-size: 16px; font-weight: 400; line-height: 24px; } .upsell-form .upsell-container .upsell-top-slider-actions { display: flex; justify-content: space-between; padding: 20px; align-items: baseline; } .upsell-form .upsell-container .upsell-top-slider-actions .slide-left, .upsell-form .upsell-container .upsell-top-slider-actions .slide-right { display: inline-flex; padding: 10px 11px; justify-content: center; align-items: center; border-radius: 8px; background: #F99A34; font-size: 15px; color: white; cursor: pointer; transition: 300ms; } .upsell-form .upsell-container .upsell-top-slider-actions .slide-left.disabled, .upsell-form .upsell-container .upsell-top-slider-actions .slide-right.disabled { background: var(--Greyscale-Grey, #CACACA); cursor: default; } .upsell-form .upsell-container .upsell-top-slider-actions .slide-left.disabled:hover, .upsell-form .upsell-container .upsell-top-slider-actions .slide-right.disabled:hover { background: var(--Greyscale-Grey, #CACACA); cursor: default; } .upsell-form .upsell-container .upsell-top-slider-actions .slide-left:hover, .upsell-form .upsell-container .upsell-top-slider-actions .slide-right:hover { background: var(--Greyscale-Grey, #F06706); } .upsell-form .upsell-container .upsell-top-slider-actions .slide-left:active, .upsell-form .upsell-container .upsell-top-slider-actions .slide-right:active { background: var(--Greyscale-Grey, #C74D07); } .upsell-form .upsell-container .upsell-top-slider-actions .slide-counter-container { display: flex; align-items: baseline; gap: 5px; } .upsell-form .upsell-container .upsell-top-slider-actions .slide-counter-container .slide-counter-text { color: var(--Greyscale-Black, #000); font-size: 14px; font-weight: 400; line-height: 22px; } .upsell-form .upsell-container .upsell-top-slider-actions .slide-counter-container .slide-counter-dot { width: 10px; height: 10px; background-color: #007DC3; border-radius: 50%; opacity: 0.2; transition: opacity 0.3s; } .upsell-form .upsell-container .upsell-top-slider-actions .slide-counter-container .slide-counter-dot.selected { opacity: 1; } .upsell-form .upsell-container #upsellform { display: flex; flex-direction: column; } .upsell-form .upsell-container .upsell-body-mobil { flex: 1; } .upsell-form .upsell-container .upsell-body-mobil .visualhelper { border-radius: 4px; border: 2px solid var(--Greyscale-Grey, #CACACA); width: 40px; position: relative; flex-shrink: 0; } .upsell-form .upsell-container .upsell-body-mobil .visualhelper.left-side { opacity: 0; left: -10px; } .upsell-form .upsell-container .upsell-body-mobil .visualhelper.left-side.recommended { border-color: #0ACC58; } .upsell-form .upsell-container .upsell-body-mobil .visualhelper.left-side.selected { border-color: #009DC5; } .upsell-form .upsell-container .upsell-body-mobil .visualhelper.right-side.recommended { border-color: #0ACC58; } .upsell-form .upsell-container .upsell-body-mobil .visualhelper.right-side.selected { border-color: #009DC5; } .upsell-form .upsell-container .upsell-body-mobil .visualhelper.right-side { right: -10px; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container { display: flex; flex-direction: row; margin-left: -20px; width: calc(100% + 40px); position: relative; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div { padding-right: 20px; border-radius: 4px; border: 2px solid var(--Greyscale-Grey, #CACACA); width: calc(100% + 40px); } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table { width: -webkit-fill-available; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-title td { vertical-align: middle; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-title .offer-title-container { padding: 23px 0; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-title .offer-title-container .offer-item-brand { color: var(--Brand-Dark, #201C46); font-size: 16px; font-weight: 600; line-height: 24px; padding-left: 20px; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-title .offer-logo-container { display: flex; justify-content: end; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-title .offer-logo-container .offer-logo { width: 78px; height: 30px; background-size: contain; margin-top: 20px; background-repeat: no-repeat; background-position: center; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body .offer-included-item-text-container .offer-included-item-text { color: var(--Greyscale-Grey-Dark, #828282); font-size: 14px; font-weight: 400; line-height: 22px; padding: 9px 0; margin-left: 20px; flex: 1; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body .offer-included-item-text-container .offer-included-item-text .mid-mobile { display: none; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body .offer-included-item-text-container .offer-included-item-text .small-mobile { display: block; } @media screen and (min-width: 300px) { .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body .offer-included-item-text-container .offer-included-item-text .mid-mobile { display: block; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body .offer-included-item-text-container .offer-included-item-text .small-mobile { display: none; } } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body .offer-included-item-text-container .mobile-body-container { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #CACACA; margin-left: 20px; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body .offer-included-item-text-container .mobile-body-container .upsell_hint_block { position: relative; display: flex; justify-content: space-between; background: rgba(202, 202, 202, 0.15); margin-left: -20px; width: calc(50% + 20px); } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body .offer-included-item-text-container .mobile-body-container .upsell_hint_block .upsell_hint_container { position: relative; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body .offer-included-item-value-flex { display: flex; flex: 1; justify-content: end; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body .offer-included-item-value-flex .offer-included-item-value { text-align: right; font-size: 14px; line-height: 22px; max-height: 40px; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body .offer-included-item-value-flex .offer-included-item-value .icon { padding-right: 10px; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body .offer-included-item-value-flex.isHighlight .offer-included-item-value { color: #1CA21C; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body .offer-included-item-value-flex.notin .offer-included-item-value .icon { color: #CC0000; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body .offer-included-item-value-flex.include .offer-included-item-value .icon { color: #0ACC58; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body .offer-included-item-value-container.isHighlight .offer-included-item-value { color: var(--Notification-Green, #0ACC58); } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body .offer-included-item-value-container.notin .icon { color: #CC0000; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body .offer-included-item-value-container.include .icon { color: #0ACC58; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body-sum .offer-included-item-sum-text-container { vertical-align: middle; width: calc(50% + 20px); } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body-sum .offer-included-item-sum-text-container .mobile-body-container { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #CACACA; border-bottom: 1px solid #CACACA; margin-left: 20px; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body-sum .offer-included-item-sum-text-container .mobile-body-container .offer-item-sum-text { background: rgba(202, 202, 202, 0.15); color: var(--Greyscale-Grey-Dark, #828282); font-size: 14px; font-weight: 400; line-height: 24px; padding: 9px 0; width: calc(50% + 20px); margin-left: -20px; padding-left: 20px; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body-sum .offer-included-item-sum-text-container .mobile-body-container .offer-item-sum-value { color: var(--Brand-Dark, #201C46); text-align: right; font-size: 18px; font-weight: 600; line-height: 26px; padding: 8px 0; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body-action-flex { padding: 20px 0; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body-action-flex .offer-table-body-action-container { padding-left: 20px; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body-action-flex .offer-table-body-action-container .offer-table-body-action { border-radius: 12px; color: var(--Brand-Default, #009DC5); text-align: center; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; padding: 10px 16px; display: flex; justify-content: center; cursor: pointer; transition: 300ms; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body-action-flex .offer-table-body-action-container .offer-table-body-action .icon { margin: 4px 0px 0px 10px; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body-action-flex .offer-table-body-action-container .offer-table-body-action.primary { background: var(--Button-Primary-Default, #F99A34); color: var(--Greyscale-White, #FFF); } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body-action-flex .offer-table-body-action-container .offer-table-body-action.primary:hover { background: var(--Button-Primary-Default, #F06706); } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body-action-flex .offer-table-body-action-container .offer-table-body-action.primary:active { background: var(--Button-Primary-Default, #C74D07); } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body-action-flex .offer-table-body-action-container .offer-table-body-action.secondary { background: #007DC3; color: #FFF; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body-action-flex .offer-table-body-action-container .offer-table-body-action.secondary:hover { background: var(--Button-Secondary-Default, #B9E1FE); } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body-action-flex .offer-table-body-action-container .offer-table-body-action.secondary:active { background: var(--Button-Secondary-Default, #7BCAFE); } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div .offer-table .offer-table-body-action-flex .subinfo-for-car { color: var(--Brand-Dark, #201C46); text-align: center; font-size: 14px; font-weight: 400; line-height: 22px; padding-left: 20px; padding-top: 20px; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div.recommended ~ .offer-recommendation { display: flex; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div.recommended { display: flex; border-color: #0ACC58; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div.selected ~ .offer-selected { display: flex; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-table-div.selected { border-color: #009DC5; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-recommendation { display: none; height: 24px; padding: 0px 10px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; border-radius: 7px; background: #1CA21C; color: #FFF; text-align: center; font-size: 14px; font-weight: 400; line-height: 24px; position: absolute; top: -10px; left: 55px; } .upsell-form .upsell-container .upsell-body-mobil .offer-table-container .offer-selected { display: none; height: 24px; padding: 0px 10px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; border-radius: 7px; border: 1px solid #3688C3; background: var(--Surface-Subdued, #EFF2FE); color: #3688C3; text-align: center; font-size: 14px; font-weight: 400; line-height: 24px; position: absolute; top: -10px; left: 55px; } .upsell-form .upsell-container .upsell-body-desktop { display: none; flex: 1; gap: 10px; align-items: end; padding: 35px 0; } .upsell-form .upsell-container .upsell-body-desktop .included-items-container { display: flex; } .upsell-form .upsell-container .upsell-body-desktop .included-items-container .upsell_hint_block { padding: 9px 0; border-top: 1px solid #828282; position: relative; } .upsell-form .upsell-container .upsell-body-desktop .included-items-container .upsell_hint_block:last-child { border-bottom: 1px solid #828282; } .upsell-form .upsell-container .upsell-body-desktop .included-items-container .included-item { color: var(--Greyscale-Grey-Dark, #828282); font-size: 14px; font-weight: 400; line-height: 22px; padding: 0 20px 22px 20px; cursor: default; } .upsell-form .upsell-container .upsell-body-desktop .included-items-container .upsell_hint_container { display: block; position: absolute; right: 0; z-index: 1; } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container { display: flex; flex: 1; gap: 10px; align-items: end; } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item-recommendation { height: 24px; padding: 0px 10px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; border-radius: 7px; background: #1CA21C; color: #FFF; text-align: center; font-size: 14px; font-weight: 400; line-height: 24px; position: absolute; top: -13px; left: 15px; } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item-selected { height: 24px; padding: 0px 10px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; border-radius: 7px; border: 1px solid #3688C3; background: var(--Surface-Subdued, #EFF2FE); color: #3688C3; text-align: center; font-size: 14px; font-weight: 400; line-height: 24px; position: absolute; top: -13px; left: 15px; } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item { flex: 1; padding: 20px; border-radius: 4px; border: 2px solid var(--Greyscale-Grey, #CACACA); background: var(--WF-Colors-White, #FFF); position: relative; display: flex; flex-direction: column; gap: 19px; } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-top { display: flex; flex-direction: column; gap: 19px; } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-top .name-logo { display: flex; justify-content: space-between; align-items: center; height: 48px; } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-top .name-logo .offer-item-brand { color: var(--Brand-Dark, #201C46); font-size: 16px; font-weight: 600; line-height: 24px; } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-top .name-logo .offer-product-logo { width: 75px; height: 30px; display: block; background-size: 75px; background-position: center; background-repeat: no-repeat; flex-shrink: 0; } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-top .price-action { display: flex; flex-direction: column; gap: 10px; } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-top .price-action .offer-item-price { color: var(--Brand-Dark, #201C46); text-align: center; font-size: 18px; font-weight: 600; line-height: 27px; } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-top .price-action .offer-item-top-action { border-radius: 8px; text-align: center; font-size: 14px; font-weight: 500; line-height: 21px; display: flex; padding: 7px 16px 6px 16px; justify-content: center; align-items: center; gap: 10px; cursor: pointer; transition: 300ms; } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-top .price-action .offer-item-top-action.primary { background: var(--Button-Primary-Default, #F99A34); color: var(--Greyscale-White, #FFF); } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-top .price-action .offer-item-top-action.primary:hover { background: var(--Button-Primary-Default, #F06706); } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-top .price-action .offer-item-top-action.primary:active { background: var(--Button-Primary-Default, #C74D07); } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-top .price-action .offer-item-top-action.secondary { background: #007DC3; color: #FFF; } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-top .price-action .offer-item-top-action.secondary:hover { background: var(--Button-Secondary-Default, #B9E1FE); } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-top .price-action .offer-item-top-action.secondary:active { background: var(--Button-Secondary-Default, #7BCAFE); } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-top .subinfo-for-car { color: var(--Brand-Dark, #201C46); text-align: center; font-size: 14px; font-weight: 400; line-height: 22px; min-width: 178px; } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-body { display: flex; flex-direction: column; } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-body .offer-item-body-container { display: flex; justify-content: center; align-items: center; border-top: 1px solid rgb(228, 228, 228); gap: 10px; } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-body .offer-item-body-container .offer-item-body-text { color: var(--Notification-Green, #201C46); text-align: center; font-size: 14px; font-weight: 500; line-height: 22px; padding: 9px 0; display: flex; color: inherit; text-decoration: none !important; } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-body .offer-item-body-container.notin .icon { color: var(--Notification-Green, rgb(204, 0, 0)); } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-body .offer-item-body-container.include .icon { color: var(--Notification-Green, #0ACC58); } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-body .offer-item-body-container.isHighlight .offer-item-body-text { color: #1CA21C; } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item .offer-item-body .offer-item-body-container:last-child { border-bottom: 1px solid rgb(228, 228, 228); } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item.recommended { border-color: #1CA21C; } .upsell-form .upsell-container .upsell-body-desktop .offer-items-container .offer-item.selected { border-color: #009DC5; } .upsell-form .upsell-container .upsell-bottom-desktop { display: none; justify-content: end; } .upsell-form .upsell-container .upsell-bottom-desktop .upsell-bottom-desktop-container { display: flex; align-items: baseline; gap: 20px; } .upsell-form .upsell-container .upsell-bottom-desktop .upsell-bottom-desktop-container .value { color: var(--Brand-Dark, #201C46); font-size: 18px; font-weight: 600; line-height: 27px; } .upsell-form .upsell-container .upsell-bottom-desktop .upsell-bottom-desktop-container .offer-table-body-action-continue { border-radius: 16px; background: var(--Button-Primary-Default, #F99A34); color: var(--Greyscale-White, #FFF); text-align: center; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 500; line-height: 27px; padding: 13px 16px 14px 24px; display: flex; justify-content: center; align-items: center; gap: 10px; cursor: pointer; transition: 300ms; } .upsell-form .upsell-container .upsell-bottom-desktop .upsell-bottom-desktop-container .offer-table-body-action-continue:hover { background: var(--Button-Primary-Default, #F06706); } .upsell-form .upsell-container .upsell-bottom-desktop .upsell-bottom-desktop-container .offer-table-body-action-continue:active { background: var(--Button-Primary-Default, #C74D07); } .upsell-form .upsell-container .upsell-bottom-mobil { padding: 20px; background: #ECEEFB; margin-left: -10px; width: calc(100% + 20px); margin-top: 40px; margin-bottom: 54px; } .upsell-form .upsell-container .upsell-bottom-mobil .upsell-bottom-mobil-container { display: flex; flex-direction: column; gap: 10px; } .upsell-form .upsell-container .upsell-bottom-mobil .upsell-bottom-mobil-container .title { color: var(--Brand-Dark, #201C46); font-size: 16px; font-weight: 600; line-height: 20px; } .upsell-form .upsell-container .upsell-bottom-mobil .upsell-bottom-mobil-container .flex-container { display: flex; justify-content: space-between; align-items: center; } .upsell-form .upsell-container .upsell-bottom-mobil .upsell-bottom-mobil-container .flex-container .text { color: var(--Brand-Dark, #201C46); font-size: 16px; font-weight: 400; line-height: 24px; } .upsell-form .upsell-container .upsell-bottom-mobil .upsell-bottom-mobil-container .flex-container .offer-logo { width: 78px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center; } .upsell-form .upsell-container .upsell-bottom-mobil .upsell-bottom-mobil-container .flex-container .value { color: var(--Brand-Dark, #201C46); font-size: 16px; font-weight: 600; line-height: 24px; } .upsell-form .upsell-container .upsell-bottom-mobil .upsell-bottom-mobil-container .offer-table-body-action-continue { border-radius: 12px; background: var(--Button-Primary-Default, #F99A34); color: var(--Greyscale-White, #FFF); text-align: center; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; padding: 10px 16px; display: flex; justify-content: center; cursor: pointer; transition: 300ms; } .upsell-form .upsell-container .upsell-bottom-mobil .upsell-bottom-mobil-container .offer-table-body-action-continue .icon { margin: 4px 0px 0px 10px; } .upsell-form .upsell-container .upsell-bottom-mobil .upsell-bottom-mobil-container .offer-table-body-action-continue:hover { background: var(--Button-Primary-Default, #F06706); } .upsell-form .upsell-container .upsell-bottom-mobil .upsell-bottom-mobil-container .offer-table-body-action-continue:active { background: var(--Button-Primary-Default, #C74D07); } @media only screen and (min-width: 1024px) { .upsell-form { padding: 35px 0; } .upsell-form .upsell-container { padding-bottom: 35px; max-width: 1118px; } .upsell-form .upsell-container .upsell-top-slider-actions, .upsell-form .upsell-container .upsell-body-mobil, .upsell-form .upsell-container .upsell-bottom-mobil { display: none; } .upsell-form .upsell-container .upsell-body-desktop, .upsell-form .upsell-container .upsell-bottom-desktop { display: flex; } } i:before { background-image: none !important; } .logo-allianz { background-image: url(/content/source/new-source/logo-allianz.png); } .logo-cpp { background-image: url(/content/source/new-source/logo-cpp.png); } .logo-direct { background-image: url(/content/source/new-source/logo-direct.png); } .logo-generali { background-image: url(/content/source/new-source/logo-generali.png); } .logo-gcp { background-image: url(/content/source/new-source/logo-gcp.png); } .logo-hvp { background-image: url(/content/source/new-source/logo-hvp.png); } .logo-kooperativa { background-image: url(/content/source/new-source/logo-kooperativa.png); } .logo-pillow { background-image: url(/content/source/new-source/logo-pillow.png); } .logo-slavia { background-image: url(/content/source/new-source/logo-slavia.png); } .logo-uniqa { background-image: url(/content/source/new-source/logo-uniqa.png); } .logo-csob { background-image: url(/content/source/new-source/logo-csob.png); } .logo-axa { background-image: url(/content/source/new-source/logo-axa.png); } .logo-union { background-image: url(/content/source/new-source/logo-union.png); } .logo-pvzp { background-image: url(/Content/Source/new-source/logo-pvzp.png); } .icon-rozsirena-asistence:before { content: "\e2b8" !important; } .icon-urazove-pojisteni:before { content: "\f728" !important; } .icon-totalni-skoda:before { content: "\e4dc" !important; } .icon-zakladni-asistence:before { content: "\f82d" !important; } .icon-naklady-na-nahradni-vozidlo:before { content: "\f85b" !important; } .icon-zivel:before { content: "\f73a" !important; } .icon-stret-se-zveri:before { content: "\f78e" !important; } .icon-garance-ceny:before { content: "\f336" !important; } .icon-vandalismus:before { content: "\e414" !important; } .icon-havarie:before { content: "\f5e1" !important; } .icon-odcizeni:before { content: "\f504" !important; } .icon-sleva-850-kc-na-piskovani-skel:before { content: "\f463" !important; } .icon-soutez-o-plnou-nadrz:before { content: "\f52f" !important; } .icon-PojisteniSkla:before { content: "\e323" !important; } .icon-PojisteniGaranceCeny:before { content: "\f336" !important; } .icon-PojisteniZivel:before { content: "\f73a" !important; } .icon-PojisteniUraz:before { content: "\f728" !important; } .icon-PojisteniStretSeZviratem:before { content: "\f78e" !important; } .icon-PojisteniZavazedel:before { content: "\f0f2" !important; } .icon-PojisteniHavarie:before { content: "\f5e1" !important; } .icon-PojisteniOdcizeni:before { content: "\f504" !important; } .icon-PojisteniVandalismus:before { content: "\e414" !important; } .icon-ztrata-a-odcizeni-klicu-od-vozidla:before { content: "\f084" !important; } .icon-skla:before { content: "\e323" !important; } .icon-default:before { content: "\f1b9"; } /* common properties */ /* headings - mobile > desktop */ /* lead */ /* body large */ /* body medium */ /* body small */ /*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///W:/epojisteni/epwebs/Epojisteni/Content/scss/lib/mixins/_breakpoint.scss%22,%22file:///W:/epojisteni/epwebs/Epojisteni/Content/scss/lib/components/_travel-upsell.scss%22,%22file:///W:/epojisteni/epwebs/Epojisteni/Content/scss/lib/mixins/_icon-changer.scss%22,%22file:///W:/epojisteni/epwebs/Epojisteni/Content/scss/lib/variables/_typography.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACDC;EACG;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAII;EACI;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAOJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;IACI;;EAGJ;IACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAMhB;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAMR;EACI;;AAMA;EACI;;AAOJ;EACI;;AAOR;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAMR;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAMhB;EACI;;AAEA;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAMhB;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAIR;EACI;;AAKZ;EACI;;AAGJ;EACI;;AAKZ;EACI;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAMJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;;AAGJ;EACI;;;AD5zBZ;ECo0BJ;IACI;;EAEA;IACI;IACA;;EAEA;IACI;;EAGJ;IACI;;;ACh3Bf;EACG;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AC7JJ;AASA;AA+CA;AAgCA;AAiCA;AAiCA%22%7D */ /* pov-upshell */ .wizard-povupsell__flex-row-space-between { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } #SubinsurancesOverlay { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 10; } .wizard-povupsell__show-insurance { display: flex; } .wizard-povupsell__show-subinsurance { display: none; } #wizard-povupshell-infobox-place-right { display: flex; flex-direction: column; } #wizard-povupshell-infobox-place-bottom { display: none; flex-direction: column; } .wizard-povupsell__container { width: 100%; font-family: 'Poppins'; } .wizard-povupsell__container-button-back a { background-color: #fff; color: #007dc3; width: 100%; height: 48px; justify-content: center; align-items: center; border-radius: 8px; border-style: solid; border-width: 1px; border-color: #3688c3; margin-right: 20px; flex-shrink: 0; cursor: pointer; text-decoration: none; } .wizard-povupsell__container-button-back a:hover { color: #006DB3; } .wizard-povupsell__container-button-back { margin-right: 20px; width: 122px; } .wizard-povupsell__container-button-back a:before { content: ''; background: url("/Content/source/img/svg/icon-more.svg") center center no-repeat; width: 14px; height: 10px; display: inline-block; transform: rotate(90deg); background-size: contain; margin-right: 12px; } .wizard-povupsell__container-button-call { margin-right: 20px; } .wizard-povupsell__top-info { font-size: 14px; font-weight: 600; padding-top: 8px; padding-bottom: 8px; background-color: RGBa(249, 154, 52,0.2); margin-left: 0px; margin-top: 20px; margin-bottom: 20px; background: url(/Content/source/img/svg/info-orange.svg) no-repeat 12px 14px rgba(249, 154, 52, 0.1); background-size: auto; background-size: 13px; padding-left: 30px; } .wizard-povupsell__title { font-size: 28px; font-weight: bold; margin-bottom: 6px; margin-top: 19px; padding-bottom: 9px; } .wizard-povupsell__container-body { display: flex; flex-direction: row; justify-content: space-between; width: 100%; } .wizard-povupsell__container-body-left { display: flex; flex-direction: column; width: calc(100% - 280px); } .wizard-povupsell__description { font-size: 14px; color: rgb(121, 121, 121); font-weight: 400; } .wizard-povupsell_includes { font-size: 15px; font-weight: bold; color: #1CA21C; text-decoration: underline; } .wizard-povupsell__container-body-left-insurances { flex-wrap: wrap; margin-top: 18px; width: 100%; } .wizard-povupsell__container-body-left-subinsurances { flex-wrap: wrap; margin-top: 6px; } .wizard-povupsell__container-body-right { width: 280px; flex-shrink: 0; } .wizard-povupsell__container-line { display: block; width: 100%; height: 1px; background-color: RGB(223, 226, 244); flex-shrink: 0; } .wizard-povcompletion__container-buttons, .wizard-povupsell__container-buttons { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: left; margin-bottom: 70px; font-weight: bold; font-size: 16px; margin-top: 40px; } .wizard-povupsell__container-button-continue { background-color: #ff8615; color: #fff; width: 177px; height: 50px; justify-content: center; align-items: center; border-radius: 8px; margin-bottom: 20px; flex-shrink: 0; margin-bottom: 10px; cursor: pointer; text-align: center; } .wizard-povupsell__container-button-continue:hover { background-color: #E1854C; } .wizard-povupsell__container-button-continue:active { background-color: #B46A3D; } .wizard-povupsell__container-button-continue::after { content: ''; background: url("/Content/source/img/svg/icon-more-white.svg") center center no-repeat; width: 14px; height: 10px; display: inline-block; margin-left: 12px; transform: rotate(-90deg); background-size: contain; } .wizard-povupsell__container-button-call { width: 320px; } .wizard-povupsell__container-button-call .phone-icon { width: 13px; margin-right: 10px; } .wizard-povupsell__container-button-call a { display: flex; background-color: white; color: #007DC3; width: 100%; height: 48px; justify-content: center; align-items: center; border-radius: 8px; border-style: solid; border-width: 1px; border-color: #3688c3; margin-right: 20px; flex-shrink: 0; cursor: pointer; text-decoration: none; } .wizard-povupsell__container-button-call a:hover { color: #006DB3; } .wizard-povcompletion__container-buttons a { display: flex; } .wizard-povcompletion__container-button-continue { background-color: #FF8615; color: white; width: 230px; height: 50px; justify-content: center; align-items: center; border-radius: 8px; margin-bottom: 20px; flex-shrink: 0; margin-bottom: 10px; cursor: pointer; text-align: center; display: flex; } .wizard-povcompletion__container-button-continue:hover { background-color: #E1854C; } .wizard-povcompletion__container-button-continue:active { background-color: #B46A3D; } .wizard-povcompletion__container-button-continue::after { content: ''; background: url("/Content/source/img/svg/icon-more-white.svg") center center no-repeat; width: 14px; height: 10px; display: inline-block; margin-left: 12px; transform: rotate(-90deg); background-size: contain; } /* pov-upshell-insurance */ .wizard-povupsell__insurance-item { width: 300px; margin-right: 20px; flex-shrink: 0; } .wizard-povupsell__insurance-item-title, .wizard-povupsell__insurance-item-title-selected { color: #006DB3; text-transform: uppercase; text-align: center; margin-bottom: 6px; font-weight: bold; font-size: 14px; height: 19px; } .wizard-povupsell__insurance-item-title-selected { color: #1CA21C; } .wizard-povupsell__insurance-item-box { width: 100%; border-radius: 4px; border-color: #CACACA; border-style: solid; border-width: 2px; padding: 20px 20px 21px 20px; } .wizard-povupsell__insurance-item-box-selected { border-color: #1CA21C; } .wizard-povupsell__insurance-item-row-name-logo { } .wizard-povupsell__insurance-item-row-name-logo div:nth-child(1) { font-size: 18px; font-weight: bold; } .wizard-povupsell__insurance-item-row-name-logo div:nth-child(2) { height: 30px; } .wizard-povupsell__insurance-item-row-name-logo div:nth-child(2) img { height: 30px; } .wizard-povupsell__insurance-item-row-limit { margin-top: 21px; height: 20px; } .wizard-povupsell__insurance-item-row-price { margin-top: 10px; height: 20px; } .wizard-povupsell__insurance-item-button { display: flex; align-items: center; justify-content: center; background-color: #3688c3; color: white; width: 100%; text-align: center; border-radius: 8px; height: 43px; font-size: 16px; font-weight: bold; margin-top: 20px; cursor: pointer; } .wizard-povupsell__insurance-item-button:hover { background-color: #006DB3; } .wizard-povupsell__insurance-item-button:active { background-color: #00578F; } .wizard-povupsell__insurance-item-button-selected { background-color: #ff8615; } .wizard-povupsell__insurance-item-button-selected:hover { background-color: #E1854C; } .wizard-povupsell__insurance-item-button-selected:active { background-color: #B46A3D; } .wizard-povupsell__insurance-item-includes { padding: 16px 20px 20px 20px; } .wizard-povupsell__insurance-item-includes-title { font-size: 16px; font-weight: bold; margin-bottom: 3px; } .wizard-povupsell__insurance-item-includes-items { font-size: 15px; line-height: 27px; } .wizard-povupsell__subinsurance-item-button-dropdown-value { overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 137px; } /* pov-upshell-subinsurance */ .wizard-povupsell__subinsurance-item { width: 300px; height: 388px; margin-bottom: 20px; margin-right: 20px; } .wizard-povupsell__subinsurance-item-header { color: #1CA21C; text-align: center; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; opacity: 1; height: 19px; display: flex; justify-content: center; align-items: center; font-size: 14px; } .wizard-povupsell__subinsurance-item-box { width: 100%; height: 364px; border-style: solid; border-color: #CACACA; border-width: 2px; border-radius: 4px; padding: 21px; display: flex; flex-direction: column; line-height: initial; } .wizard-povupsell__subinsurance-item-box-added { border-color: #61B500; } .wizard-povupsell__subinsurance-item-title { font-size: 18px; font-weight: bold; text-align: left; } .wizard-povupsell__subinsurance-item-title::first-letter { text-transform: uppercase; } .wizard-povupsell__subinsurance-item-description { flex-grow: 1; } .wizard-povupsell__subinsurance-item-description p { font-size: 15px !important; text-align: left; color: #201C46; margin-top: 10px !important; line-height: 20px; overflow: scroll; overflow: hidden; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 4; /* number of lines to show */ -webkit-box-orient: vertical; } .wizard-povupsell__subinsurance-item-more-info { color: #007DC3; font-size: 14px; text-decoration: underline; margin-bottom: 16px; cursor: pointer; } .wizard-povupsell__subinsurance-item-more-info:hover { color: #006DB3; } .wizard-povupsell__subinsurance-item-line { width: 100%; height: 1px; background-color: #DFE2F4; flex-shrink: 0; } .wizard-povupsell__subinsurance-item-button-add { width: 100%; height: 43px; background-color: #007DC3; border-radius: 8px; margin-top: 20px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; cursor: pointer; color: white; } .wizard-povupsell__subinsurance-item-button-add:hover { background-color: #006DB3; } .wizard-povupsell__subinsurance-item-button-add:active { background-color: #00578F; } .wizard-povupsell__subinsurance-item-button-row { width: 100%; height: 43px; display: none; justify-content: space-between; align-items: center; margin-top: 20px; margin-bottom: 20px; } .wizard-povupsell__subinsurance-item-button-dropdown { border-style: solid; border-color: #CACACA; border-width: 2px; border-radius: 5px; height: 100%; display: flex; align-items: center; width: 100%; margin-right: 10px; justify-content: space-between; font-size: 12px; padding-left: 17px; padding-right: 15px; cursor: pointer; background-image: url(/Content/source/img/select-dark.png); background-repeat: no-repeat; background-position: center right 11px; } .wizard-povupsell__subinsurance-item-button-remove { font-size: 14px; color: #C00; text-decoration: underline; cursor: pointer; } .wizard-povupsell__subinsurance-item-footer { margin-top: 10px; } .wizard-povupsell__subinsurance-item-footer-text { color: #201C46; font-size: 15px; margin: 0; } .wizard-povupsell__subinsurance-item-footer-value { color: #201C46; font-size: 18px; font-weight: bold; margin: 0; } /* pov-upshell-subinsuance-hints */ .wizard-povupsell__subinsurance-hint { display: none; width: 600px; background-color: white; top: 50%; position: fixed; left: calc(50% - 115px); position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 4px; flex-direction: column; padding: 20px; z-index: 11; max-height: 70%; overflow: auto; } .wizard-povupsell__subinsurance-hint p { display: block !important; font-size: 15px !important; } .wizard-povupsell__subinsurance-hint-close { position: absolute; top: 0; right: 0; width: 30px; height: 30px; cursor: pointer; } .wizard-povupsell__subinsurance-hint-close::before { background-image: url("/Content/Source/img/svg/cancel-icon.svg"); content: ''; position: absolute; top: 10px; right: 10px; width: 16px; height: 16px; cursor: pointer; } /* pov-upshell-subinsurance-popup */ .wizard-povupsell__subinsurance-popup { display: none; width: 375px; background-color: white; top: 50%; position: fixed; left: calc(50% - 115px); position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 4px; flex-direction: column; padding: 20px; z-index: 99999; } .wizard-povupsell__subinsurance-popup-items { max-height: 350px; overflow: auto; } .wizard-povupsell__subinsurance-popup-title { font-size: 18px; font-weight: bold; color: #201C46; height: 24px; display: flex; align-items: center; } .wizard-povupsell__subinsurance-popup-description { font-size: 15px; line-height: 20px; margin-top: 10px; display: flex; align-items: center; margin-bottom: 17px; } .wizard-povupsell__subinsurance-popup-item { margin-bottom: 10px; } .wizard-povupsell__subinsurance-popup-item-hidden { display: none; } .wizard-povupsell__subinsurance-popup-line { background-color: #DFE2F4; height: 1px; width: 100%; margin-top: 10px; } .wizard-povupsell__subinsurance-popup-items .wizard-povupsell__subinsurance-popup-item:last-child .wizard-povupsell__subinsurance-popup-line { display: none; } .wizard-povupsell__subinsurance-popup-button { height: 50px; background-color: #FF8615; color: white; border-radius: 8px; font-size: 16px; font-weight: bold; display: flex; justify-content: center; align-items: center; margin-top: 20px; cursor: pointer; } .wizard-povupsell__subinsurance-popup-button:hover { background-color: #E1854C; } .wizard-povupsell__subinsurance-popup-button:active { background-color: #B46A3D; } .wizard-povupsell__subinsurance-popup input.form-radio + label { position: relative; display: inline-block; padding-left: 42px; line-height: 32px; margin-right: 20px; font-weight: normal; } .wizard-povupsell__subinsurance-popup input.form-radio + label:before { content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border: 2px #1CA21C solid; border-radius: 100%; background-color: #FFFFFF; } .wizard-povupsell__subinsurance-popup input.form-radio:checked + label:before { content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border: 2px #1CA21C solid; border-radius: 100%; background-color: #EDF8ED; } .wizard-povupsell__subinsurance-popup input.form-radio:checked + label:after { content: ""; position: absolute; top: 11px; left: 11px; width: 12px; height: 12px; background: #1CA21C; border-radius: 100%; } /* pov-upshell-mediaquery */ @media only screen and (max-width: 640px) { #wizard-povupshell-infobox-place-right { display: none; } #wizard-povupshell-infobox-place-bottom { display: flex; max-width: 300px; margin: auto; } .wizard-povupsell__container-body-right { width: 0px; } .wizard-povupsell__container-body-left { width: 100%; } .wizard-povupsell__container-body-left-insurances { justify-content: center; } .wizard-povupsell__container-buttons { justify-content: center; } .wizard-povupsell__title { font-size: 20px; } .wizard-povupsell__container-button-continue { margin-right: 0; } .wizard-povupsell__subinsurance-hint { width: 95%; } } @media only screen and (max-width: 400px) { .wizard-povupsell__container-body-left-insurances { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; } #wizard-povupshell-infobox-place-bottom, .wizard-povupsell__insurance-item, .wizard-povupsell__container-button-continue, .wizard-povupsell__container-button-call, wizard-povupshell-infobox-place-bottom, .wizard-povupsell__subinsurance-item { width: 100%; margin-right: 0px; max-width: 100%; } .wizard-povupsell__subinsurance-popup { width: 95%; } .wizard-povupsell__insurance-item { padding-bottom: 50px; } .wizard-povupsell__title { font-size: 20px; } .wizard-povupshell-infobox { margin-bottom: 80px; } .wizard-povupsell__container { padding-right: 5px; padding-left: 5px; } }