diff --git a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css index d2ceaff48..c065027ae 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css +++ b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css @@ -13,15 +13,13 @@ html { -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; - /* 2 */ -} + /* 2 */ } /** * Remove default margin. */ body { - margin: 0; -} + margin: 0; } /* HTML5 display definitions ========================================================================== */ @@ -44,8 +42,7 @@ menu, nav, section, summary { - display: block; -} + display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. @@ -58,8 +55,7 @@ video { display: inline-block; /* 1 */ vertical-align: baseline; - /* 2 */ -} + /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. @@ -67,8 +63,7 @@ video { */ audio:not([controls]) { display: none; - height: 0; -} + height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. @@ -76,8 +71,7 @@ audio:not([controls]) { */ [hidden], template { - display: none; -} + display: none; } /* Links ========================================================================== */ @@ -85,8 +79,7 @@ template { * Remove the gray background color from active links in IE 10. */ a { - background-color: transparent; -} + background-color: transparent; } /** * Improve readability of focused elements when they are also in an @@ -94,8 +87,7 @@ a { */ a:active, a:hover { - outline: 0; -} + outline: 0; } /* Text-level semantics ========================================================================== */ @@ -103,23 +95,20 @@ a:hover { * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { - border-bottom: 1px dotted; -} + border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { - font-weight: bold; -} + font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { - font-style: italic; -} + font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` @@ -127,23 +116,20 @@ dfn { */ h1 { font-size: 2em; - margin: 0.67em 0; -} + margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; - color: #000; -} + color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { - font-size: 80%; -} + font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. @@ -153,16 +139,13 @@ sup { font-size: 75%; line-height: 0; position: relative; - vertical-align: baseline; -} + vertical-align: baseline; } sup { - top: -0.5em; -} + top: -0.5em; } sub { - bottom: -0.25em; -} + bottom: -0.25em; } /* Embedded content ========================================================================== */ @@ -170,15 +153,13 @@ sub { * Remove border when inside `a` element in IE 8/9/10. */ img { - border: 0; -} + border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { - overflow: hidden; -} + overflow: hidden; } /* Grouping content ========================================================================== */ @@ -186,23 +167,20 @@ svg:not(:root) { * Address margin not present in IE 8/9 and Safari. */ figure { - margin: 1em 40px; -} + margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; - height: 0; -} + height: 0; } /** * Contain overflow in all browsers. */ pre { - overflow: auto; -} + overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. @@ -212,8 +190,7 @@ kbd, pre, samp { font-family: monospace, monospace; - font-size: 1em; -} + font-size: 1em; } /* Forms ========================================================================== */ @@ -237,15 +214,13 @@ textarea { font: inherit; /* 2 */ margin: 0; - /* 3 */ -} + /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { - overflow: visible; -} + overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. @@ -255,8 +230,7 @@ button { */ button, select { - text-transform: none; -} + text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` @@ -268,21 +242,19 @@ select { * specificity and defer to the .w-button selector */ button, -html input[type=button], -input[type=reset] { +html input[type="button"], +input[type="reset"] { -webkit-appearance: button; /* 2 */ cursor: pointer; - /* 3 */ -} + /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { - cursor: default; -} + cursor: default; } /** * Remove inner padding and border in Firefox 4+. @@ -290,16 +262,14 @@ html input[disabled] { button::-moz-focus-inner, input::-moz-focus-inner { border: 0; - padding: 0; -} + padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { - line-height: normal; -} + line-height: normal; } /** * It's recommended that you don't attempt to style these elements. @@ -308,43 +278,39 @@ input { * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ -input[type=checkbox], -input[type=radio] { +input[type="checkbox"], +input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; - /* 2 */ -} + /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ -input[type=number]::-webkit-inner-spin-button, -input[type=number]::-webkit-outer-spin-button { - height: auto; -} +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; } /** * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed * (similar to normalize.css >=4.0.0) */ -input[type=search] { +input[type="search"] { -webkit-appearance: none; - /* 1 */ -} + /* 1 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ -input[type=search]::-webkit-search-cancel-button, -input[type=search]::-webkit-search-decoration { - -webkit-appearance: none; -} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } /** * Define consistent border, margin, and padding. @@ -352,8 +318,7 @@ input[type=search]::-webkit-search-decoration { fieldset { border: 1px solid #c0c0c0; margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} + padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. @@ -363,23 +328,20 @@ legend { border: 0; /* 1 */ padding: 0; - /* 2 */ -} + /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { - overflow: auto; -} + overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { - font-weight: bold; -} + font-weight: bold; } /* Tables ========================================================================== */ @@ -388,13 +350,11 @@ optgroup { */ table { border-collapse: collapse; - border-spacing: 0; -} + border-spacing: 0; } td, th { - padding: 0; -} + padding: 0; } .buttong, .button { @@ -420,31 +380,25 @@ th { text-decoration: none; cursor: pointer; border: 1px solid #1e88e5; - color: #1e88e5; -} -.buttong.shrink, -.button.shrink { - max-width: 200px; -} + color: #1e88e5; } + .buttong.shrink, + .button.shrink { + max-width: 200px; } .button { margin-right: 5px !important; - margin-left: 5px !important; -} + margin-left: 5px !important; } .buttong { - display: flex; -} + display: flex; } img { max-width: 100%; vertical-align: middle; - display: inline-block; -} + display: inline-block; } .center { - text-align: center; -} + text-align: center; } .flex { display: -webkit-box; @@ -457,36 +411,31 @@ img { justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; - flex-wrap: wrap; -} + flex-wrap: wrap; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - box-sizing: border-box; -} + box-sizing: border-box; } body { height: 100%; - font-family: "Source Sans Pro", sans-serif; + font-family: 'Source Sans Pro', sans-serif; color: #333; font-size: 16px; line-height: 26px; font-weight: 400; margin: 0; min-height: 100%; - background-color: #fff; -} + background-color: #fff; } .content { - padding-top: 70px; -} + padding-top: 70px; } .section { position: relative; padding-top: 53px; - padding-bottom: 70px; -} + padding-bottom: 70px; } .container { max-width: 1240px; @@ -497,64 +446,56 @@ body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; -} + flex: 1; } .row { margin-right: -25px; - margin-left: -25px; -} -.row.flex { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.row .col { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding-right: 25px; - padding-left: 25px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.row .col.c-50 { - -webkit-box-flex: 0; - -webkit-flex: 0 50%; - -ms-flex: 0 50%; - flex: 0 50%; -} -.row .col.c-33 { - width: 33.3333%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.3333%; - -ms-flex: 0 0 33.3333%; - flex: 0 0 33.3333%; -} -.row .vrsta { - padding-right: 25px; - padding-left: 25px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} + margin-left: -25px; } + .row.flex { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .row .col { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-right: 25px; + padding-left: 25px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + .row .col.c-50 { + -webkit-box-flex: 0; + -webkit-flex: 0 50%; + -ms-flex: 0 50%; + flex: 0 50%; } + .row .col.c-33 { + width: 33.3333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.3333%; + -ms-flex: 0 0 33.3333%; + flex: 0 0 33.3333%; } + .row .vrsta { + padding-right: 25px; + padding-left: 25px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .inline-block { max-width: 100%; - display: inline-block; -} + display: inline-block; } .clearfix:before, .clearfix:after { content: " "; @@ -562,19 +503,15 @@ body { grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; - grid-row-end: 2; -} + grid-row-end: 2; } .clearfix:after { - clear: both; -} + clear: both; } .grey-section { - background-color: #F8F8F8; -} + background-color: #F8F8F8; } .accordion-title-block { - display: flex; -} + display: flex; } .section.uvodni-slider { padding-top: 0; @@ -597,66 +534,60 @@ body { -ms-flex: 1; flex: 1; background-color: #fff; - text-align: left; -} -.section.uvodni-slider .slider-right { - height: 460px; - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.section.uvodni-slider .slider-right .slider-slika { - position: absolute; - z-index: 3; - width: 100%; - height: 100%; - -o-object-fit: contain; - object-fit: contain; -} -.section.uvodni-slider .slider-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - max-width: 400px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 0; - -webkit-flex: 0 50%; - -ms-flex: 0 50%; - flex: 0 50%; -} -.section.uvodni-slider .slider-left .slider-title { - margin-bottom: 40px; - color: #333; - font-size: 50px; - line-height: 60px; - font-weight: 300; -} -.section.uvodni-slider .slider-left .slider-subtitle { - margin-bottom: 40px; - color: #333; - font-size: 19px; - line-height: 28px; - font-weight: 900; - text-transform: uppercase; -} + text-align: left; } + .section.uvodni-slider .slider-right { + height: 460px; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + .section.uvodni-slider .slider-right .slider-slika { + position: absolute; + z-index: 3; + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; } + .section.uvodni-slider .slider-left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 400px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 0; + -webkit-flex: 0 50%; + -ms-flex: 0 50%; + flex: 0 50%; } + .section.uvodni-slider .slider-left .slider-title { + margin-bottom: 40px; + color: #333; + font-size: 50px; + line-height: 60px; + font-weight: 300; } + .section.uvodni-slider .slider-left .slider-subtitle { + margin-bottom: 40px; + color: #333; + font-size: 19px; + line-height: 28px; + font-weight: 900; + text-transform: uppercase; } .section .section-title { padding-right: 50px; @@ -664,21 +595,19 @@ body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; -} -.section .section-title .title { - margin-top: 40px; - margin-bottom: 60px; - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - font-family: "Source Sans Pro", sans-serif; - font-size: 34px; - line-height: 40px; - font-weight: 400; - text-align: center; -} + flex: 1; } + .section .section-title .title { + margin-top: 40px; + margin-bottom: 60px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + font-family: 'Source Sans Pro', sans-serif; + font-size: 34px; + line-height: 40px; + font-weight: 400; + text-align: center; } .izbira-paketa .section-main { display: -webkit-box; @@ -691,34 +620,29 @@ body { justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.izbira-paketa .section-main .col { - padding-right: 25px; - padding-left: 25px; - width: 33.3333%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.3333%; - -ms-flex: 0 0 33.3333%; - flex: 0 0 33.3333%; - text-align: center; -} -.izbira-paketa .section-main .col img.package { - margin-bottom: 20px; -} -.izbira-paketa .section-main .col .icon { - width: 150px; - height: 150px; - margin-bottom: 20px; -} -.izbira-paketa .section-main .col .title { - margin-bottom: 10px; - color: #0040A9; - font-size: 18px; - line-height: 21px; - font-weight: 900; - text-transform: uppercase; -} + flex-wrap: wrap; } + .izbira-paketa .section-main .col { + padding-right: 25px; + padding-left: 25px; + width: 33.3333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.3333%; + -ms-flex: 0 0 33.3333%; + flex: 0 0 33.3333%; + text-align: center; } + .izbira-paketa .section-main .col img.package { + margin-bottom: 20px; } + .izbira-paketa .section-main .col .icon { + width: 150px; + height: 150px; + margin-bottom: 20px; } + .izbira-paketa .section-main .col .title { + margin-bottom: 10px; + color: #0040A9; + font-size: 18px; + line-height: 21px; + font-weight: 900; + text-transform: uppercase; } .funkcionalnost .section-main { display: -webkit-box; @@ -732,70 +656,62 @@ body { justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.funkcionalnost .section-main .flexcol { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-bottom: 58px; - -webkit-box-flex: 0; - -webkit-flex: 0 50%; - -ms-flex: 0 50%; - flex: 0 50%; -} -.funkcionalnost .section-main .flexcol .content { - padding-top: 0; - padding-right: 25px; - padding-left: 25px; - display: flex; -} -.funkcionalnost .section-main .flexcol .content .icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 60px; - height: 60px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - border-radius: 50%; - background-color: #D4F0FC; - opacity: 1; -} -.funkcionalnost .section-main .flexcol .content .icon img { - width: 34px; - height: 34px; - opacity: 1; -} -.funkcionalnost .section-main .flexcol .content .text { - padding-top: 5px; - padding-left: 20px; -} -.funkcionalnost .section-main .flexcol .content .text .title { - margin-bottom: 0px; - margin-top: 0px; - color: #0040A9; - font-size: 18px; - line-height: 21px; - font-weight: 900; - text-transform: uppercase; -} -.funkcionalnost .section-main .flexcol .content .text p { - margin-top: 0; - margin-bottom: 10px; -} + flex-wrap: wrap; } + .funkcionalnost .section-main .flexcol { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 58px; + -webkit-box-flex: 0; + -webkit-flex: 0 50%; + -ms-flex: 0 50%; + flex: 0 50%; } + .funkcionalnost .section-main .flexcol .content { + padding-top: 0; + padding-right: 25px; + padding-left: 25px; + display: flex; } + .funkcionalnost .section-main .flexcol .content .icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 60px; + height: 60px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + border-radius: 50%; + background-color: #D4F0FC; + opacity: 1; } + .funkcionalnost .section-main .flexcol .content .icon img { + width: 34px; + height: 34px; + opacity: 1; } + .funkcionalnost .section-main .flexcol .content .text { + padding-top: 5px; + padding-left: 20px; } + .funkcionalnost .section-main .flexcol .content .text .title { + margin-bottom: 0px; + margin-top: 0px; + color: #0040A9; + font-size: 18px; + line-height: 21px; + font-weight: 900; + text-transform: uppercase; } + .funkcionalnost .section-main .flexcol .content .text p { + margin-top: 0; + margin-bottom: 10px; } .koraki-spletnega-anketiranja .section-title { padding-right: 25px; @@ -803,85 +719,75 @@ body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; -} + flex: 1; } .koraki-spletnega-anketiranja .row { - display: flex; -} -.koraki-spletnega-anketiranja .row .stolpec { - -webkit-box-flex: 0 !important; - -webkit-flex: 0 33.333% !important; - -ms-flex: 0 33.333% !important; - flex: 0 33.333% !important; - text-align: center; - padding: 0 25px; -} -.koraki-spletnega-anketiranja .row .stolpec .slika { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - max-width: 320px; - margin-left: auto; - margin-right: auto; -} -.koraki-spletnega-anketiranja .row .stolpec .slika .postavitev { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 20%; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; -} -.koraki-spletnega-anketiranja .row .stolpec .slika img { - width: 50%; - margin-top: 20px; - margin-bottom: 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - max-width: 100%; - vertical-align: middle; -} -.koraki-spletnega-anketiranja .row .stolpec .gumb { - width: 33.3333%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.3333%; - -ms-flex: 0 0 33.3333%; - flex: 0 0 33.3333%; - padding: 0 25px; -} -.koraki-spletnega-anketiranja .row .stolpec .gumb .button { - max-width: 200px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.koraki-spletnega-anketiranja .row.flex-desna { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: right; -} -.koraki-spletnega-anketiranja .row.flex-desna .gumb { - margin-top: 30px; - margin-bottom: 20px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - display: flex; - width: 33.3333%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.3333%; - -ms-flex: 0 0 33.3333%; - flex: 0 0 33.3333%; - padding: 0 25px; -} + display: flex; } + .koraki-spletnega-anketiranja .row .stolpec { + -webkit-box-flex: 0 !important; + -webkit-flex: 0 33.333% !important; + -ms-flex: 0 33.333% !important; + flex: 0 33.333% !important; + text-align: center; + padding: 0 25px; } + .koraki-spletnega-anketiranja .row .stolpec .slika { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 320px; + margin-left: auto; + margin-right: auto; } + .koraki-spletnega-anketiranja .row .stolpec .slika .postavitev { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 20%; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } + .koraki-spletnega-anketiranja .row .stolpec .slika img { + width: 50%; + margin-top: 20px; + margin-bottom: 20px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + max-width: 100%; + vertical-align: middle; } + .koraki-spletnega-anketiranja .row .stolpec .gumb { + width: 33.3333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.3333%; + -ms-flex: 0 0 33.3333%; + flex: 0 0 33.3333%; + padding: 0 25px; } + .koraki-spletnega-anketiranja .row .stolpec .gumb .button { + max-width: 200px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + .koraki-spletnega-anketiranja .row.flex-desna { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: right; } + .koraki-spletnega-anketiranja .row.flex-desna .gumb { + margin-top: 30px; + margin-bottom: 20px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + display: flex; + width: 33.3333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.3333%; + -ms-flex: 0 0 33.3333%; + flex: 0 0 33.3333%; + padding: 0 25px; } .pridruzi-se-nam .row { display: -webkit-box; @@ -894,96 +800,84 @@ body { justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.pridruzi-se-nam .row .gumb { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - display: flex; -} -.pridruzi-se-nam .row .stolpec { - padding-right: 25px; - padding-left: 25px; - padding-left: 25px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - text-align: center; -} -.pridruzi-se-nam .row .stolpec .crte { - height: 1px; - max-width: 400px; - margin-right: auto; - margin-left: auto; - margin-bottom: 25px; - border-bottom: 2px dashed #0040A9; -} -.pridruzi-se-nam .row .stolpec .blok { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-top: 13px; - margin-bottom: 13px; - padding-top: 0px; - padding-bottom: 0px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-align: center; -} -.pridruzi-se-nam .row .stolpec .blok.velik { - padding-top: 2px; - padding-bottom: 2px; -} -.pridruzi-se-nam .row .stolpec .blok .krog { - position: absolute; - width: 70px; - height: 70px; - border-radius: 50%; - background-color: #D4F0FC; -} -.pridruzi-se-nam .row .stolpec .blok .krog.velik { - width: 120px; - height: 120px; -} -.pridruzi-se-nam .row .stolpec .blok .text { - position: relative; - z-index: 2; - padding-top: 22px; - padding-bottom: 22px; - color: #0040A9; - font-size: 62px; - line-height: 70px; - font-weight: 300; -} -.pridruzi-se-nam .row .stolpec .text { - font-size: 18px; - font-weight: 600; -} -.pridruzi-se-nam .row .stolpec.pol { - padding: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 50%; - -ms-flex: 0 50%; - flex: 0 50%; -} -.pridruzi-se-nam .row .stolpec.tretina { - width: 33.3333%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.3333%; - -ms-flex: 0 0 33.3333%; - flex: 0 0 33.3333%; -} + flex-wrap: wrap; } + .pridruzi-se-nam .row .gumb { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + display: flex; } + .pridruzi-se-nam .row .stolpec { + padding-right: 25px; + padding-left: 25px; + padding-left: 25px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center; } + .pridruzi-se-nam .row .stolpec .crte { + height: 1px; + max-width: 400px; + margin-right: auto; + margin-left: auto; + margin-bottom: 25px; + border-bottom: 2px dashed #0040A9; } + .pridruzi-se-nam .row .stolpec .blok { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: 13px; + margin-bottom: 13px; + padding-top: 0px; + padding-bottom: 0px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; } + .pridruzi-se-nam .row .stolpec .blok.velik { + padding-top: 2px; + padding-bottom: 2px; } + .pridruzi-se-nam .row .stolpec .blok .krog { + position: absolute; + width: 70px; + height: 70px; + border-radius: 50%; + background-color: #D4F0FC; } + .pridruzi-se-nam .row .stolpec .blok .krog.velik { + width: 120px; + height: 120px; } + .pridruzi-se-nam .row .stolpec .blok .text { + position: relative; + z-index: 2; + padding-top: 22px; + padding-bottom: 22px; + color: #0040A9; + font-size: 62px; + line-height: 70px; + font-weight: 300; } + .pridruzi-se-nam .row .stolpec .text { + font-size: 18px; + font-weight: 600; } + .pridruzi-se-nam .row .stolpec.pol { + padding: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 50%; + -ms-flex: 0 50%; + flex: 0 50%; } + .pridruzi-se-nam .row .stolpec.tretina { + width: 33.3333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.3333%; + -ms-flex: 0 0 33.3333%; + flex: 0 0 33.3333%; } .zaupajo-nam .row-logotipi { display: -webkit-box; @@ -996,36 +890,32 @@ body { justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.zaupajo-nam .row-logotipi img { - max-width: 100%; - vertical-align: middle; - display: inline-block; - max-height: 60px; - margin-right: 10px; - margin-bottom: 0px; - margin-left: 10px; - padding: 16px; - background-color: #fff; -} + flex-wrap: wrap; } + .zaupajo-nam .row-logotipi img { + max-width: 100%; + vertical-align: middle; + display: inline-block; + max-height: 60px; + margin-right: 10px; + margin-bottom: 0px; + margin-left: 10px; + padding: 16px; + background-color: #fff; } .col-6-blue { -webkit-box-flex: 0; padding-right: 25px; padding-left: 25px; - max-width: 800px; -} -.col-6-blue.vert-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} + max-width: 800px; } + .col-6-blue.vert-center { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .stolpec-4 { padding-right: 25px; @@ -1033,25 +923,20 @@ body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - min-width: 200px; -} -.stolpec-4.logotipi img { - height: 60px; - margin: 0.75rem 0; - margin-right: 20px; -} -.stolpec-4.logotipi img.fdv { - width: 214px; - height: auto; -} -.stolpec-4 .fotter-ico { - width: 40px; - height: 40px; -} + min-width: 200px; } + .stolpec-4.logotipi img { + height: 60px; + margin: 0.75rem 0; + margin-right: 20px; } + .stolpec-4.logotipi img.fdv { + width: 214px; + height: auto; } + .stolpec-4 .fotter-ico { + width: 40px; + height: 40px; } .koraki-spletnega-anketiranja .slika { - position: relative; -} + position: relative; } .koraki-spletnega-anketiranja .centered_text { position: absolute; top: 50%; @@ -1061,53 +946,41 @@ body { font-weight: bold; color: #1e88e5; width: 35%; - line-height: 1.4; -} + line-height: 1.4; } @media screen and (max-width: 991px) { .slider-right { height: auto; - margin-top: 40px; - } -} + margin-top: 40px; } } @media screen and (max-width: 479px) { .slider-right { height: 335px !important; margin-top: 10px !important; - margin-bottom: -40px !important; - } + margin-bottom: -40px !important; } .slider-title { font-size: 30px !important; margin-bottom: 20px !important; - font-weight: 400 !important; - } + font-weight: 400 !important; } .slider-subtitle { - margin-bottom: 20px !important; - } + margin-bottom: 20px !important; } .section-title { - padding: 0 !important; - } - .section-title .title { - font-size: 23px !important; - line-height: 29px !important; - } + padding: 0 !important; } + .section-title .title { + font-size: 23px !important; + line-height: 29px !important; } .flexcol .content { - padding: 0 !important; - } + padding: 0 !important; } .blok .text { font-size: 40px !important; - line-height: 40px !important; - } + line-height: 40px !important; } .pridruzi-se-nam .row { - flex-direction: column; - } -} + flex-direction: column; } } .breadcrumbs { display: -webkit-box; display: -webkit-flex; @@ -1118,18 +991,15 @@ body { -ms-flex-pack: start; justify-content: flex-start; padding-left: 0; - list-style: none; -} -.breadcrumbs li { - padding-right: 10px; -} -.breadcrumbs li a.povezava { - display: block; - padding-right: 10px; - border-right: 1px solid #e5e5e5; - color: #8c8c8c; - text-decoration: none; -} + list-style: none; } + .breadcrumbs li { + padding-right: 10px; } + .breadcrumbs li a.povezava { + display: block; + padding-right: 10px; + border-right: 1px solid #e5e5e5; + color: #8c8c8c; + text-decoration: none; } #breadcrumb .breadcrumbs-ul { list-style: none; @@ -1141,90 +1011,70 @@ body { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; - justify-content: flex-start; -} + justify-content: flex-start; } #breadcrumb .breadcrumb-li { - padding-right: 10px; -} + padding-right: 10px; } #breadcrumb .breadcrumb { display: block; padding-right: 10px; border-right: 1px solid #e5e5e5; color: #8c8c8c; - text-decoration: none; -} + text-decoration: none; } #breadcrumb .breadcrumb:hover { - color: #1e88e5; -} + color: #1e88e5; } .block-quicktabs ul.quicktabs-tabs { margin: 70px 0 40px !important; - text-align: center; -} -.block-quicktabs ul.quicktabs-tabs li { - margin-right: 20px; - margin-left: 20px; - border-bottom: 2px solid #d3d3d3; - font-size: 20px; - position: relative; - display: inline-block; - vertical-align: top; - text-decoration: none; - padding: 9px 30px; - text-align: left; - cursor: pointer; -} -.block-quicktabs ul.quicktabs-tabs li a { - color: #999; -} -.block-quicktabs ul.quicktabs-tabs li.active, .block-quicktabs ul.quicktabs-tabs li:hover { - border-bottom-color: #1e88e5; -} -.block-quicktabs ul.quicktabs-tabs li.active a, .block-quicktabs ul.quicktabs-tabs li:hover a { - color: #1e88e5; -} + text-align: center; } + .block-quicktabs ul.quicktabs-tabs li { + margin-right: 20px; + margin-left: 20px; + border-bottom: 2px solid #d3d3d3; + font-size: 20px; + position: relative; + display: inline-block; + vertical-align: top; + text-decoration: none; + padding: 9px 30px; + text-align: left; + cursor: pointer; } + .block-quicktabs ul.quicktabs-tabs li a { + color: #999; } + .block-quicktabs ul.quicktabs-tabs li.active, .block-quicktabs ul.quicktabs-tabs li:hover { + border-bottom-color: #1e88e5; } + .block-quicktabs ul.quicktabs-tabs li.active a, .block-quicktabs ul.quicktabs-tabs li:hover a { + color: #1e88e5; } .block-quicktabs .quicktabs-main ul { - list-style: none; -} -.block-quicktabs .quicktabs-main ul li { - padding: 13px 0px; - border-bottom: 1px solid #e5e5e5; -} -.block-quicktabs .quicktabs-main ul li:first-child { - border-top: 1px solid #e5e5e5; -} -.block-quicktabs .quicktabs-main ul li a { - color: #333333; - font-size: 18px; - font-weight: 400; -} + list-style: none; } + .block-quicktabs .quicktabs-main ul li { + padding: 13px 0px; + border-bottom: 1px solid #e5e5e5; } + .block-quicktabs .quicktabs-main ul li:first-child { + border-top: 1px solid #e5e5e5; } + .block-quicktabs .quicktabs-main ul li a { + color: #333333; + font-size: 18px; + font-weight: 400; } ul.seznam-tem { - ist-style: none; -} -ul.seznam-tem li.prirocnik { - padding: 13px 0px; - border-bottom: 1px solid #e5e5e5; -} -ul.seznam-tem li.prirocnik:first-child { - border-top: 1px solid #e5e5e5; -} -ul.seznam-tem li.prirocnik a { - color: #333333; - font-size: 18px; - font-weight: 400; -} + ist-style: none; } + ul.seznam-tem li.prirocnik { + padding: 13px 0px; + border-bottom: 1px solid #e5e5e5; } + ul.seznam-tem li.prirocnik:first-child { + border-top: 1px solid #e5e5e5; } + ul.seznam-tem li.prirocnik a { + color: #333333; + font-size: 18px; + font-weight: 400; } @media screen and (max-width: 479px) { ul.quicktabs-tabs li { margin: 0 !important; - padding: 10px !important; - } - ul.quicktabs-tabs li a { - font-size: 15px; - line-height: 19px; - } -} + padding: 10px !important; } + ul.quicktabs-tabs li a { + font-size: 15px; + line-height: 19px; } } .modal, .rexister-modal { position: fixed; left: 0%; @@ -1245,451 +1095,362 @@ ul.seznam-tem li.prirocnik a { -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.39); - display: none; -} -.modal .modal-box, .rexister-modal .modal-box { - position: relative; - overflow: auto; - max-height: 90vh; - max-width: 750px; - padding: 50px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - background-color: #fff; -} -.modal .modal-box.modal-registration, .rexister-modal .modal-box.modal-registration { - max-width: 1000px; -} -.modal .modal-box .obnovitev-gesla-email, .rexister-modal .modal-box .obnovitev-gesla-email { - margin-top: 6px; -} -.modal .modal-box .paragraph, .rexister-modal .modal-box .paragraph { - text-align: center; -} -.modal .modal-box p a, .rexister-modal .modal-box p a { - text-decoration: underline; -} -.modal .modal-box .closemodal, .rexister-modal .modal-box .closemodal { - position: absolute; - left: auto; - top: 20px; - right: 20px; - bottom: auto; - width: 30px; - height: 30px; - cursor: pointer; -} -.modal .modal-box .checkbox-field, .rexister-modal .modal-box .checkbox-field { - padding-left: 0; - margin-bottom: 16px; -} -.modal .modal-box .checkbox-field input, .rexister-modal .modal-box .checkbox-field input { - width: 18px; - height: 18px; - min-width: 18px; - min-height: 18px; - margin-top: 4px; - margin-right: 5px; -} -.modal .modal-box .checkbox-field label, .rexister-modal .modal-box .checkbox-field label { - font-weight: 400; -} -.modal .modal-box h3, .rexister-modal .modal-box h3 { - margin-top: 0px; - margin-bottom: 16px; - font-size: 30px; - line-height: 48px; - font-weight: 400; -} -.modal .modal-box h3.center, .rexister-modal .modal-box h3.center { - margin: auto; - padding-bottom: 25px; -} -.modal .modal-box h4, .rexister-modal .modal-box h4 { - font-weight: 600; -} -.modal .modal-box .w-input, .rexister-modal .modal-box .w-input { - border-style: solid; - border-width: 1px; - border-color: #d1d1d1; - margin-bottom: 16px; -} -.modal .modal-box .w-input.error, .rexister-modal .modal-box .w-input.error { - border-color: red; -} -.modal .modal-box #registracija-uporabnika .w-input, .modal .modal-box #forma-prijava .w-input, .rexister-modal .modal-box #registracija-uporabnika .w-input, .rexister-modal .modal-box #forma-prijava .w-input { - margin-bottom: 0px; -} -.modal .modal-box #registracija-uporabnika .left_col, .modal .modal-box #registracija-uporabnika .right_col, .modal .modal-box #registracija-uporabnika ._3-3-3-12, .modal .modal-box #forma-prijava .left_col, .modal .modal-box #forma-prijava .right_col, .modal .modal-box #forma-prijava ._3-3-3-12, .rexister-modal .modal-box #registracija-uporabnika .left_col, .rexister-modal .modal-box #registracija-uporabnika .right_col, .rexister-modal .modal-box #registracija-uporabnika ._3-3-3-12, .rexister-modal .modal-box #forma-prijava .left_col, .rexister-modal .modal-box #forma-prijava .right_col, .rexister-modal .modal-box #forma-prijava ._3-3-3-12 { - margin-bottom: 16px; -} -.modal .modal-box #registracija-uporabnika .error-empty, .modal .modal-box #forma-prijava .error-empty, .rexister-modal .modal-box #registracija-uporabnika .error-empty, .rexister-modal .modal-box #forma-prijava .error-empty { - display: none; - font-style: italic; - font-size: 14px; -} -.modal .modal-box .w-checkbox, .rexister-modal .modal-box .w-checkbox { - margin-bottom: 16px; -} -.modal .modal-box .w-checkbox input, .rexister-modal .modal-box .w-checkbox input { - float: none; -} -.modal .modal-box .submit, .rexister-modal .modal-box .submit { - width: 100%; - border: 0; -} -.modal .modal-box .submit-prijava, .rexister-modal .modal-box .submit-prijava { - width: 100%; - border: 0; - margin-bottom: 16px; - background: #1e88e5; - color: #ffffff; - padding: 0.5rem 1rem; - font-weight: 600; - letter-spacing: 1px; - cursor: pointer; - text-transform: uppercase; - transition: 0.2s; -} -.modal .modal-box .submit-prijava:hover, .rexister-modal .modal-box .submit-prijava:hover { - background: #1970bb; -} -.modal .modal-box .aai-obvestilo, .rexister-modal .modal-box .aai-obvestilo { - background: #f1f1f1; - border: 1px solid #D1D1D1; - padding: 1rem; - margin-bottom: 16px; -} -.modal .modal-box .gumb, .rexister-modal .modal-box .gumb { - padding-right: 1rem; - background: #1e88e5; - color: #ffffff; - padding: 0.5rem 1rem; - max-width: 250px; - font-weight: 600; - letter-spacing: 1px; - cursor: pointer; - transition: 0.2s; -} -.modal .modal-box .gumb:hover, .rexister-modal .modal-box .gumb:hover { - background: #1970bb; -} -.modal .modal-box .gumb.gumb-aai, .rexister-modal .modal-box .gumb.gumb-aai { - text-transform: uppercase; - background: #e35205; - letter-spacing: 0.5px; -} -.modal .modal-box .gumb.gumb-aai.login, .rexister-modal .modal-box .gumb.gumb-aai.login { - margin-top: 6px; - width: 50%; - padding: 14px 49px; -} -.modal .modal-box .gumb.gumb-aai span, .rexister-modal .modal-box .gumb.gumb-aai span { - justify-content: center; -} -.modal .modal-box .gumb.gumb-aai:hover, .rexister-modal .modal-box .gumb.gumb-aai:hover { - background: #fa6c21; -} -.modal .modal-box .gumb img, .rexister-modal .modal-box .gumb img { - height: 1.6rem; - width: 52px; - padding-right: 1rem; - float: left; -} -.modal .modal-box ul, .rexister-modal .modal-box ul { - margin-top: -10px; -} -.modal .modal-box .registracija #gdpr-vec-text, .rexister-modal .modal-box .registracija #gdpr-vec-text { - display: none; -} -.modal .modal-box .registracija .w-form, .rexister-modal .modal-box .registracija .w-form { - padding-left: 25px; - padding-right: 10px; -} -.modal .modal-box .registracija .w-form .input_row, .rexister-modal .modal-box .registracija .w-form .input_row { - display: flex; -} -.modal .modal-box .registracija .w-form .input_row .left_col, .rexister-modal .modal-box .registracija .w-form .input_row .left_col { - padding-right: 10px; - width: 50%; -} -.modal .modal-box .registracija .w-form .input_row .right_col, .rexister-modal .modal-box .registracija .w-form .input_row .right_col { - padding-left: 10px; - width: 50%; -} -.modal .modal-box .registracija .w-form .cb_multiple_lines, .rexister-modal .modal-box .registracija .w-form .cb_multiple_lines { - float: left; - margin-top: 7px; -} -.modal .modal-box #register-form, .rexister-modal .modal-box #register-form { - flex-direction: column; -} -.modal .modal-box #register-form-confirm, .rexister-modal .modal-box #register-form-confirm { - display: none; - flex-direction: column; -} -.modal .modal-box #register-form-confirm .preged-podatkov, .rexister-modal .modal-box #register-form-confirm .preged-podatkov { - display: flex; - flex-direction: column; - margin: 20px 0; -} -.modal .modal-box #register-form-confirm h4, .rexister-modal .modal-box #register-form-confirm h4 { - font-weight: 600; -} -.modal .modal-box #register-form-confirm ul, .rexister-modal .modal-box #register-form-confirm ul { - margin-top: 0; -} -.modal .modal-box #register-form-confirm .col, .rexister-modal .modal-box #register-form-confirm .col { - flex-direction: column; - margin-bottom: 5px; -} -.modal .modal-box #register-form-confirm .col.pb, .rexister-modal .modal-box #register-form-confirm .col.pb { - flex-direction: row; - margin-bottom: 5px; -} -.modal .modal-box #register-form-confirm .col.pb .label, .rexister-modal .modal-box #register-form-confirm .col.pb .label { - width: 100px; - text-align: end; - margin-right: 25px; - font-weight: 400; -} -.modal .modal-box .w-form .buttons, -.modal .modal-box #register-form-confirm .buttons, .rexister-modal .modal-box .w-form .buttons, -.rexister-modal .modal-box #register-form-confirm .buttons { - margin-top: 10px; - display: flex; - flex-direction: row; -} -.modal .modal-box .w-form .buttons .buttong, -.modal .modal-box #register-form-confirm .buttons .buttong, .rexister-modal .modal-box .w-form .buttons .buttong, -.rexister-modal .modal-box #register-form-confirm .buttons .buttong { - display: flex; - flex: 1; - text-transform: uppercase; - justify-content: center; -} -.modal .modal-box .w-form .buttons .buttong.secondary-button, -.modal .modal-box #register-form-confirm .buttons .buttong.secondary-button, .rexister-modal .modal-box .w-form .buttons .buttong.secondary-button, -.rexister-modal .modal-box #register-form-confirm .buttons .buttong.secondary-button { - margin: 0 8px 0 0; - background: linear-gradient(to left, white 50%, #1e88e5 50%) right; - background-size: 200%; - transition: 0.2s ease-out; - color: #1e88e5; - border: 1px solid #1e88e5; - padding: 11px 7px 11px 17px; -} -.modal .modal-box .w-form .buttons .buttong.secondary-button:hover, -.modal .modal-box #register-form-confirm .buttons .buttong.secondary-button:hover, .rexister-modal .modal-box .w-form .buttons .buttong.secondary-button:hover, -.rexister-modal .modal-box #register-form-confirm .buttons .buttong.secondary-button:hover { - background-position: left; - color: white; -} -.modal .modal-box .w-form .buttons .buttong.main-button, -.modal .modal-box #register-form-confirm .buttons .buttong.main-button, .rexister-modal .modal-box .w-form .buttons .buttong.main-button, -.rexister-modal .modal-box #register-form-confirm .buttons .buttong.main-button { - margin: 0 0 0 8px; - background: linear-gradient(to left, #1e88e5 50%, #0040A9 50%) right; - background-size: 200%; - transition: 0.2s ease-out; - color: #fff; - border: 1px solid #1e88e5; -} -.modal .modal-box .w-form .buttons .buttong.main-button:hover, -.modal .modal-box #register-form-confirm .buttons .buttong.main-button:hover, .rexister-modal .modal-box .w-form .buttons .buttong.main-button:hover, -.rexister-modal .modal-box #register-form-confirm .buttons .buttong.main-button:hover { - border: 1px solid #0040A9; - background-position: left; -} -.modal .modal-box #obnovitev-gesla .buttons, .rexister-modal .modal-box #obnovitev-gesla .buttons { - padding: 0; -} -.modal .modal-box #register-form-email-sent, .rexister-modal .modal-box #register-form-email-sent { - display: none; - flex-direction: column; -} -.modal .modal-box #register-form-email-sent ul, .rexister-modal .modal-box #register-form-email-sent ul { - margin-top: 0; -} -.modal .modal-box #register-form-email-sent h4, .rexister-modal .modal-box #register-form-email-sent h4 { - padding-bottom: 0px; - font-weight: 600; -} -.modal .error, .modal .oznacen-rdec, .rexister-modal .error, .rexister-modal .oznacen-rdec { - color: red; -} -.modal label, .rexister-modal label { - font-weight: 600; - margin: 0; -} -.modal .w-form, .rexister-modal .w-form { - margin: 0; -} -.modal #submit-other-login, -.modal #login-google-title, -.modal #login-facebook-title, -.modal #login-aai-title, .rexister-modal #submit-other-login, -.rexister-modal #login-google-title, -.rexister-modal #login-facebook-title, -.rexister-modal #login-aai-title { - display: none; -} + display: none; } + .modal .modal-box, .rexister-modal .modal-box { + position: relative; + overflow: auto; + max-height: 90vh; + max-width: 750px; + padding: 50px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + background-color: #fff; } + .modal .modal-box.modal-registration, .rexister-modal .modal-box.modal-registration { + max-width: 1000px; } + .modal .modal-box .obnovitev-gesla-email, .rexister-modal .modal-box .obnovitev-gesla-email { + margin-top: 6px; } + .modal .modal-box .paragraph, .rexister-modal .modal-box .paragraph { + text-align: center; } + .modal .modal-box p a, .rexister-modal .modal-box p a { + text-decoration: underline; } + .modal .modal-box .closemodal, .rexister-modal .modal-box .closemodal { + position: absolute; + left: auto; + top: 20px; + right: 20px; + bottom: auto; + width: 30px; + height: 30px; + cursor: pointer; } + .modal .modal-box .checkbox-field, .rexister-modal .modal-box .checkbox-field { + padding-left: 0; + margin-bottom: 16px; } + .modal .modal-box .checkbox-field input, .rexister-modal .modal-box .checkbox-field input { + width: 18px; + height: 18px; + min-width: 18px; + min-height: 18px; + margin-top: 4px; + margin-right: 5px; } + .modal .modal-box .checkbox-field label, .rexister-modal .modal-box .checkbox-field label { + font-weight: 400; } + .modal .modal-box h3, .rexister-modal .modal-box h3 { + margin-top: 0px; + margin-bottom: 16px; + font-size: 30px; + line-height: 48px; + font-weight: 400; } + .modal .modal-box h3.center, .rexister-modal .modal-box h3.center { + margin: auto; + padding-bottom: 25px; } + .modal .modal-box h4, .rexister-modal .modal-box h4 { + font-weight: 600; } + .modal .modal-box .w-input, .rexister-modal .modal-box .w-input { + border-style: solid; + border-width: 1px; + border-color: #d1d1d1; + margin-bottom: 16px; } + .modal .modal-box .w-input.error, .rexister-modal .modal-box .w-input.error { + border-color: red; } + .modal .modal-box #registracija-uporabnika .w-input, .modal .modal-box #forma-prijava .w-input, .rexister-modal .modal-box #registracija-uporabnika .w-input, .rexister-modal .modal-box #forma-prijava .w-input { + margin-bottom: 0px; } + .modal .modal-box #registracija-uporabnika .left_col, .modal .modal-box #registracija-uporabnika .right_col, .modal .modal-box #registracija-uporabnika ._3-3-3-12, .modal .modal-box #forma-prijava .left_col, .modal .modal-box #forma-prijava .right_col, .modal .modal-box #forma-prijava ._3-3-3-12, .rexister-modal .modal-box #registracija-uporabnika .left_col, .rexister-modal .modal-box #registracija-uporabnika .right_col, .rexister-modal .modal-box #registracija-uporabnika ._3-3-3-12, .rexister-modal .modal-box #forma-prijava .left_col, .rexister-modal .modal-box #forma-prijava .right_col, .rexister-modal .modal-box #forma-prijava ._3-3-3-12 { + margin-bottom: 16px; } + .modal .modal-box #registracija-uporabnika .error-empty, .modal .modal-box #forma-prijava .error-empty, .rexister-modal .modal-box #registracija-uporabnika .error-empty, .rexister-modal .modal-box #forma-prijava .error-empty { + display: none; + font-style: italic; + font-size: 14px; } + .modal .modal-box .w-checkbox, .rexister-modal .modal-box .w-checkbox { + margin-bottom: 16px; } + .modal .modal-box .w-checkbox input, .rexister-modal .modal-box .w-checkbox input { + float: none; } + .modal .modal-box .submit, .rexister-modal .modal-box .submit { + width: 100%; + border: 0; } + .modal .modal-box .submit-prijava, .rexister-modal .modal-box .submit-prijava { + width: 100%; + border: 0; + margin-bottom: 16px; + background: #1e88e5; + color: #ffffff; + padding: 0.5rem 1rem; + font-weight: 600; + letter-spacing: 1px; + cursor: pointer; + text-transform: uppercase; + transition: 0.2s; } + .modal .modal-box .submit-prijava:hover, .rexister-modal .modal-box .submit-prijava:hover { + background: #1970bb; } + .modal .modal-box .aai-obvestilo, .rexister-modal .modal-box .aai-obvestilo { + background: #f1f1f1; + border: 1px solid #D1D1D1; + padding: 1rem; + margin-bottom: 16px; } + .modal .modal-box .gumb, .rexister-modal .modal-box .gumb { + padding-right: 1rem; + background: #1e88e5; + color: #ffffff; + padding: 0.5rem 1rem; + max-width: 250px; + font-weight: 600; + letter-spacing: 1px; + cursor: pointer; + transition: 0.2s; } + .modal .modal-box .gumb:hover, .rexister-modal .modal-box .gumb:hover { + background: #1970bb; } + .modal .modal-box .gumb.gumb-aai, .rexister-modal .modal-box .gumb.gumb-aai { + text-transform: uppercase; + background: #e35205; + letter-spacing: 0.5px; } + .modal .modal-box .gumb.gumb-aai.login, .rexister-modal .modal-box .gumb.gumb-aai.login { + margin-top: 6px; + width: 50%; + padding: 14px 49px; } + .modal .modal-box .gumb.gumb-aai span, .rexister-modal .modal-box .gumb.gumb-aai span { + justify-content: center; } + .modal .modal-box .gumb.gumb-aai:hover, .rexister-modal .modal-box .gumb.gumb-aai:hover { + background: #fa6c21; } + .modal .modal-box .gumb img, .rexister-modal .modal-box .gumb img { + height: 1.6rem; + width: 52px; + padding-right: 1rem; + float: left; } + .modal .modal-box ul, .rexister-modal .modal-box ul { + margin-top: -10px; } + .modal .modal-box .registracija #gdpr-vec-text, .rexister-modal .modal-box .registracija #gdpr-vec-text { + display: none; } + .modal .modal-box .registracija .w-form, .rexister-modal .modal-box .registracija .w-form { + padding-left: 25px; + padding-right: 10px; } + .modal .modal-box .registracija .w-form .input_row, .rexister-modal .modal-box .registracija .w-form .input_row { + display: flex; } + .modal .modal-box .registracija .w-form .input_row .left_col, .rexister-modal .modal-box .registracija .w-form .input_row .left_col { + padding-right: 10px; + width: 50%; } + .modal .modal-box .registracija .w-form .input_row .right_col, .rexister-modal .modal-box .registracija .w-form .input_row .right_col { + padding-left: 10px; + width: 50%; } + .modal .modal-box .registracija .w-form .cb_multiple_lines, .rexister-modal .modal-box .registracija .w-form .cb_multiple_lines { + float: left; + margin-top: 7px; } + .modal .modal-box #register-form, .rexister-modal .modal-box #register-form { + flex-direction: column; } + .modal .modal-box #register-form-confirm, .rexister-modal .modal-box #register-form-confirm { + display: none; + flex-direction: column; } + .modal .modal-box #register-form-confirm .preged-podatkov, .rexister-modal .modal-box #register-form-confirm .preged-podatkov { + display: flex; + flex-direction: column; + margin: 20px 0; } + .modal .modal-box #register-form-confirm h4, .rexister-modal .modal-box #register-form-confirm h4 { + font-weight: 600; } + .modal .modal-box #register-form-confirm ul, .rexister-modal .modal-box #register-form-confirm ul { + margin-top: 0; } + .modal .modal-box #register-form-confirm .col, .rexister-modal .modal-box #register-form-confirm .col { + flex-direction: column; + margin-bottom: 5px; } + .modal .modal-box #register-form-confirm .col.pb, .rexister-modal .modal-box #register-form-confirm .col.pb { + flex-direction: row; + margin-bottom: 5px; } + .modal .modal-box #register-form-confirm .col.pb .label, .rexister-modal .modal-box #register-form-confirm .col.pb .label { + width: 100px; + text-align: end; + margin-right: 25px; + font-weight: 400; } + .modal .modal-box .w-form .buttons, + .modal .modal-box #register-form-confirm .buttons, .rexister-modal .modal-box .w-form .buttons, + .rexister-modal .modal-box #register-form-confirm .buttons { + margin-top: 10px; + display: flex; + flex-direction: row; } + .modal .modal-box .w-form .buttons .buttong, + .modal .modal-box #register-form-confirm .buttons .buttong, .rexister-modal .modal-box .w-form .buttons .buttong, + .rexister-modal .modal-box #register-form-confirm .buttons .buttong { + display: flex; + flex: 1; + text-transform: uppercase; + justify-content: center; } + .modal .modal-box .w-form .buttons .buttong.secondary-button, + .modal .modal-box #register-form-confirm .buttons .buttong.secondary-button, .rexister-modal .modal-box .w-form .buttons .buttong.secondary-button, + .rexister-modal .modal-box #register-form-confirm .buttons .buttong.secondary-button { + margin: 0 8px 0 0; + background: linear-gradient(to left, white 50%, #1e88e5 50%) right; + background-size: 200%; + transition: .2s ease-out; + color: #1e88e5; + border: 1px solid #1e88e5; + padding: 11px 7px 11px 17px; } + .modal .modal-box .w-form .buttons .buttong.secondary-button:hover, + .modal .modal-box #register-form-confirm .buttons .buttong.secondary-button:hover, .rexister-modal .modal-box .w-form .buttons .buttong.secondary-button:hover, + .rexister-modal .modal-box #register-form-confirm .buttons .buttong.secondary-button:hover { + background-position: left; + color: white; } + .modal .modal-box .w-form .buttons .buttong.main-button, + .modal .modal-box #register-form-confirm .buttons .buttong.main-button, .rexister-modal .modal-box .w-form .buttons .buttong.main-button, + .rexister-modal .modal-box #register-form-confirm .buttons .buttong.main-button { + margin: 0 0 0 8px; + background: linear-gradient(to left, #1e88e5 50%, #1970bb 50%) right; + background-size: 200%; + transition: .2s ease-out; + color: #fff; + border: 1px solid #1e88e5; } + .modal .modal-box .w-form .buttons .buttong.main-button:hover, + .modal .modal-box #register-form-confirm .buttons .buttong.main-button:hover, .rexister-modal .modal-box .w-form .buttons .buttong.main-button:hover, + .rexister-modal .modal-box #register-form-confirm .buttons .buttong.main-button:hover { + border: 1px solid #1970bb; + background-position: left; } + .modal .modal-box #obnovitev-gesla .buttons, .rexister-modal .modal-box #obnovitev-gesla .buttons { + padding: 0; } + .modal .modal-box #register-form-email-sent, .rexister-modal .modal-box #register-form-email-sent { + display: none; + flex-direction: column; } + .modal .modal-box #register-form-email-sent ul, .rexister-modal .modal-box #register-form-email-sent ul { + margin-top: 0; } + .modal .modal-box #register-form-email-sent h4, .rexister-modal .modal-box #register-form-email-sent h4 { + padding-bottom: 0px; + font-weight: 600; } + .modal .error, .modal .oznacen-rdec, .rexister-modal .error, .rexister-modal .oznacen-rdec { + color: red; } + .modal label, .rexister-modal label { + font-weight: 600; + margin: 0; } + .modal .w-form, .rexister-modal .w-form { + margin: 0; } + .modal #submit-other-login, + .modal #login-google-title, + .modal #login-facebook-title, + .modal #login-aai-title, .rexister-modal #submit-other-login, + .rexister-modal #login-google-title, + .rexister-modal #login-facebook-title, + .rexister-modal #login-aai-title { + display: none; } .dva-stolpca { - display: flex; -} -.dva-stolpca h4 { - margin-left: 25px; - font-weight: 600; - margin-bottom: 14px; -} -.dva-stolpca .preko-racunov { - border-left: 1px solid #d1d1d1; - width: 100%; -} -.dva-stolpca .preko-racunov .ostale-prijave { - display: flex; - flex-direction: column; -} -.dva-stolpca .preko-racunov .ostale-prijave .op-gumb { - margin-left: 25px; - margin-bottom: 16px; - text-transform: uppercase; - color: #1e88e5; - border: 1px solid #1e88e5; - padding: 11px 7px 11px 17px; - background: #ffffff; - padding: 0.5rem 1rem; - max-width: 250px; - font-weight: 600; - cursor: pointer; - transition: 0.2s; -} -.dva-stolpca .preko-racunov .ostale-prijave .op-gumb:hover { - background: #f8f8f8; -} -.dva-stolpca .preko-racunov .ostale-prijave .op-gumb img { - height: 20px; - width: 20px; - margin-top: 3px; - margin-right: 10px; - float: left; -} -.dva-stolpca .preko-racunov .ostale-prijave .aai-prijava-small { - font-size: 0.8rem; - line-height: 1.2; - color: #666; - padding-top: 1rem; - border-top: 1px solid #333333; - margin: 1rem 1rem 0; -} -.dva-stolpca .gumb { - padding-right: 1rem; - background: #1e88e5; - color: #ffffff; - padding: 0.5rem 1rem; - max-width: 250px; - font-weight: 600; - letter-spacing: 1px; - cursor: pointer; - transition: 0.2s; -} -.dva-stolpca .gumb:hover { - background: #1970bb; -} -.dva-stolpca .gumb.gumb-aai { - background: #e35205; - letter-spacing: 0.5px; -} -.dva-stolpca .gumb.gumb-aai:hover { - background: #fa6c21; -} -.dva-stolpca .gumb img { - height: 1.6rem; - width: 52px; - padding-right: 1rem; - float: left; -} -.dva-stolpca .registracija { - padding-right: 1rem; - min-width: 310px; -} -.dva-stolpca .prijava.forma { - width: 100%; - min-width: 300px; -} -.dva-stolpca .error-message { - background: rgba(255, 0, 0, 0.1); - padding: 0.25rem 0.75rem; - color: red; - border: 1px solid red; - display: none; - margin-left: 25px; - margin-right: 25px; - font-size: 14px; - margin-bottom: 16px; -} -.dva-stolpca .error-message.napaka-registracija { - margin-right: 10px; - width: 100%; - margin-left: 0; -} -.dva-stolpca .intro-modal { - display: flex; - flex-direction: column; -} -.dva-stolpca .intro-modal .siv-url { - text-transform: uppercase; - color: #d1d1d1; -} -.dva-stolpca .intro-modal .besedilo { - min-height: 100px; - color: #535050; - font-size: 16px; - line-height: 160%; - margin-bottom: 40px; -} -.dva-stolpca .intro-modal .submit-btn { - margin-top: 3px; - padding: 14px 49px; - font-weight: 600; - text-transform: uppercase; -} -.dva-stolpca .intro-modal .submit-btn span { - justify-content: center; -} -.dva-stolpca .intro-modal .w-button { - width: 100%; - text-align: center; -} -.dva-stolpca .intro-modal.intro-1ka { - width: 100%; - padding-left: 1rem; -} -.dva-stolpca .intro-modal.intro-1ka h4 { - color: #1e88e5; - margin-bottom: 0; -} -.dva-stolpca .intro-modal.intro-aai { - padding-right: 1rem; - border-right: 1px solid #d1d1d1; - width: 100%; -} -.dva-stolpca .intro-modal.intro-aai .text-arnes { - color: #e35205; - margin-bottom: 0; -} -.dva-stolpca .intro-modal.intro-aai .pojasnilo .ikona { - float: left; -} -.dva-stolpca .intro-modal.intro-aai .pojasnilo .tekst { - float: left; - padding-left: 1rem; - color: #e35205 !important; - font-weight: bold; -} + display: flex; } + .dva-stolpca h4 { + margin-left: 25px; + font-weight: 600; + margin-bottom: 14px; } + .dva-stolpca .preko-racunov { + border-left: 1px solid #d1d1d1; + width: 100%; } + .dva-stolpca .preko-racunov .ostale-prijave { + display: flex; + flex-direction: column; } + .dva-stolpca .preko-racunov .ostale-prijave .op-gumb { + margin-left: 25px; + margin-bottom: 16px; + text-transform: uppercase; + color: #1e88e5; + border: 1px solid #1e88e5; + padding: 11px 7px 11px 17px; + background: #ffffff; + padding: 0.5rem 1rem; + max-width: 250px; + font-weight: 600; + cursor: pointer; + transition: 0.2s; } + .dva-stolpca .preko-racunov .ostale-prijave .op-gumb:hover { + background: #f8f8f8; } + .dva-stolpca .preko-racunov .ostale-prijave .op-gumb img { + height: 20px; + width: 20px; + margin-top: 3px; + margin-right: 10px; + float: left; } + .dva-stolpca .preko-racunov .ostale-prijave .aai-prijava-small { + font-size: 0.8rem; + line-height: 1.2; + color: #666; + padding-top: 1rem; + border-top: 1px solid #333333; + margin: 1rem 1rem 0; } + .dva-stolpca .gumb { + padding-right: 1rem; + background: #1e88e5; + color: #ffffff; + padding: 0.5rem 1rem; + max-width: 250px; + font-weight: 600; + letter-spacing: 1px; + cursor: pointer; + transition: 0.2s; } + .dva-stolpca .gumb:hover { + background: #1970bb; } + .dva-stolpca .gumb.gumb-aai { + background: #e35205; + letter-spacing: 0.5px; } + .dva-stolpca .gumb.gumb-aai:hover { + background: #fa6c21; } + .dva-stolpca .gumb img { + height: 1.6rem; + width: 52px; + padding-right: 1rem; + float: left; } + .dva-stolpca .registracija { + padding-right: 1rem; + min-width: 310px; } + .dva-stolpca .prijava.forma { + width: 100%; + min-width: 300px; } + .dva-stolpca .error-message { + background: rgba(255, 0, 0, 0.1); + padding: 0.25rem 0.75rem; + color: red; + border: 1px solid red; + display: none; + margin-left: 25px; + margin-right: 25px; + font-size: 14px; + margin-bottom: 16px; } + .dva-stolpca .error-message.napaka-registracija { + margin-right: 10px; + width: 100%; + margin-left: 0; } + .dva-stolpca .intro-modal { + display: flex; + flex-direction: column; } + .dva-stolpca .intro-modal .siv-url { + text-transform: uppercase; + color: #d1d1d1; } + .dva-stolpca .intro-modal .besedilo { + min-height: 100px; + color: #535050; + font-size: 16px; + line-height: 160%; + margin-bottom: 40px; } + .dva-stolpca .intro-modal .submit-btn { + margin-top: 3px; + padding: 14px 49px; + font-weight: 600; + text-transform: uppercase; } + .dva-stolpca .intro-modal .submit-btn span { + justify-content: center; } + .dva-stolpca .intro-modal .w-button { + width: 100%; + text-align: center; } + .dva-stolpca .intro-modal.intro-1ka { + width: 100%; + padding-left: 1rem; } + .dva-stolpca .intro-modal.intro-1ka h4 { + color: #1e88e5; + margin-bottom: 0; } + .dva-stolpca .intro-modal.intro-aai { + padding-right: 1rem; + border-right: 1px solid #d1d1d1; + width: 100%; } + .dva-stolpca .intro-modal.intro-aai .text-arnes { + color: #e35205; + margin-bottom: 0; } + .dva-stolpca .intro-modal.intro-aai .pojasnilo .ikona { + float: left; } + .dva-stolpca .intro-modal.intro-aai .pojasnilo .tekst { + float: left; + padding-left: 1rem; + color: #e35205 !important; + font-weight: bold; } .naslov-url { font-size: 21px; @@ -1697,16 +1458,13 @@ ul.seznam-tem li.prirocnik a { text-transform: uppercase; font-weight: bold; color: #1e88e5; - margin-bottom: 20px; -} -.naslov-url.plain { - color: #333; - justify-content: center; -} + margin-bottom: 20px; } + .naslov-url.plain { + color: #333; + justify-content: center; } .modra { - color: #1e88e5; -} + color: #1e88e5; } #modal-individualno-svetovanje h3 { margin-top: 20px; @@ -1715,11 +1473,9 @@ ul.seznam-tem li.prirocnik a { line-height: 25px; font-weight: 700; text-transform: uppercase; - padding-bottom: 0px; -} + padding-bottom: 0px; } #modal-individualno-svetovanje .center { - text-align: center; -} + text-align: center; } #modal-individualno-svetovanje .flexrow { display: -webkit-box; display: -webkit-flex; @@ -1729,153 +1485,115 @@ ul.seznam-tem li.prirocnik a { margin-bottom: 10px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; - flex-wrap: wrap; -} + flex-wrap: wrap; } #modal-individualno-svetovanje .flexcol { padding: 20px; -webkit-box-flex: 0; -webkit-flex: 0 33.333%; -ms-flex: 0 33.333%; flex: 0 33.333%; - flex-basis: 33.333%; -} + flex-basis: 33.333%; } #modal-individualno-svetovanje a { color: #1e88e5; text-decoration: none; - transition: 0.1s; -} -#modal-individualno-svetovanje a img { - height: 48px; -} + transition: .1s; } + #modal-individualno-svetovanje a img { + height: 48px; } @media (max-width: 991px) { .modal-box .dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb { max-width: 165px; - padding: 0.5rem; - } - .modal-box .dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb img { - height: 2.6rem; - width: 52px; - padding-right: 1rem; - float: left; - } -} + padding: 0.5rem; } + .modal-box .dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb img { + height: 2.6rem; + width: 52px; + padding-right: 1rem; + float: left; } } @media screen and (max-width: 767px) { .modal-box { margin: auto 20px; padding-right: 25px !important; padding-left: 25px !important; padding-bottom: 20px !important; - max-height: 90%; - } - .modal-box #agreelabel .checkbox-label { - line-height: normal; - } - .modal-box #cutom-login-agree { - align-self: start; - } - .modal-box .col { - padding-left: 0 !important; - padding-right: 0 !important; - } - .modal-box .button { - margin-right: 0 !important; - margin-left: 0 !important; - } - .modal-box .naslov-url { - margin-bottom: 10px; - } - .modal-box .naslov-url.plain { - text-align: unset; - } - .modal-box .registracija .w-form { - padding: 0 !important; - } - .modal-box .registracija .w-form .input_row { - flex-direction: column; - } - .modal-box .registracija .w-form .input_row .left_col, .modal-box .registracija .w-form .input_row .right_col { - width: 100% !important; - padding: 0 !important; - } - .modal-box .w-form .buttons, -.modal-box #register-form-confirm .buttons { - flex-direction: column !important; - } - .modal-box .w-form .buttons .secondary-button, -.modal-box #register-form-confirm .buttons .secondary-button { - margin: 0 !important; - } - .modal-box .w-form .buttons .main-button, -.modal-box #register-form-confirm .buttons .main-button { - margin: 10px 0 0 0 !important; - } - .modal-box .row { - margin-left: 0 !important; - margin-right: 0 !important; - } - .modal-box #submit-lost-password { - width: 100%; - } - .modal-box .dva-stolpca { - display: flex; - flex-direction: column; - } - .modal-box .dva-stolpca .forma { - min-width: unset; - padding: 0; - } - .modal-box .dva-stolpca h4 { - margin-left: 0; - } - .modal-box .dva-stolpca .col p.besedilo { - margin-bottom: 0; - } - .modal-box .dva-stolpca .col .submit-btn { - max-width: unset; - margin: 25px 0; - } - .modal-box .dva-stolpca .submit-prijava { - margin-top: 0 !important; - margin-bottom: 16px !important; - } - .modal-box .dva-stolpca .preko-racunov { - border-left: unset; - } - .modal-box .dva-stolpca .preko-racunov h3 { - margin: 0; - } - .modal-box .dva-stolpca .preko-racunov .ostale-prijave { - width: 100%; - display: flex; - } - .modal-box .dva-stolpca .preko-racunov .ostale-prijave .ikona-custom-login { - max-width: unset; - } - .modal-box .dva-stolpca .preko-racunov .ostale-prijave .ikona-custom-login .op-gumb { - margin-left: 0 !important; - max-width: unset; - } - .modal-box .dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb { - max-width: 100%; - padding: 1 rem; - } - .modal-box .dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb img { - height: 1.6rem; - } - .modal-box .dva-stolpca .intro-modal .besedilo { - min-height: auto; - } - .modal-box .dva-stolpca .intro-modal.intro-1ka { - padding-left: 0; - padding-top: 26px; - } - .modal-box .dva-stolpca .intro-modal.intro-aai { - padding-right: 0; - border-right: 0; - border-bottom: 2px solid #D1D1D1; - } -} + max-height: 90%; } + .modal-box #agreelabel .checkbox-label { + line-height: normal; } + .modal-box #cutom-login-agree { + align-self: start; } + .modal-box .col { + padding-left: 0 !important; + padding-right: 0 !important; } + .modal-box .button { + margin-right: 0 !important; + margin-left: 0 !important; } + .modal-box .naslov-url { + margin-bottom: 10px; } + .modal-box .naslov-url.plain { + text-align: unset; } + .modal-box .registracija .w-form { + padding: 0 !important; } + .modal-box .registracija .w-form .input_row { + flex-direction: column; } + .modal-box .registracija .w-form .input_row .left_col, .modal-box .registracija .w-form .input_row .right_col { + width: 100% !important; + padding: 0 !important; } + .modal-box .w-form .buttons, + .modal-box #register-form-confirm .buttons { + flex-direction: column-reverse !important; } + .modal-box .w-form .buttons .secondary-button, + .modal-box #register-form-confirm .buttons .secondary-button { + margin: 10px 0 0 0 !important; + padding: 9px 15px !important; } + .modal-box .w-form .buttons .main-button, + .modal-box #register-form-confirm .buttons .main-button { + margin: 0 !important; } + .modal-box .row { + margin-left: 0 !important; + margin-right: 0 !important; } + .modal-box #submit-lost-password { + width: 100%; } + .modal-box .dva-stolpca { + display: flex; + flex-direction: column; } + .modal-box .dva-stolpca .forma { + min-width: unset; + padding: 0; } + .modal-box .dva-stolpca h4 { + margin-left: 0; } + .modal-box .dva-stolpca .col p.besedilo { + margin-bottom: 0; } + .modal-box .dva-stolpca .col .submit-btn { + max-width: unset; + margin: 25px 0; } + .modal-box .dva-stolpca .submit-prijava { + margin-top: 0 !important; + margin-bottom: 16px !important; } + .modal-box .dva-stolpca .preko-racunov { + border-left: unset; } + .modal-box .dva-stolpca .preko-racunov h3 { + margin: 0; } + .modal-box .dva-stolpca .preko-racunov .ostale-prijave { + width: 100%; + display: flex; } + .modal-box .dva-stolpca .preko-racunov .ostale-prijave .ikona-custom-login { + max-width: unset; } + .modal-box .dva-stolpca .preko-racunov .ostale-prijave .ikona-custom-login .op-gumb { + margin-left: 0 !important; + max-width: unset; } + .modal-box .dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb { + max-width: 100%; + padding: 1 rem; } + .modal-box .dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb img { + height: 1.6rem; } + .modal-box .dva-stolpca .intro-modal .besedilo { + min-height: auto; } + .modal-box .dva-stolpca .intro-modal.intro-1ka { + padding-left: 0; + padding-top: 26px; } + .modal-box .dva-stolpca .intro-modal.intro-aai { + padding-right: 0; + border-right: 0; + border-bottom: 2px solid #D1D1D1; } } input.form-text, input.form-submit { display: block; width: 100%; @@ -1887,473 +1605,366 @@ input.form-text, input.form-submit { color: #333; vertical-align: middle; background-color: #fff; - border: 1px solid #ccc; -} + border: 1px solid #ccc; } input.form-submit { background: #1e88e5; - color: #ffffff; -} + color: #ffffff; } input.error-field { - border-color: red !important; -} + border-color: red !important; } @keyframes ellipsis { to { - width: 20px; - } -} + width: 20px; } } @-webkit-keyframes ellipsis { to { - width: 20px; - } -} + width: 20px; } } #nakupovanje-1ka { width: 1040px; - margin: 0 auto; -} + margin: 0 auto; } .accordion-toggle { max-height: 0; transition: max-height 0.3s ease-out; - overflow: hidden; -} + overflow: hidden; } .accordion-toggle.active { max-height: 1000px; - transition: max-height 0.3s ease-in; -} + transition: max-height 0.3s ease-in; } .paketi { padding: 2rem; margin-top: -11px; - background: #FFF; -} -.paketi .podnaslov { - line-height: 24px; - font-size: 14px; -} -.paketi .accordion-head.active .accordion-arrow { - transform: rotate(180deg); -} -.paketi .razpri-zapri-vse.active .razpri { - display: none; -} -.paketi .razpri-zapri-vse.active .zapri { - display: inline; -} -.paketi .razpri-zapri-vse.active .puscica { - transform: rotate(180deg); -} -.paketi .veljavnost-cenika { - padding-top: 2rem; - font-style: italic; - font-size: 1rem; -} -.paketi .compare-descr { - min-height: 95px; -} + background: #FFF; } + .paketi .podnaslov { + line-height: 24px; + font-size: 14px; } + .paketi .accordion-head.active .accordion-arrow { + transform: rotate(180deg); } + .paketi .razpri-zapri-vse.active .razpri { + display: none; } + .paketi .razpri-zapri-vse.active .zapri { + display: inline; } + .paketi .razpri-zapri-vse.active .puscica { + transform: rotate(180deg); } + .paketi .veljavnost-cenika { + padding-top: 2rem; + font-style: italic; + font-size: 1rem; } + .paketi .compare-descr { + min-height: 95px; } .circle_check { margin-right: 2px; margin-bottom: 3px; - width: 16px; -} + width: 16px; } .poslovni-uporabniki.paketi .compare-descr { - min-height: 168px; -} + min-height: 168px; } .compare-col { - margin: auto; -} -.compare-col .cta { - background: #FFA608; -} -.compare-col .cta:hover { - background: #ffcb6e; -} + margin: auto; } + .compare-col .cta { + background: #FFA608; } + .compare-col .cta:hover { + background: #ffcb6e; } .cta { - width: 100%; -} + width: 100%; } .nakup-prijava { display: none; padding-bottom: 1rem; - color: #FFA608; -} + color: #FFA608; } #predogled-nakupa-1ka, #procesiram-nakup-1ka { - display: none; -} -#predogled-nakupa-1ka .naslov-predogled h1, -#procesiram-nakup-1ka .naslov-predogled h1 { - margin-bottom: 0; -} + display: none; } + #predogled-nakupa-1ka .naslov-predogled h1, + #procesiram-nakup-1ka .naslov-predogled h1 { + margin-bottom: 0; } .nakup-1ka { display: flex; flex-direction: row; background: white; - margin-bottom: 3rem; -} -.nakup-1ka .leva { - width: 45%; - border-right: 1px #d1d1d1 solid; - padding-right: 40px; -} -.nakup-1ka .leva .month-pick { - width: 100%; -} -.nakup-1ka .leva .sklop .checkbox-field { - padding-left: 20px; -} -.nakup-1ka .desna { - width: 55%; - padding-left: 40px; - display: flex; - flex-direction: row; - padding-top: 104px; -} -.nakup-1ka .desna .ddesna { - padding-top: 50px; - margin-left: auto; - padding-top: 33px; -} -.nakup-1ka .desna .ddesna .cena-z-ddv-text { - font-size: 16px; -} -.nakup-1ka .desna .dleva { - width: 60%; -} -.nakup-1ka .desna .dleva .text-small { - font-size: 16px; - color: #1e88e5; - margin-bottom: 16px; -} -.nakup-1ka .desna .dleva h3 { - margin-bottom: 16px; -} -.nakup-1ka .desna .dleva h4 { - font-size: 16px; - margin: 0; -} -.nakup-1ka .desna .dleva h4.margintb { - margin-top: 20px; - margin-bottom: 16px; -} -.nakup-1ka .section-main { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.nakup-1ka .section-main .col.packet { - padding: 0; -} -.nakup-1ka .section-main .col.packet h3 { - margin: 0 !important; -} -.nakup-1ka .section-main.column { - flex-direction: column; -} -.nakup-1ka .section-main .col { - padding-right: 25px; - padding-left: 25px; - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.3333%; - -ms-flex: 0 0 33.3333%; - flex: 0 0 33.3333%; - text-align: center; - /* .title{ - margin-bottom: 10px; - color: $temo-modra; - font-size: 18px; - line-height: 21px; - font-weight: 900; - text-transform: uppercase; - } */ -} -.nakup-1ka .section-main .col .packet { - border: 1px #d1d1d1 solid; -} -.nakup-1ka .section-main .col .packet:hover { - background-color: #f1f1f1; -} -.nakup-1ka .section-main .col img.package { - margin-bottom: 20px; - width: 120px; -} -.nakup-1ka .section-main .col .icon { - width: 150px; - height: 150px; - margin-bottom: 20px; -} -.nakup-1ka .center { - width: 100%; - text-align: center; -} -.nakup-1ka .header { - background: #1e88e5; - display: flex; - padding: 1rem; - clear: both; - color: #FFFFFF; -} -.nakup-1ka .header a { - color: #FFFFFF; -} -.nakup-1ka .accordion { - padding: 1rem 2rem; -} -.nakup-1ka .accordion-title { - color: #1e88e5; -} -.nakup-1ka .accordion-head { - border: none; - padding: 0; -} -.nakup-1ka .gumbi { - margin-top: 40px; - display: flex; - justify-content: space-between; -} -.nakup-1ka .gumbi .submit-btn { - text-transform: uppercase; -} -.nakup-1ka .gumbi .nazaj { - margin-left: 25px; - margin-right: 15px; - justify-content: center; -} -.nakup-1ka .podatki-za-podjetje { - display: none; -} -.nakup-1ka .vrsta-placila { - display: flex; - justify-content: center; -} -.nakup-1ka .vrsta-placila .submit-btn { - float: none; -} -.nakup-1ka .obvestila { - display: flex; - justify-content: center; - padding: 6rem; -} -.nakup-1ka .obvestilo, -.nakup-1ka .cena-brez-popusta-sklop { - display: none; -} -.nakup-1ka .izbira h4 { - font-weight: normal; -} -.nakup-1ka .izbira .paket { - display: inline-block; - text-align: center; - border: 1px solid #D1D1D1; - cursor: pointer; - width: 200px; - font-size: 20px; - font-weight: 500; - transition: 0.2s; -} -.nakup-1ka .izbira .paket img { - margin-bottom: 0px; - margin-top: 16px; -} -.nakup-1ka .izbira .paket .logo { - display: block; - position: absolute; - padding-top: 1rem; - height: 45px; -} -.nakup-1ka .izbira .paket:hover { - background: #f1f1f1; - border-color: #d1d1d1; -} -.nakup-1ka .izbira .mesec { - display: inline-block; - text-align: center; - border: 1px solid #D1D1D1; - cursor: pointer; - margin-top: -1px; - transition: 0.2s; -} -.nakup-1ka .izbira .mesec:hover { - background: #f1f1f1; - border-color: #d1d1d1; -} -.nakup-1ka .izbira label { - cursor: pointer; - padding: 10px; - margin: 0; -} -.nakup-1ka .izbira input[type=radio] { - opacity: 0; - position: absolute; -} -.nakup-1ka .izbira input[type=radio]:checked + .paket { - background: #f1f1f1; - color: #1e88e5; - border-color: #d1d1d1; -} -.nakup-1ka .izbira input[type=radio]:checked + .mesec { - background: #f1f1f1; - color: #0040A9; - border-color: #d1d1d1; -} -.nakup-1ka .izbira .paket.vrsta-placila { - width: 31%; -} -.nakup-1ka .izbira.cas-trajanja { - display: flex; - flex-direction: column; -} -.nakup-1ka #skupaj-placilo { - color: #FFA608; -} -.nakup-1ka #skupaj-placilo h5 { - font-weight: normal; - color: #333333; -} -.nakup-1ka #skupaj-placilo h4 { - font-weight: 600; - margin-bottom: 0; -} -.nakup-1ka #skupaj-placilo .text-small { - font-style: italic; - font-size: 14px; -} -.nakup-1ka .col._narocilo { - padding-top: 2rem; -} -.nakup-1ka .col._narocilo .col { - padding-top: 6px; - display: flex; - flex-direction: column; - padding-right: 0; - padding-left: 0; - font-weight: bold; -} -.nakup-1ka .col._narocilo .col span { - font-weight: normal; -} -.nakup-1ka .procesiram-narocilo { - display: none; - padding: 3rem 0; -} -.nakup-1ka .procesiram-narocilo .procesiram-posamezno-narocilo { - display: none; -} -.nakup-1ka .procesiram-narocilo .procesiram-posamezno-narocilo:after { - overflow: hidden; - display: inline-block; - vertical-align: bottom; - -webkit-animation: ellipsis steps(4, end) 900ms infinite; - animation: ellipsis steps(4, end) 900ms infinite; - content: "…"; - width: 0px; -} + margin-bottom: 3rem; } + .nakup-1ka .leva { + width: 45%; + border-right: 1px #d1d1d1 solid; + padding-right: 40px; } + .nakup-1ka .leva .month-pick { + width: 100%; } + .nakup-1ka .leva .sklop .checkbox-field { + padding-left: 20px; } + .nakup-1ka .desna { + width: 55%; + padding-left: 40px; + display: flex; + flex-direction: row; + padding-top: 104px; } + .nakup-1ka .desna .ddesna { + padding-top: 50px; + margin-left: auto; + padding-top: 33px; } + .nakup-1ka .desna .ddesna .cena-z-ddv-text { + font-size: 16px; } + .nakup-1ka .desna .dleva { + width: 60%; } + .nakup-1ka .desna .dleva .text-small { + font-size: 16px; + color: #1e88e5; + margin-bottom: 16px; } + .nakup-1ka .desna .dleva h3 { + margin-bottom: 16px; } + .nakup-1ka .desna .dleva h4 { + font-size: 16px; + margin: 0; } + .nakup-1ka .desna .dleva h4.margintb { + margin-top: 20px; + margin-bottom: 16px; } + .nakup-1ka .section-main { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .nakup-1ka .section-main .col.packet { + padding: 0; } + .nakup-1ka .section-main .col.packet h3 { + margin: 0 !important; } + .nakup-1ka .section-main.column { + flex-direction: column; } + .nakup-1ka .section-main .col { + padding-right: 25px; + padding-left: 25px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.3333%; + -ms-flex: 0 0 33.3333%; + flex: 0 0 33.3333%; + text-align: center; + /* .title{ + margin-bottom: 10px; + color: $temo-modra; + font-size: 18px; + line-height: 21px; + font-weight: 900; + text-transform: uppercase; + } */ } + .nakup-1ka .section-main .col .packet { + border: 1px #d1d1d1 solid; } + .nakup-1ka .section-main .col .packet:hover { + background-color: #f1f1f1; } + .nakup-1ka .section-main .col img.package { + margin-bottom: 20px; + width: 120px; } + .nakup-1ka .section-main .col .icon { + width: 150px; + height: 150px; + margin-bottom: 20px; } + .nakup-1ka .center { + width: 100%; + text-align: center; } + .nakup-1ka .header { + background: #1e88e5; + display: flex; + padding: 1rem; + clear: both; + color: #FFFFFF; } + .nakup-1ka .header a { + color: #FFFFFF; } + .nakup-1ka .accordion { + padding: 1rem 2rem; } + .nakup-1ka .accordion-title { + color: #1e88e5; } + .nakup-1ka .accordion-head { + border: none; + padding: 0; } + .nakup-1ka .gumbi { + margin-top: 40px; + display: flex; + justify-content: space-between; } + .nakup-1ka .gumbi .submit-btn { + text-transform: uppercase; } + .nakup-1ka .gumbi .nazaj { + margin-left: 25px; + margin-right: 15px; + justify-content: center; } + .nakup-1ka .podatki-za-podjetje { + display: none; } + .nakup-1ka .vrsta-placila { + display: flex; + justify-content: center; } + .nakup-1ka .vrsta-placila .submit-btn { + float: none; } + .nakup-1ka .obvestila { + display: flex; + justify-content: center; + padding: 6rem; } + .nakup-1ka .obvestilo, + .nakup-1ka .cena-brez-popusta-sklop { + display: none; } + .nakup-1ka .izbira h4 { + font-weight: normal; } + .nakup-1ka .izbira .paket { + display: inline-block; + text-align: center; + border: 1px solid #D1D1D1; + cursor: pointer; + width: 200px; + font-size: 20px; + font-weight: 500; + transition: 0.2s; } + .nakup-1ka .izbira .paket img { + margin-bottom: 0px; + margin-top: 16px; } + .nakup-1ka .izbira .paket .logo { + display: block; + position: absolute; + padding-top: 1rem; + height: 45px; } + .nakup-1ka .izbira .paket:hover { + background: #f1f1f1; + border-color: #d1d1d1; } + .nakup-1ka .izbira .mesec { + display: inline-block; + text-align: center; + border: 1px solid #D1D1D1; + cursor: pointer; + margin-top: -1px; + transition: 0.2s; } + .nakup-1ka .izbira .mesec:hover { + background: #f1f1f1; + border-color: #d1d1d1; } + .nakup-1ka .izbira label { + cursor: pointer; + padding: 10px; + margin: 0; } + .nakup-1ka .izbira input[type=radio] { + opacity: 0; + position: absolute; } + .nakup-1ka .izbira input[type=radio]:checked + .paket { + background: #f1f1f1; + color: #1e88e5; + border-color: #d1d1d1; } + .nakup-1ka .izbira input[type=radio]:checked + .mesec { + background: #f1f1f1; + color: #0040A9; + border-color: #d1d1d1; } + .nakup-1ka .izbira .paket.vrsta-placila { + width: 31%; } + .nakup-1ka .izbira.cas-trajanja { + display: flex; + flex-direction: column; } + .nakup-1ka #skupaj-placilo { + color: #FFA608; } + .nakup-1ka #skupaj-placilo h5 { + font-weight: normal; + color: #333333; } + .nakup-1ka #skupaj-placilo h4 { + font-weight: 600; + margin-bottom: 0; } + .nakup-1ka #skupaj-placilo .text-small { + font-style: italic; + font-size: 14px; } + .nakup-1ka .col._narocilo { + padding-top: 2rem; } + .nakup-1ka .col._narocilo .col { + padding-top: 6px; + display: flex; + flex-direction: column; + padding-right: 0; + padding-left: 0; + font-weight: bold; } + .nakup-1ka .col._narocilo .col span { + font-weight: normal; } + .nakup-1ka .procesiram-narocilo { + display: none; + padding: 3rem 0; } + .nakup-1ka .procesiram-narocilo .procesiram-posamezno-narocilo { + display: none; } + .nakup-1ka .procesiram-narocilo .procesiram-posamezno-narocilo:after { + overflow: hidden; + display: inline-block; + vertical-align: bottom; + -webkit-animation: ellipsis steps(4, end) 900ms infinite; + animation: ellipsis steps(4, end) 900ms infinite; + content: "\2026"; + width: 0px; } .nakup-1ka#izbria-nacina-placila-1ka { - display: none; -} + display: none; } .padding-1 { - padding: 1rem; -} + padding: 1rem; } .ime-paketa { - text-transform: uppercase; -} + text-transform: uppercase; } #narocilo-1ka-pregled .pdf-ikona { font-size: 1.6rem; - padding-top: 1rem; -} + padding-top: 1rem; } #narocilo-1ka-pregled .bottom-buttons { - padding-top: 4rem; -} + padding-top: 4rem; } /** POSLOVNI UPORABNIKI **/ #nakup-1ka-poslovni-uporabniki { display: flex; flex-direction: row; width: 50%; - margin: auto; -} -#nakup-1ka-poslovni-uporabniki h1 { - text-align: center; -} -#nakup-1ka-poslovni-uporabniki .button { - width: 200px; - text-transform: uppercase; - display: flex; - justify-content: center; -} -#nakup-1ka-poslovni-uporabniki .uspesno-oddano-narocilo { - display: none; -} -#nakup-1ka-poslovni-uporabniki .vrsta-polje { - margin: 15px 0; -} + margin: auto; } + #nakup-1ka-poslovni-uporabniki h1 { + text-align: center; } + #nakup-1ka-poslovni-uporabniki .button { + width: 200px; + text-transform: uppercase; + display: flex; + justify-content: center; } + #nakup-1ka-poslovni-uporabniki .uspesno-oddano-narocilo { + display: none; } + #nakup-1ka-poslovni-uporabniki .vrsta-polje { + margin: 15px 0; } .nakupovanje { - padding-top: 0px; -} + padding-top: 0px; } @media (max-width: 1050px) { .nakup-1ka .izbira .paket.vrsta-placila, -.nakup-1ka .izbira .mesec { - width: 259px; - } + .nakup-1ka .izbira .mesec { + width: 259px; } .nakup-1ka .izbira .paket { - display: block; - } -} + display: block; } } @media (max-width: 991px) { .paketi .razpri-zapri-vse.active { - display: none; - } + display: none; } .paketi p.compare-descr { - min-height: 39%; - } + min-height: 39%; } .nakup-1ka .izbira .paket.vrsta-placila, -.nakup-1ka .izbira .mesec { + .nakup-1ka .izbira .mesec { width: 100%; - max-width: 186px; - } -} + max-width: 186px; } } @media (max-width: 767px) { .paketi p.compare-descr { - min-height: 47%; - } + min-height: 47%; } .nakup-1ka .col { padding-right: 0; - padding-left: 0; - } + padding-left: 0; } .nakup-1ka .izbira .paket.vrsta-placila, -.nakup-1ka .izbira .mesec { + .nakup-1ka .izbira .mesec { max-width: 100%; - width: 100%; - } + width: 100%; } .nakup-1ka .izbira .paket label { display: block; - float: left; - } + float: left; } .nakup-1ka .izbira .paket .logo { display: block; position: relative; @@ -2361,55 +1972,43 @@ input.error-field { height: 45px; float: right; margin: 0; - padding: 10px; - } -} + padding: 10px; } } @media (max-width: 479px) { .nakup-1ka .pregled-narocila .col { padding-left: 20px; - padding-right: 20px; - } - .nakup-1ka .pregled-narocila .col.placilo-kartica { - width: 100%; - margin: 1rem 0; - padding-left: 0 !important; - padding-right: 0 !important; - } - .nakup-1ka .pregled-narocila .col.placilo-kartica .kreditna-mesec-cvc div { - width: 100%; - } + padding-right: 20px; } + .nakup-1ka .pregled-narocila .col.placilo-kartica { + width: 100%; + margin: 1rem 0; + padding-left: 0 !important; + padding-right: 0 !important; } + .nakup-1ka .pregled-narocila .col.placilo-kartica .kreditna-mesec-cvc div { + width: 100%; } .nakup-1ka .izbira .paket .logo { - float: left; - } + float: left; } .nakup-1ka .gumbi { clear: both; - padding: 0 20px; - } - .nakup-1ka .gumbi .paragraph { - clear: both; - margin: 0; - width: 100%; - text-align: center; - padding: 14px 44px; - border: 1px solid #1e88e5; - } + padding: 0 20px; } + .nakup-1ka .gumbi .paragraph { + clear: both; + margin: 0; + width: 100%; + text-align: center; + padding: 14px 44px; + border: 1px solid #1e88e5; } .nakup-1ka .submit-btn { - padding-bottom: 10px; - } + padding-bottom: 10px; } #narocilo-1ka-pregled .pdf-ikona { - font-size: 1.1rem; - } + font-size: 1.1rem; } #narocilo-1ka-pregled .bottom-buttons .col { - width: 100%; - } + width: 100%; } #narocilo-1ka-pregled .bottom-buttons .w-button { width: 100%; clear: both; float: left; text-align: center; - padding-bottom: 10px; - } + padding-bottom: 10px; } #narocilo-1ka-pregled .bottom-buttons .w-link-button { clear: both; margin: 0; @@ -2418,9 +2017,7 @@ input.error-field { border: 1px solid #1e88e5; display: block; padding: 9px 15px; - margin-top: 1rem; - } -} + margin-top: 1rem; } } .nav-menu, .mobile-nav-menu { position: fixed; @@ -2441,240 +2038,208 @@ input.error-field { &.hide{ height: 0; } - } */ -} -.nav-menu .logo, -.mobile-nav-menu .logo { - display: block; - height: 71px; - margin-top: 0px; - padding-top: 14px; - padding-bottom: 10px; - float: left; -} -.nav-menu .block-menu, -.mobile-nav-menu .block-menu { - z-index: 200; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.nav-menu .block-menu .list-elementi, -.mobile-nav-menu .block-menu .list-elementi { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-bottom: 0px; - padding-left: 30px; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - list-style: none; - flex-flow: row wrap; - margin-right: 24px; -} -.nav-menu .block-menu .list-elementi .nav-li, -.mobile-nav-menu .block-menu .list-elementi .nav-li { - padding-right: 15px; - padding-left: 15px; - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - list-style: none; -} -.nav-menu .block-menu .list-elementi .nav-li a, -.mobile-nav-menu .block-menu .list-elementi .nav-li a { - display: block; - padding-top: 20px; - padding-bottom: 3px; - border-bottom: 2px solid #fff; - color: #343434; - font-size: 16px; - line-height: 30px; - font-weight: 400; - text-decoration: none; -} -.nav-menu .block-menu .list-elementi .nav-li a:hover, -.mobile-nav-menu .block-menu .list-elementi .nav-li a:hover { - border-bottom-color: #1e88e5; - color: #1e88e5; -} -.nav-menu .block-menu .list-elementi .nav-li.menue-2-drop, -.mobile-nav-menu .block-menu .list-elementi .nav-li.menue-2-drop { - display: block; -} -.nav-menu .block-menu .list-elementi .nav-li.menue-2-drop .nav-ul-2, -.mobile-nav-menu .block-menu .list-elementi .nav-li.menue-2-drop .nav-ul-2 { - position: fixed; - left: 0px; - top: 70px; - right: 0px; - z-index: 153; - display: none; - overflow: hidden; - width: 100%; - max-width: 1160px; - margin-right: auto; - margin-left: auto; - border-style: none; - border-width: 1px; - border-color: #b3d8eb; - background-color: #fff; - box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.22); -} -.nav-menu .block-menu .desni-elementi, -.mobile-nav-menu .block-menu .desni-elementi { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-align: start; - -webkit-align-items: start; - -ms-flex-align: start; - align-items: start; - padding-top: 20px; - margin-left: auto; -} -.nav-menu .block-menu .desni-elementi .searchbutton, -.mobile-nav-menu .block-menu .desni-elementi .searchbutton { - margin-top: 4px; - z-index: 999; - align-self: auto; -} -.nav-menu .block-menu .menu-icon, -.mobile-nav-menu .block-menu .menu-icon { - display: none; - margin-left: auto; -} -.nav-menu .region-header-menu, -.mobile-nav-menu .region-header-menu { - display: flex; -} -.nav-menu .region-header-menu .language-switcher-language-url ul, -.mobile-nav-menu .region-header-menu .language-switcher-language-url ul { - list-style: none; - padding: 0; -} -.nav-menu .region-header-menu .language-switcher-language-url ul li, -.mobile-nav-menu .region-header-menu .language-switcher-language-url ul li { - text-transform: uppercase; - font-weight: bold; - display: none; -} -.nav-menu .region-header-menu .language-switcher-language-url ul li:not(.is-active), -.mobile-nav-menu .region-header-menu .language-switcher-language-url ul li:not(.is-active) { - display: block; -} -.nav-menu .region-header-menu .language-switcher-language-url ul li a, -.mobile-nav-menu .region-header-menu .language-switcher-language-url ul li a { - display: block; - padding-top: 20px; - padding-bottom: 3px; - border-bottom: 2px solid #fff; - color: #343434; - font-size: 16px; - line-height: 30px; - font-weight: 400; -} -.nav-menu .region-header-menu .language-switcher-language-url ul li a:hover, -.mobile-nav-menu .region-header-menu .language-switcher-language-url ul li a:hover { - border-bottom-color: #1e88e5; - color: #1e88e5; -} + } */ } + .nav-menu .logo, + .mobile-nav-menu .logo { + display: block; + height: 71px; + margin-top: 0px; + padding-top: 14px; + padding-bottom: 10px; + float: left; } + .nav-menu .block-menu, + .mobile-nav-menu .block-menu { + z-index: 200; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + .nav-menu .block-menu .list-elementi, + .mobile-nav-menu .block-menu .list-elementi { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 0px; + padding-left: 30px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + list-style: none; + flex-flow: row wrap; + margin-right: 24px; } + .nav-menu .block-menu .list-elementi .nav-li, + .mobile-nav-menu .block-menu .list-elementi .nav-li { + padding-right: 15px; + padding-left: 15px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + list-style: none; } + .nav-menu .block-menu .list-elementi .nav-li a, + .mobile-nav-menu .block-menu .list-elementi .nav-li a { + display: block; + padding-top: 20px; + padding-bottom: 3px; + border-bottom: 2px solid #fff; + color: #343434; + font-size: 16px; + line-height: 30px; + font-weight: 400; + text-decoration: none; } + .nav-menu .block-menu .list-elementi .nav-li a:hover, + .mobile-nav-menu .block-menu .list-elementi .nav-li a:hover { + border-bottom-color: #1e88e5; + color: #1e88e5; } + .nav-menu .block-menu .list-elementi .nav-li.menue-2-drop, + .mobile-nav-menu .block-menu .list-elementi .nav-li.menue-2-drop { + display: block; } + .nav-menu .block-menu .list-elementi .nav-li.menue-2-drop .nav-ul-2, + .mobile-nav-menu .block-menu .list-elementi .nav-li.menue-2-drop .nav-ul-2 { + position: fixed; + left: 0px; + top: 70px; + right: 0px; + z-index: 153; + display: none; + overflow: hidden; + width: 100%; + max-width: 1160px; + margin-right: auto; + margin-left: auto; + border-style: none; + border-width: 1px; + border-color: #b3d8eb; + background-color: #fff; + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.22); } + .nav-menu .block-menu .desni-elementi, + .mobile-nav-menu .block-menu .desni-elementi { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: start; + -webkit-align-items: start; + -ms-flex-align: start; + align-items: start; + padding-top: 20px; + margin-left: auto; } + .nav-menu .block-menu .desni-elementi .searchbutton, + .mobile-nav-menu .block-menu .desni-elementi .searchbutton { + margin-top: 4px; + z-index: 999; + align-self: auto; } + .nav-menu .block-menu .menu-icon, + .mobile-nav-menu .block-menu .menu-icon { + display: none; + margin-left: auto; } + .nav-menu .region-header-menu, + .mobile-nav-menu .region-header-menu { + display: flex; } + .nav-menu .region-header-menu .language-switcher-language-url ul, + .mobile-nav-menu .region-header-menu .language-switcher-language-url ul { + list-style: none; + padding: 0; } + .nav-menu .region-header-menu .language-switcher-language-url ul li, + .mobile-nav-menu .region-header-menu .language-switcher-language-url ul li { + text-transform: uppercase; + font-weight: bold; + display: none; } + .nav-menu .region-header-menu .language-switcher-language-url ul li:not(.is-active), + .mobile-nav-menu .region-header-menu .language-switcher-language-url ul li:not(.is-active) { + display: block; } + .nav-menu .region-header-menu .language-switcher-language-url ul li a, + .mobile-nav-menu .region-header-menu .language-switcher-language-url ul li a { + display: block; + padding-top: 20px; + padding-bottom: 3px; + border-bottom: 2px solid #fff; + color: #343434; + font-size: 16px; + line-height: 30px; + font-weight: 400; } + .nav-menu .region-header-menu .language-switcher-language-url ul li a:hover, + .mobile-nav-menu .region-header-menu .language-switcher-language-url ul li a:hover { + border-bottom-color: #1e88e5; + color: #1e88e5; } .sidebar_menu { - display: block; -} -.sidebar_menu h4 a { - color: #333; - text-decoration: none; - text-transform: uppercase; - font-weight: 600; - font-size: 15px; -} -.sidebar_menu h4 a:hover { - color: #1e88e5; -} -.sidebar_menu #forma-iskanje-second { - display: flex; -} -.sidebar_menu ul:not(.contextual-links) { - display: block; - margin: 0px; - padding: 0px; - color: #333; - font-size: 15px; - font-weight: 600; - text-decoration: none; - text-transform: uppercase; -} -.sidebar_menu ul:not(.contextual-links):hover { - color: #1e88e5; -} -.sidebar_menu ul:not(.contextual-links):focus { - color: #1e88e5; -} -.sidebar_menu ul:not(.contextual-links) li { - padding: 0px; - margin: 0px; - list-style: none; -} -.sidebar_menu ul:not(.contextual-links) li:hover { - color: #1e88e5; -} -.sidebar_menu ul:not(.contextual-links) li a { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-left: 0px; - display: block; - margin-top: 0px; - margin-bottom: 0px; - padding-top: 4px; - padding-right: 20px; - padding-bottom: 4px; - color: #333; - font-size: 15px; - font-weight: 400; - text-decoration: none; - text-transform: none; -} -.sidebar_menu ul:not(.contextual-links) li a.is-active { - color: #1e88e5; -} -.sidebar_menu ul:not(.contextual-links) li a:hover { - color: #1e88e5; -} -.sidebar_menu ul.menu-1ka li a { - margin-top: 10px; - text-transform: uppercase; - font-weight: 600; -} -.sidebar_menu ul.menu-1ka ul.menu li a { - margin-top: 0px; - text-transform: none; - font-weight: 400; -} + display: block; } + .sidebar_menu h4 a { + color: #333; + text-decoration: none; + text-transform: uppercase; + font-weight: 600; + font-size: 15px; } + .sidebar_menu h4 a:hover { + color: #1e88e5; } + .sidebar_menu #forma-iskanje-second { + display: flex; } + .sidebar_menu ul:not(.contextual-links) { + display: block; + margin: 0px; + padding: 0px; + color: #333; + font-size: 15px; + font-weight: 600; + text-decoration: none; + text-transform: uppercase; } + .sidebar_menu ul:not(.contextual-links):hover { + color: #1e88e5; } + .sidebar_menu ul:not(.contextual-links):focus { + color: #1e88e5; } + .sidebar_menu ul:not(.contextual-links) li { + padding: 0px; + margin: 0px; + list-style: none; } + .sidebar_menu ul:not(.contextual-links) li:hover { + color: #1e88e5; } + .sidebar_menu ul:not(.contextual-links) li a { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 0px; + display: block; + margin-top: 0px; + margin-bottom: 0px; + padding-top: 4px; + padding-right: 20px; + padding-bottom: 4px; + color: #333; + font-size: 15px; + font-weight: 400; + text-decoration: none; + text-transform: none; } + .sidebar_menu ul:not(.contextual-links) li a.is-active { + color: #1e88e5; } + .sidebar_menu ul:not(.contextual-links) li a:hover { + color: #1e88e5; } + .sidebar_menu ul.menu-1ka li a { + margin-top: 10px; + text-transform: uppercase; + font-weight: 600; } + .sidebar_menu ul.menu-1ka ul.menu li a { + margin-top: 0px; + text-transform: none; + font-weight: 400; } nav.tabs { display: -webkit-box; @@ -2687,40 +2252,34 @@ nav.tabs { -webkit-justify-content: flex-start; -ms-flex-pack: center; justify-content: flex-start; - border-bottom: 1px none #b3d8eb; -} -nav.tabs li { - margin-right: 12px; - border-bottom: 2px solid #d3d3d3; - font-size: 20px; - position: relative; - display: inline-block; - vertical-align: top; - text-decoration: none; - text-align: left; - cursor: pointer; -} -nav.tabs li a { - background: none; - color: #999; -} -nav.tabs li a:hover, nav.tabs li a.is-active { - background-color: #fff; - color: #1e88e5; -} -nav.tabs li:hover, nav.tabs li.is-active { - border-bottom-color: #1e88e5; - background-color: #fff; - color: #1e88e5; -} + border-bottom: 1px none #b3d8eb; } + nav.tabs li { + margin-right: 12px; + border-bottom: 2px solid #d3d3d3; + font-size: 20px; + position: relative; + display: inline-block; + vertical-align: top; + text-decoration: none; + text-align: left; + cursor: pointer; } + nav.tabs li a { + background: none; + color: #999; } + nav.tabs li a:hover, nav.tabs li a.is-active { + background-color: #fff; + color: #1e88e5; } + nav.tabs li:hover, nav.tabs li.is-active { + border-bottom-color: #1e88e5; + background-color: #fff; + color: #1e88e5; } #user-menu ul.user-menu-link { list-style: none; padding-inline-start: 0; border: 1px solid #D1D1D1; padding: 10px 15px; - margin-top: 5px; -} + margin-top: 5px; } .mobile-nav-menu { position: fixed; @@ -2734,49 +2293,37 @@ nav.tabs li:hover, nav.tabs li.is-active { min-width: 350px; flex-direction: column; overflow: auto; - box-shadow: 4px 4px 11px 0 rgba(0, 0, 0, 0.09); -} -.mobile-nav-menu .region-header-menu { - flex-direction: column; -} -.mobile-nav-menu .region-header-menu .language-switcher-language-url { - padding-left: 10px; -} -.mobile-nav-menu .region-header-menu a { - padding-top: 5px !important; - font-size: 19px !important; -} -.mobile-nav-menu .region-header-menu a:hover { - border-bottom-color: white !important; -} -.mobile-nav-menu .region-header-menu .block-menu { - flex-direction: column; -} -.mobile-nav-menu .region-header-menu .block-menu .list-elementi { - flex-direction: column !important; - padding-left: 10px !important; -} -.mobile-nav-menu .region-header-menu .block-menu .list-elementi .nav-li { - padding: 0; -} -.mobile-nav-menu .desni-elementi { - margin-top: 10px; - margin-left: 10px; -} + box-shadow: 4px 4px 11px 0 rgba(0, 0, 0, 0.09); } + .mobile-nav-menu .region-header-menu { + flex-direction: column; } + .mobile-nav-menu .region-header-menu .language-switcher-language-url { + padding-left: 10px; } + .mobile-nav-menu .region-header-menu a { + padding-top: 5px !important; + font-size: 19px !important; } + .mobile-nav-menu .region-header-menu a:hover { + border-bottom-color: white !important; } + .mobile-nav-menu .region-header-menu .block-menu { + flex-direction: column; } + .mobile-nav-menu .region-header-menu .block-menu .list-elementi { + flex-direction: column !important; + padding-left: 10px !important; } + .mobile-nav-menu .region-header-menu .block-menu .list-elementi .nav-li { + padding: 0; } + .mobile-nav-menu .desni-elementi { + margin-top: 10px; + margin-left: 10px; } #block-languageswitcher { - margin-right: 40px; -} -#block-languageswitcher ul { - list-style: none; - text-transform: uppercase; - font-weight: bold; -} + margin-right: 40px; } + #block-languageswitcher ul { + list-style: none; + text-transform: uppercase; + font-weight: bold; } a { color: #1e88e5; - text-decoration: none; -} + text-decoration: none; } .side-nav-second { display: -webkit-box; @@ -2786,19 +2333,17 @@ a { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; - align-items: flex-start; -} -.side-nav-second .side-nav { - width: 300px; - margin-right: 25px; - margin-left: 25px; - padding: 25px; - border-style: solid; - border-width: 1px; - border-color: #e5e5e5; - background-color: #fff; - box-shadow: -10px -10px 0 0 #f8f8f8; -} + align-items: flex-start; } + .side-nav-second .side-nav { + width: 300px; + margin-right: 25px; + margin-left: 25px; + padding: 25px; + border-style: solid; + border-width: 1px; + border-color: #e5e5e5; + background-color: #fff; + box-shadow: -10px -10px 0 0 #f8f8f8; } .glavna-vsebina .col { display: unset; @@ -2807,8 +2352,7 @@ a { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; -} + flex: 1; } .gumb-svetovanje { display: -webkit-box; @@ -2835,86 +2379,71 @@ a { flex: 0 0 100px; border-radius: 50% 50% 50% 0px; background-color: #D4F0FC; - cursor: pointer; -} -.gumb-svetovanje .besedilo { - color: #0040A9; - font-size: 11px; - line-height: 17px; - font-weight: 700; - text-align: center; - text-transform: uppercase; -} + cursor: pointer; } + .gumb-svetovanje .besedilo { + color: #0040A9; + font-size: 11px; + line-height: 17px; + font-weight: 700; + text-align: center; + text-transform: uppercase; } .blue-section .secondary-button-white { - color: white; -} + color: white; } @media screen and (max-width: 479px) { .div-block-17 .buttons-row { - flex-direction: column; - } - .div-block-17 .buttons-row a { - max-width: unset; - width: unset; - } - .div-block-17 .buttons-row a.main-button-white { - margin-bottom: 16px; - } -} + flex-direction: column; } + .div-block-17 .buttons-row a { + max-width: unset; + width: unset; } + .div-block-17 .buttons-row a.main-button-white { + margin-bottom: 16px; } } #search-api-page-block-form-iskanje { - display: flex; -} -#search-api-page-block-form-iskanje .js-form-type-search { - margin-top: 0; - margin-bottom: 0; - display: flex; - flex-grow: 1; -} -#search-api-page-block-form-iskanje .js-form-type-search .form-search { - width: 100%; - height: 26px; - padding: 10px 15px; - float: left; - border: 1px solid #D1D1D1; - border-radius: 37px 0px 0px 37px; - padding-left: 29px; - border-right: 0px; - font-size: 18px; - outline: none; -} -#search-api-page-block-form-iskanje .js-form-type-search .form-search:focus { - border-color: #1e88e5; -} -#search-api-page-block-form-iskanje .search-form__submit { - width: 48px; - height: 48px; - border-radius: 0px 37px 37px 0px; - background-color: #1e88e5; - border-left: 0px; - background-image: url("../svg/icons-search-bela.svg"); - background-position: 50% 50%; - background-size: 26px 26px; - background-repeat: no-repeat; - letter-spacing: 3px; - color: transparent; - margin-left: 0 !important; - border: none; -} + display: flex; } + #search-api-page-block-form-iskanje .js-form-type-search { + margin-top: 0; + margin-bottom: 0; + display: flex; + flex-grow: 1; } + #search-api-page-block-form-iskanje .js-form-type-search .form-search { + width: 100%; + height: 26px; + padding: 10px 15px; + float: left; + border: 1px solid #D1D1D1; + border-radius: 37px 0px 0px 37px; + padding-left: 29px; + border-right: 0px; + font-size: 18px; + outline: none; } + #search-api-page-block-form-iskanje .js-form-type-search .form-search:focus { + border-color: #1e88e5; } + #search-api-page-block-form-iskanje .search-form__submit { + width: 48px; + height: 48px; + border-radius: 0px 37px 37px 0px; + background-color: #1e88e5; + border-left: 0px; + background-image: url("../svg/icons-search-bela.svg"); + background-position: 50% 50%; + background-size: 26px 26px; + background-repeat: no-repeat; + letter-spacing: 3px; + color: transparent; + margin-left: 0 !important; + border: none; } .node--view-mode-search-result h2 { font-size: 22px; line-height: 26px; text-transform: uppercase; - color: #1e88e5; -} -.node--view-mode-search-result h2:hover { - text-decoration: underline; -} + color: #1e88e5; } + .node--view-mode-search-result h2:hover { + text-decoration: underline; } .iskanje-najdeno-st-zadetkov { - color: #D1D1D1; -} + color: #D1D1D1; } .novice-page ul { display: -webkit-box; @@ -2926,139 +2455,107 @@ a { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - list-style: none; -} -.novice-page ul li { - padding: 20px; - -webkit-box-flex: 0; - -webkit-flex: 0 33.333%; - -ms-flex: 0 33.333%; - flex: 0 33.333%; - -webkit-flex-basis: 33.333%; - -ms-flex-preferred-size: 33.333%; - flex-basis: 33.333%; -} -.novice-page ul li .datum-novica.mesec { - font-size: 18px; - line-height: 40px; - text-transform: uppercase; -} -.novice-page ul li .datum-novica.dan-no { - display: block; - width: 40px; - height: 40px; - margin-right: 10px; - float: left; - border-radius: 50%; - background-color: #D4F0FC; - color: #1e88e5; - text-align: center; - padding-top: 7px; -} -.novice-page ul li .naslov-novica { - margin-top: 20px; - margin-bottom: 20px; - font-size: 19px; - line-height: 25px; - font-weight: 700; - text-transform: uppercase; -} -.novice-page ul li .naslov-novica a { - color: #535050; -} -.novice-page ul li .readmore a { - color: #1E88E5; - font-weight: 600; -} -.novice-page ul li .readmore a:hover { - text-decoration-line: underline; -} + list-style: none; } + .novice-page ul li { + padding: 20px; + -webkit-box-flex: 0; + -webkit-flex: 0 33.333%; + -ms-flex: 0 33.333%; + flex: 0 33.333%; + -webkit-flex-basis: 33.333%; + -ms-flex-preferred-size: 33.333%; + flex-basis: 33.333%; } + .novice-page ul li .datum-novica.mesec { + font-size: 18px; + line-height: 40px; + text-transform: uppercase; } + .novice-page ul li .datum-novica.dan-no { + display: block; + width: 40px; + height: 40px; + margin-right: 10px; + float: left; + border-radius: 50%; + background-color: #D4F0FC; + color: #1e88e5; + text-align: center; + padding-top: 7px; } + .novice-page ul li .naslov-novica { + margin-top: 20px; + margin-bottom: 20px; + font-size: 19px; + line-height: 25px; + font-weight: 700; + text-transform: uppercase; } + .novice-page ul li .naslov-novica a { + color: #535050; } + .novice-page ul li .readmore a { + color: #1E88E5; + font-weight: 600; } + .novice-page ul li .readmore a:hover { + text-decoration-line: underline; } .cenik-prikaz { - margin-top: -150px; -} -.cenik-prikaz .ostale-storitve { - padding: 2rem 0; -} -.cenik-prikaz .ostale-storitve .compare-row.naslov { - text-transform: uppercase; -} -.cenik-prikaz .ostale-storitve .compare-row.naslov .cd { - font-weight: bold; -} -.cenik-prikaz .ostale-storitve .compare-row .compare-col.leftcol { - min-width: 56%; -} -.cenik-prikaz .ostale-storitve .compare-row .compare-col.bold { - font-weight: bold; -} -.cenik-prikaz .ostale-storitve .accordion-title-block { - width: 100%; -} -.cenik-prikaz .ostale-storitve .accordion-title-block .accordion-title { - min-width: 59%; -} -.cenik-prikaz .ostale-storitve .accordion-title-block .accordion-title.w-70 { - min-width: 70%; -} -.cenik-prikaz .ostale-storitve .accordion-title-block .accordion-title.title-cena { - min-width: 22%; - font-weight: 400; -} -.cenik-prikaz .ostale-storitve.w-70 .compare-col { - text-align: right; -} -.cenik-prikaz .ostale-storitve.w-70 .compare-col.leftcol { - text-align: left; -} -.cenik-prikaz .ostale-storitve.w-70 .accordion-title-block { - justify-content: space-between; -} -.cenik-prikaz .ostale-storitve.w-70 .accordion-title-block .accordion-title { - min-width: 70%; -} -.cenik-prikaz .ostale-storitve.w-70 .accordion-title-block .accordion-title.title-cena { - min-width: 20%; - font-weight: 400; - text-align: right; - padding: 0 50px; -} + margin-top: -150px; } + .cenik-prikaz .ostale-storitve { + padding: 2rem 0; } + .cenik-prikaz .ostale-storitve .compare-row.naslov { + text-transform: uppercase; } + .cenik-prikaz .ostale-storitve .compare-row.naslov .cd { + font-weight: bold; } + .cenik-prikaz .ostale-storitve .compare-row .compare-col.leftcol { + min-width: 56%; } + .cenik-prikaz .ostale-storitve .compare-row .compare-col.bold { + font-weight: bold; } + .cenik-prikaz .ostale-storitve .accordion-title-block { + width: 100%; } + .cenik-prikaz .ostale-storitve .accordion-title-block .accordion-title { + min-width: 59%; } + .cenik-prikaz .ostale-storitve .accordion-title-block .accordion-title.w-70 { + min-width: 70%; } + .cenik-prikaz .ostale-storitve .accordion-title-block .accordion-title.title-cena { + min-width: 22%; + font-weight: 400; } + .cenik-prikaz .ostale-storitve.w-70 .compare-col { + text-align: right; } + .cenik-prikaz .ostale-storitve.w-70 .compare-col.leftcol { + text-align: left; } + .cenik-prikaz .ostale-storitve.w-70 .accordion-title-block { + justify-content: space-between; } + .cenik-prikaz .ostale-storitve.w-70 .accordion-title-block .accordion-title { + min-width: 70%; } + .cenik-prikaz .ostale-storitve.w-70 .accordion-title-block .accordion-title.title-cena { + min-width: 20%; + font-weight: 400; + text-align: right; + padding: 0 50px; } @media screen and (max-width: 991px) { .cenik-prikaz { - margin-top: 0; - } - .cenik-prikaz .ostale-storitve.w-70 .compare-col { - text-align: center; - } - .cenik-prikaz .ostale-storitve .accordion-title-block .accordion-title { - min-width: 70%; - } - .cenik-prikaz .ostale-storitve .accordion-title-block .accordion-title.title-cena.full_width { - width: 100%; - text-align: center; - } -} + margin-top: 70px; } + .cenik-prikaz .ostale-storitve.w-70 .compare-col { + text-align: center; } + .cenik-prikaz .ostale-storitve .accordion-title-block .accordion-title { + min-width: 70%; } + .cenik-prikaz .ostale-storitve .accordion-title-block .accordion-title.title-cena.full_width { + width: 100%; + text-align: center; } } .iskani-rezultat p { - color: #333; -} + color: #333; } .iskani-rezultat h3 { - text-transform: uppercase; -} -.iskani-rezultat h3:hover { - text-decoration: underline; -} + text-transform: uppercase; } + .iskani-rezultat h3:hover { + text-decoration: underline; } @font-face { - font-family: "webflow-icons"; + font-family: 'webflow-icons'; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype"); font-weight: normal; - font-style: normal; -} -[class^=w-icon-], + font-style: normal; } +[class^="w-icon-"], [class*=" w-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ - font-family: "webflow-icons" !important; + font-family: 'webflow-icons' !important; speak: none; font-style: normal; font-weight: normal; @@ -3067,43 +2564,34 @@ a { line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} + -moz-osx-font-smoothing: grayscale; } .w-icon-slider-right:before { - content: ""; -} + content: "\e600"; } .w-icon-slider-left:before { - content: ""; -} + content: "\e601"; } .w-icon-nav-menu:before { - content: ""; -} + content: "\e602"; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { - content: ""; -} + content: "\e603"; } .w-icon-file-upload-remove:before { - content: ""; -} + content: "\e900"; } .w-icon-file-upload-icon:before { - content: ""; -} + content: "\e903"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - box-sizing: border-box; -} + box-sizing: border-box; } html { - height: 100%; -} + height: 100%; } body { margin: 0; @@ -3112,28 +2600,23 @@ body { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; - color: #333; -} + color: #333; } img { max-width: 100%; vertical-align: middle; display: inline-block; - align-self: center; -} + align-self: center; } html.w-mod-touch * { - background-attachment: scroll !important; -} + background-attachment: scroll !important; } .w-block { - display: block; -} + display: block; } .w-inline-block { max-width: 100%; - display: inline-block; -} + display: inline-block; } .w-clearfix:before, .w-clearfix:after { @@ -3142,16 +2625,13 @@ html.w-mod-touch * { grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; - grid-row-end: 2; -} + grid-row-end: 2; } .w-clearfix:after { - clear: both; -} + clear: both; } .w-hidden { - display: none; -} + display: none; } .w-button { display: inline-block; @@ -3162,16 +2642,13 @@ html.w-mod-touch * { line-height: inherit; text-decoration: none; cursor: pointer; - border-radius: 0; -} + border-radius: 0; } input.w-button { - -webkit-appearance: button; -} + -webkit-appearance: button; } html[data-w-dynpage] [data-w-cloak] { - color: transparent !important; -} + color: transparent !important; } .w-webflow-badge, .w-webflow-badge * { @@ -3209,7 +2686,7 @@ html[data-w-dynpage] [data-w-cloak] { background-attachment: scroll; background-color: transparent; box-shadow: none; - opacity: 1; + opacity: 1.0; transform: none; transition: none; direction: ltr; @@ -3233,8 +2710,7 @@ html[data-w-dynpage] [data-w-cloak] { white-space: inherit; word-break: normal; word-spacing: normal; - word-wrap: normal; -} + word-wrap: normal; } .w-webflow-badge { position: fixed !important; @@ -3251,7 +2727,7 @@ html[data-w-dynpage] [data-w-cloak] { border-radius: 3px !important; padding: 6px 8px 6px 6px !important; font-size: 12px !important; - opacity: 1 !important; + opacity: 1.0 !important; line-height: 14px !important; text-decoration: none !important; transform: none !important; @@ -3261,15 +2737,13 @@ html[data-w-dynpage] [data-w-cloak] { overflow: visible !important; white-space: nowrap; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); - cursor: pointer; -} + cursor: pointer; } .w-webflow-badge > img { display: inline-block !important; visibility: visible !important; opacity: 1 !important; - vertical-align: middle !important; -} + vertical-align: middle !important; } h1, h2, @@ -3278,82 +2752,68 @@ h4, h5, h6 { font-weight: bold; - margin-bottom: 10px; -} + margin-bottom: 10px; } h1 { font-size: 38px; line-height: 44px; - margin-top: 20px; -} + margin-top: 20px; } h2 { font-size: 32px; line-height: 36px; - margin-top: 20px; -} + margin-top: 20px; } h3 { font-size: 24px; line-height: 30px; - margin-top: 20px; -} + margin-top: 20px; } h4 { font-size: 18px; line-height: 24px; - margin-top: 10px; -} + margin-top: 10px; } h5 { font-size: 14px; line-height: 20px; - margin-top: 10px; -} + margin-top: 10px; } h6 { font-size: 12px; line-height: 18px; - margin-top: 10px; -} + margin-top: 10px; } p { margin-top: 0; - margin-bottom: 10px; -} + margin-bottom: 10px; } blockquote { margin: 0 0 10px 0; padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; - line-height: 22px; -} + line-height: 22px; } figure { margin: 0; - margin-bottom: 10px; -} + margin-bottom: 10px; } figcaption { margin-top: 5px; - text-align: center; -} + text-align: center; } ul, ol { margin-top: 0px; margin-bottom: 10px; - padding-left: 40px; -} + padding-left: 40px; } .w-list-unstyled { padding-left: 0; - list-style: none; -} -.w-list-unstyled .menu.w-list-unstyled { - padding-left: 20px !important; -} + list-style: none; } + .w-list-unstyled .menu.w-list-unstyled { + padding-left: 20px !important; } .w-embed:before, .w-embed:after { @@ -3362,18 +2822,15 @@ ol { grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; - grid-row-end: 2; -} + grid-row-end: 2; } .w-embed:after { - clear: both; -} + clear: both; } .w-video { width: 100%; position: relative; - padding: 0; -} + padding: 0; } .w-video iframe, .w-video object, @@ -3382,46 +2839,39 @@ ol { top: 0; left: 0; width: 100%; - height: 100%; -} + height: 100%; } fieldset { padding: 0; margin: 0; - border: 0; -} + border: 0; } button, -html input[type=button], -input[type=reset] { +html input[type="button"], +input[type="reset"] { border: 0; cursor: pointer; - -webkit-appearance: button; -} + -webkit-appearance: button; } .w-form { - margin: 0 0 15px; -} + margin: 0 0 15px; } .w-form-done { display: none; padding: 20px; text-align: center; - background-color: #dddddd; -} + background-color: #dddddd; } .w-form-fail { display: none; margin-top: 10px; padding: 10px; - background-color: #ffdede; -} + background-color: #ffdede; } label { display: block; margin-bottom: 5px; - font-weight: bold; -} + font-weight: bold; } .w-input, .w-select { @@ -3435,35 +2885,29 @@ label { color: #333333; vertical-align: middle; background-color: #ffffff; - border: 1px solid #cccccc; -} + border: 1px solid #cccccc; } .w-input:-moz-placeholder, .w-select:-moz-placeholder { - color: #999; -} + color: #999; } .w-input::-moz-placeholder, .w-select::-moz-placeholder { color: #999; - opacity: 1; -} + opacity: 1; } .w-input:-ms-input-placeholder, .w-select:-ms-input-placeholder { - color: #999; -} + color: #999; } .w-input::-webkit-input-placeholder, .w-select::-webkit-input-placeholder { - color: #999; -} + color: #999; } .w-input:focus, .w-select:focus { border-color: #3898EC; - outline: 0; -} + outline: 0; } .w-input[disabled], .w-select[disabled], @@ -3472,34 +2916,28 @@ label { fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; - background-color: #eeeeee; -} + background-color: #eeeeee; } textarea.w-input, textarea.w-select { - height: auto; -} + height: auto; } .w-select { - background-color: #f3f3f3; -} + background-color: #f3f3f3; } .w-select[multiple] { - height: auto; -} + height: auto; } .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; - margin-bottom: 0px; -} + margin-bottom: 0px; } .w-radio { display: block; margin-bottom: 5px; - padding-left: 20px; -} + padding-left: 20px; } .w-radio:before, .w-radio:after { @@ -3508,29 +2946,24 @@ textarea.w-select { grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; - grid-row-end: 2; -} + grid-row-end: 2; } .w-radio:after { - clear: both; -} + clear: both; } .w-radio-input { margin: 4px 0 0; - margin-top: 1px \9 ; + margin-top: 1px \9; line-height: normal; float: left; - margin-left: -20px; -} + margin-left: -20px; } .w-radio-input { - margin-top: 3px; -} + margin-top: 3px; } .w-file-upload { display: block; - margin-bottom: 10px; -} + margin-bottom: 10px; } .w-file-upload-input { width: 0.1px; @@ -3538,27 +2971,23 @@ textarea.w-select { opacity: 0; overflow: hidden; position: absolute; - z-index: -100; -} + z-index: -100; } .w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success { display: inline-block; - color: #333333; -} + color: #333333; } .w-file-upload-error { display: block; - margin-top: 10px; -} + margin-top: 10px; } .w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden { - display: none; -} + display: none; } .w-file-upload-uploading-btn { display: flex; @@ -3568,8 +2997,7 @@ textarea.w-select { margin: 0; padding: 8px 12px; border: 1px solid #cccccc; - background-color: #fafafa; -} + background-color: #fafafa; } .w-file-upload-file { display: flex; @@ -3578,14 +3006,12 @@ textarea.w-select { margin: 0; padding: 8px 9px 8px 11px; border: 1px solid #cccccc; - background-color: #fafafa; -} + background-color: #fafafa; } .w-file-upload-file-name { font-size: 14px; font-weight: normal; - display: block; -} + display: block; } .w-file-remove-link { margin-top: 3px; @@ -3594,25 +3020,21 @@ textarea.w-select { height: auto; padding: 3px; display: block; - cursor: pointer; -} + cursor: pointer; } .w-icon-file-upload-remove { margin: auto; - font-size: 10px; -} + font-size: 10px; } .w-file-upload-error-msg { display: inline-block; color: #ea384c; - padding: 2px 0; -} + padding: 2px 0; } .w-file-upload-info { display: inline-block; line-height: 38px; - padding: 0 12px; -} + padding: 0 12px; } .w-file-upload-label { display: inline-block; @@ -3622,25 +3044,21 @@ textarea.w-select { margin: 0; padding: 8px 12px; border: 1px solid #cccccc; - background-color: #fafafa; -} + background-color: #fafafa; } .w-icon-file-upload-icon, .w-icon-file-upload-uploading { display: inline-block; margin-right: 8px; - width: 20px; -} + width: 20px; } .w-icon-file-upload-uploading { - height: 20px; -} + height: 20px; } .w-container { margin-left: auto; margin-right: auto; - max-width: 940px; -} + max-width: 940px; } .w-container:before, .w-container:after { @@ -3649,17 +3067,14 @@ textarea.w-select { grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; - grid-row-end: 2; -} + grid-row-end: 2; } .w-container:after { - clear: both; -} + clear: both; } .w-container .w-row { margin-left: -10px; - margin-right: -10px; -} + margin-right: -10px; } .w-row:before, .w-row:after { @@ -3668,17 +3083,14 @@ textarea.w-select { grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; - grid-row-end: 2; -} + grid-row-end: 2; } .w-row:after { - clear: both; -} + clear: both; } .w-row .w-row { margin-left: 0; - margin-right: 0; -} + margin-right: 0; } .w-col { position: relative; @@ -3686,308 +3098,232 @@ textarea.w-select { width: 100%; min-height: 1px; padding-left: 10px; - padding-right: 10px; -} + padding-right: 10px; } .w-col .w-col { padding-left: 0; - padding-right: 0; -} + padding-right: 0; } .w-col-1 { - width: 8.33333333%; -} + width: 8.33333333%; } .w-col-2 { - width: 16.66666667%; -} + width: 16.66666667%; } .w-col-3 { - width: 25%; -} + width: 25%; } .w-col-4 { - width: 33.33333333%; -} + width: 33.33333333%; } .w-col-5 { - width: 41.66666667%; -} + width: 41.66666667%; } .w-col-6 { - width: 50%; -} + width: 50%; } .w-col-7 { - width: 58.33333333%; -} + width: 58.33333333%; } .w-col-8 { - width: 66.66666667%; -} + width: 66.66666667%; } .w-col-9 { - width: 75%; -} + width: 75%; } .w-col-10 { - width: 83.33333333%; -} + width: 83.33333333%; } .w-col-11 { - width: 91.66666667%; -} + width: 91.66666667%; } .w-col-12 { - width: 100%; -} + width: 100%; } .w-hidden-main { - display: none !important; -} + display: none !important; } @media screen and (max-width: 991px) { .w-container { - max-width: 728px; - } + max-width: 728px; } .w-hidden-main { - display: inherit !important; - } + display: inherit !important; } .w-hidden-medium { - display: none !important; - } + display: none !important; } .w-col-medium-1 { - width: 8.33333333%; - } + width: 8.33333333%; } .w-col-medium-2 { - width: 16.66666667%; - } + width: 16.66666667%; } .w-col-medium-3 { - width: 25%; - } + width: 25%; } .w-col-medium-4 { - width: 33.33333333%; - } + width: 33.33333333%; } .w-col-medium-5 { - width: 41.66666667%; - } + width: 41.66666667%; } .w-col-medium-6 { - width: 50%; - } + width: 50%; } .w-col-medium-7 { - width: 58.33333333%; - } + width: 58.33333333%; } .w-col-medium-8 { - width: 66.66666667%; - } + width: 66.66666667%; } .w-col-medium-9 { - width: 75%; - } + width: 75%; } .w-col-medium-10 { - width: 83.33333333%; - } + width: 83.33333333%; } .w-col-medium-11 { - width: 91.66666667%; - } + width: 91.66666667%; } .w-col-medium-12 { - width: 100%; - } + width: 100%; } .w-col-stack { width: 100%; left: auto; - right: auto; - } -} + right: auto; } } @media screen and (max-width: 767px) { .w-hidden-main { - display: inherit !important; - } + display: inherit !important; } .w-hidden-medium { - display: inherit !important; - } + display: inherit !important; } .w-hidden-small { - display: none !important; - } + display: none !important; } .w-row, -.w-container .w-row { + .w-container .w-row { margin-left: 0; - margin-right: 0; - } + margin-right: 0; } .w-col { width: 100%; left: auto; - right: auto; - } + right: auto; } .w-col-small-1 { - width: 8.33333333%; - } + width: 8.33333333%; } .w-col-small-2 { - width: 16.66666667%; - } + width: 16.66666667%; } .w-col-small-3 { - width: 25%; - } + width: 25%; } .w-col-small-4 { - width: 33.33333333%; - } + width: 33.33333333%; } .w-col-small-5 { - width: 41.66666667%; - } + width: 41.66666667%; } .w-col-small-6 { - width: 50%; - } + width: 50%; } .w-col-small-7 { - width: 58.33333333%; - } + width: 58.33333333%; } .w-col-small-8 { - width: 66.66666667%; - } + width: 66.66666667%; } .w-col-small-9 { - width: 75%; - } + width: 75%; } .w-col-small-10 { - width: 83.33333333%; - } + width: 83.33333333%; } .w-col-small-11 { - width: 91.66666667%; - } + width: 91.66666667%; } .w-col-small-12 { - width: 100%; - } -} + width: 100%; } } @media screen and (max-width: 479px) { .w-container { - max-width: none; - } + max-width: none; } .w-hidden-main { - display: inherit !important; - } + display: inherit !important; } .w-hidden-medium { - display: inherit !important; - } + display: inherit !important; } .w-hidden-small { - display: inherit !important; - } + display: inherit !important; } .w-hidden-tiny { - display: none !important; - } + display: none !important; } .w-col { - width: 100%; - } + width: 100%; } .w-col-tiny-1 { - width: 8.33333333%; - } + width: 8.33333333%; } .w-col-tiny-2 { - width: 16.66666667%; - } + width: 16.66666667%; } .w-col-tiny-3 { - width: 25%; - } + width: 25%; } .w-col-tiny-4 { - width: 33.33333333%; - } + width: 33.33333333%; } .w-col-tiny-5 { - width: 41.66666667%; - } + width: 41.66666667%; } .w-col-tiny-6 { - width: 50%; - } + width: 50%; } .w-col-tiny-7 { - width: 58.33333333%; - } + width: 58.33333333%; } .w-col-tiny-8 { - width: 66.66666667%; - } + width: 66.66666667%; } .w-col-tiny-9 { - width: 75%; - } + width: 75%; } .w-col-tiny-10 { - width: 83.33333333%; - } + width: 83.33333333%; } .w-col-tiny-11 { - width: 91.66666667%; - } + width: 91.66666667%; } .w-col-tiny-12 { - width: 100%; - } -} + width: 100%; } } .w-widget { - position: relative; -} + position: relative; } .w-widget-map { width: 100%; - height: 400px; -} + height: 400px; } .w-widget-map label { width: auto; - display: inline; -} + display: inline; } .w-widget-map img { - max-width: inherit; -} + max-width: inherit; } .w-widget-map .gm-style-iw { - text-align: center; -} + text-align: center; } .w-widget-map .gm-style-iw > button { - display: none !important; -} + display: none !important; } .w-widget-twitter { - overflow: hidden; -} + overflow: hidden; } .w-widget-twitter-count-shim { display: inline-block; @@ -3998,16 +3334,14 @@ textarea.w-select { text-align: center; background: white; border: #758696 solid 1px; - border-radius: 3px; -} + border-radius: 3px; } .w-widget-twitter-count-shim * { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; - user-select: none; -} + user-select: none; } .w-widget-twitter-count-shim .w-widget-twitter-count-inner { position: relative; @@ -4015,32 +3349,26 @@ textarea.w-select { line-height: 12px; text-align: center; color: #999; - font-family: serif; -} + font-family: serif; } .w-widget-twitter-count-shim .w-widget-twitter-count-clear { position: relative; - display: block; -} + display: block; } .w-widget-twitter-count-shim.w--large { width: 36px; - height: 28px; -} + height: 28px; } .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; - line-height: 18px; -} + line-height: 18px; } .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; - margin-right: 8px; -} + margin-right: 8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large { - margin-left: 6px; -} + margin-left: 6px; } .w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after { @@ -4051,42 +3379,36 @@ textarea.w-select { height: 0; width: 0; position: absolute; - pointer-events: none; -} + pointer-events: none; } .w-widget-twitter-count-shim:not(.w--vertical):before { border-color: rgba(117, 134, 150, 0); border-right-color: #5d6c7b; border-width: 4px; margin-left: -9px; - margin-top: -4px; -} + margin-top: -4px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-left: -10px; - margin-top: -5px; -} + margin-top: -5px; } .w-widget-twitter-count-shim:not(.w--vertical):after { border-color: rgba(255, 255, 255, 0); border-right-color: white; border-width: 4px; margin-left: -8px; - margin-top: -4px; -} + margin-top: -4px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-left: -9px; - margin-top: -5px; -} + margin-top: -5px; } .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; - margin-bottom: 8px; -} + margin-bottom: 8px; } .w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after { @@ -4097,42 +3419,35 @@ textarea.w-select { height: 0; width: 0; position: absolute; - pointer-events: none; -} + pointer-events: none; } .w-widget-twitter-count-shim.w--vertical:before { border-color: rgba(117, 134, 150, 0); border-top-color: #5d6c7b; border-width: 5px; - margin-left: -5px; -} + margin-left: -5px; } .w-widget-twitter-count-shim.w--vertical:after { border-color: rgba(255, 255, 255, 0); border-top-color: white; border-width: 4px; - margin-left: -4px; -} + margin-left: -4px; } .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; - line-height: 22px; -} + line-height: 22px; } .w-widget-twitter-count-shim.w--vertical.w--large { - width: 76px; -} + width: 76px; } .w-widget-gplus { - overflow: hidden; -} + overflow: hidden; } .w-background-video { position: relative; overflow: hidden; height: 500px; - color: white; -} + color: white; } .w-background-video > video { background-size: cover; @@ -4146,13 +3461,11 @@ textarea.w-select { top: -100%; left: -100%; object-fit: cover; - z-index: -100; -} + z-index: -100; } .w-background-video > video::-webkit-media-controls-start-playback-button { display: none !important; - -webkit-appearance: none; -} + -webkit-appearance: none; } .w-slider { position: relative; @@ -4161,8 +3474,7 @@ textarea.w-select { background: #dddddd; clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - tap-highlight-color: rgba(0, 0, 0, 0); -} + tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-mask { position: relative; @@ -4172,8 +3484,7 @@ textarea.w-select { left: 0; right: 0; height: 100%; - white-space: nowrap; -} + white-space: nowrap; } .w-slide { position: relative; @@ -4182,8 +3493,7 @@ textarea.w-select { width: 100%; height: 100%; white-space: normal; - text-align: left; -} + text-align: left; } .w-slider-nav { position: absolute; @@ -4197,36 +3507,29 @@ textarea.w-select { height: 40px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - tap-highlight-color: rgba(0, 0, 0, 0); -} + tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-nav.w-round > div { - border-radius: 100%; -} + border-radius: 100%; } .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; - line-height: inherit; -} + line-height: inherit; } .w-slider-nav.w-shadow > div { - box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); -} + box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } .w-slider-nav-invert { - color: #fff; -} + color: #fff; } .w-slider-nav-invert > div { - background-color: rgba(34, 34, 34, 0.4); -} + background-color: rgba(34, 34, 34, 0.4); } .w-slider-nav-invert > div.w-active { - background-color: #222; -} + background-color: #222; } .w-slider-dot { position: relative; @@ -4236,21 +3539,17 @@ textarea.w-select { background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; - transition: background-color 100ms, color 100ms; -} + transition: background-color 100ms, color 100ms; } .w-slider-dot.w-active { - background-color: #fff; -} + background-color: #fff; } .w-slider-dot:focus { outline: none; - box-shadow: 0px 0px 0px 2px #fff; -} + box-shadow: 0px 0px 0px 2px #fff; } .w-slider-dot:focus.w-active { - box-shadow: none; -} + box-shadow: none; } .w-slider-arrow-left, .w-slider-arrow-right { @@ -4270,30 +3569,25 @@ textarea.w-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; - user-select: none; -} + user-select: none; } -.w-slider-arrow-left [class^=w-icon-], -.w-slider-arrow-right [class^=w-icon-], -.w-slider-arrow-left [class*=" w-icon-"], -.w-slider-arrow-right [class*=" w-icon-"] { - position: absolute; -} +.w-slider-arrow-left [class^='w-icon-'], +.w-slider-arrow-right [class^='w-icon-'], +.w-slider-arrow-left [class*=' w-icon-'], +.w-slider-arrow-right [class*=' w-icon-'] { + position: absolute; } .w-slider-arrow-left:focus, .w-slider-arrow-right:focus { - outline: 0; -} + outline: 0; } .w-slider-arrow-left { z-index: 3; - right: auto; -} + right: auto; } .w-slider-arrow-right { z-index: 4; - left: auto; -} + left: auto; } .w-icon-slider-left, .w-icon-slider-right { @@ -4303,8 +3597,7 @@ textarea.w-select { left: 0; margin: auto; width: 1em; - height: 1em; -} + height: 1em; } .w-slider-aria-label { border: 0; @@ -4314,12 +3607,10 @@ textarea.w-select { overflow: hidden; padding: 0; position: absolute; - width: 1px; -} + width: 1px; } .w-slider-force-show { - display: block !important; -} + display: block !important; } .w-dropdown { display: inline-block; @@ -4327,8 +3618,7 @@ textarea.w-select { text-align: left; margin-left: auto; margin-right: auto; - z-index: 900; -} + z-index: 900; } .w-dropdown-btn, .w-dropdown-toggle, @@ -4341,8 +3631,7 @@ textarea.w-select { text-align: left; margin-left: auto; margin-right: auto; - white-space: nowrap; -} + white-space: nowrap; } .w-dropdown-toggle { -webkit-user-select: none; @@ -4351,12 +3640,10 @@ textarea.w-select { user-select: none; display: inline-block; cursor: pointer; - padding-right: 40px; -} + padding-right: 40px; } .w-dropdown-toggle:focus { - outline: 0; -} + outline: 0; } .w-icon-dropdown-toggle { position: absolute; @@ -4366,39 +3653,31 @@ textarea.w-select { margin: auto; margin-right: 20px; width: 1em; - height: 1em; -} + height: 1em; } .w-dropdown-list { position: absolute; background: #dddddd; display: none; - min-width: 100%; -} + min-width: 100%; } .w-dropdown-list.w--open { - display: block; -} + display: block; } .w-dropdown-link { padding: 10px 20px; display: block; - color: #222222; -} + color: #222222; } .w-dropdown-link.w--current { - color: #0082f3; -} + color: #0082f3; } .w-dropdown-link:focus { - outline: 0; -} + outline: 0; } @media screen and (max-width: 767px) { .w-nav-brand { - padding-left: 10px; - } -} + padding-left: 10px; } } /** * ## Note * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. @@ -4454,8 +3733,7 @@ textarea.w-select { -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-transform: translate(0, 0); - /* 2 */ -} + /* 2 */ } /** * Neat trick to bind the rubberband effect to our canvas instead of the whole @@ -4465,39 +3743,33 @@ textarea.w-select { .w-lightbox-container { height: 100%; overflow: auto; - -webkit-overflow-scrolling: touch; -} + -webkit-overflow-scrolling: touch; } .w-lightbox-content { position: relative; height: 100vh; - overflow: hidden; -} + overflow: hidden; } .w-lightbox-view { position: absolute; width: 100vw; height: 100vh; - opacity: 0; -} + opacity: 0; } .w-lightbox-view:before { content: ""; - height: 100vh; -} + height: 100vh; } /* .w-lightbox-content */ .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { - height: 86vh; -} + height: 86vh; } .w-lightbox-frame, .w-lightbox-view:before { display: inline-block; - vertical-align: middle; -} + vertical-align: middle; } /* * 1. Remove default margin set by user-agent on the
element. @@ -4505,12 +3777,10 @@ textarea.w-select { .w-lightbox-figure { position: relative; margin: 0; - /* 1 */ -} + /* 1 */ } .w-lightbox-group .w-lightbox-figure { - cursor: pointer; -} + cursor: pointer; } /** * IE adds image dimensions as width and height attributes on the IMG tag, @@ -4519,8 +3789,7 @@ textarea.w-select { .w-lightbox-img { width: auto; height: auto; - max-width: none; -} + max-width: none; } /** * 1. Reset if style is set by user on "All Images" @@ -4530,25 +3799,22 @@ textarea.w-select { float: none; /* 1 */ max-width: 100vw; - max-height: 100vh; -} + max-height: 100vh; } .w-lightbox-group .w-lightbox-image { - max-height: 86vh; -} + max-height: 86vh; } .w-lightbox-caption { position: absolute; right: 0; bottom: 0; left: 0; - padding: 0.5em 1em; + padding: .5em 1em; background: rgba(0, 0, 0, 0.4); text-align: left; text-overflow: ellipsis; white-space: nowrap; - overflow: hidden; -} + overflow: hidden; } .w-lightbox-embed { position: absolute; @@ -4557,8 +3823,7 @@ textarea.w-select { bottom: 0; left: 0; width: 100%; - height: 100%; -} + height: 100%; } .w-lightbox-control { position: absolute; @@ -4568,25 +3833,22 @@ textarea.w-select { background-repeat: no-repeat; background-position: center; cursor: pointer; - -webkit-transition: all 0.3s; - transition: all 0.3s; -} + -webkit-transition: all .3s; + transition: all .3s; } .w-lightbox-left { display: none; bottom: 0; left: 0; /* */ - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); -} + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); } .w-lightbox-right { display: none; right: 0; bottom: 0; /* */ - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); -} + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); } /* * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. @@ -4598,8 +3860,7 @@ textarea.w-select { height: 2.6em; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); - background-size: 18px; -} + background-size: 18px; } /** * 1. All IE versions add extra space at the bottom without this. @@ -4614,8 +3875,7 @@ textarea.w-select { /* 1 */ white-space: nowrap; overflow-x: auto; - overflow-y: hidden; -} + overflow-y: hidden; } /* * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` @@ -4632,41 +3892,35 @@ textarea.w-select { /* 1 */ cursor: pointer; -webkit-transform: translate3d(0, 0, 0); - /* 2 */ -} + /* 2 */ } .w-lightbox-active { - opacity: 0.3; -} + opacity: .3; } .w-lightbox-thumbnail { position: relative; height: 10vh; background: #222; - overflow: hidden; -} + overflow: hidden; } .w-lightbox-thumbnail-image { position: absolute; top: 0; - left: 0; -} + left: 0; } .w-lightbox-thumbnail .w-lightbox-tall { top: 50%; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); - transform: translate(0, -50%); -} + transform: translate(0, -50%); } .w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); - transform: translate(-50%, 0); -} + transform: translate(-50%, 0); } /* * Spinner @@ -4685,9 +3939,8 @@ textarea.w-select { margin-left: -20px; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; - -webkit-animation: spin 0.8s infinite linear; - animation: spin 0.8s infinite linear; -} + -webkit-animation: spin .8s infinite linear; + animation: spin .8s infinite linear; } .w-lightbox-spinner:after { content: ""; @@ -4698,66 +3951,53 @@ textarea.w-select { left: -4px; border: 3px solid transparent; border-bottom-color: #fff; - border-radius: 50%; -} + border-radius: 50%; } /* * Utility classes */ .w-lightbox-hide { - display: none; -} + display: none; } .w-lightbox-noscroll { - overflow: hidden; -} + overflow: hidden; } @media (min-width: 768px) { .w-lightbox-content { height: 96vh; - margin-top: 2vh; - } + margin-top: 2vh; } .w-lightbox-view, -.w-lightbox-view:before { - height: 96vh; - } + .w-lightbox-view:before { + height: 96vh; } /* .w-lightbox-content */ .w-lightbox-group, -.w-lightbox-group .w-lightbox-view, -.w-lightbox-group .w-lightbox-view:before { - height: 84vh; - } + .w-lightbox-group .w-lightbox-view, + .w-lightbox-group .w-lightbox-view:before { + height: 84vh; } .w-lightbox-image { max-width: 96vw; - max-height: 96vh; - } + max-height: 96vh; } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; - max-height: 84vh; - } + max-height: 84vh; } .w-lightbox-left, -.w-lightbox-right { + .w-lightbox-right { display: block; - opacity: 0.5; - } + opacity: .5; } .w-lightbox-close { - opacity: 0.8; - } + opacity: .8; } .w-lightbox-control:hover { - opacity: 1; - } -} + opacity: 1; } } .w-lightbox-inactive, .w-lightbox-inactive:hover { - opacity: 0; -} + opacity: 0; } .w-richtext:before, .w-richtext:after { @@ -4766,117 +4006,96 @@ textarea.w-select { grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; - grid-row-end: 2; -} + grid-row-end: 2; } .w-richtext:after { - clear: both; -} + clear: both; } -.w-richtext[contenteditable=true]:before, -.w-richtext[contenteditable=true]:after { - white-space: initial; -} +.w-richtext[contenteditable="true"]:before, +.w-richtext[contenteditable="true"]:after { + white-space: initial; } .w-richtext ol, .w-richtext ul { - overflow: hidden; -} + overflow: hidden; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, -.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after { - outline: 2px solid #2895f7; -} +.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after { + outline: 2px solid #2895f7; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, -.w-richtext .w-richtext-figure-selected[data-rt-type=image] div { - outline: 2px solid #2895f7; -} +.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { + outline: 2px solid #2895f7; } .w-richtext figure.w-richtext-figure-type-video > div:after, -.w-richtext figure[data-rt-type=video] > div:after { - content: ""; +.w-richtext figure[data-rt-type="video"] > div:after { + content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; - bottom: 0; -} + bottom: 0; } .w-richtext figure { position: relative; - max-width: 60%; -} + max-width: 60%; } .w-richtext figure > div:before { - cursor: default !important; -} + cursor: default !important; } .w-richtext figure img { - width: 100%; -} + width: 100%; } .w-richtext figure figcaption.w-richtext-figcaption-placeholder { - opacity: 0.6; -} + opacity: 0.6; } .w-richtext figure div { /* fix incorrectly sized selection border in the data manager */ font-size: 0px; - color: transparent; -} + color: transparent; } .w-richtext figure.w-richtext-figure-type-image, -.w-richtext figure[data-rt-type=image] { - display: table; -} +.w-richtext figure[data-rt-type="image"] { + display: table; } .w-richtext figure.w-richtext-figure-type-image > div, -.w-richtext figure[data-rt-type=image] > div { - display: inline-block; -} +.w-richtext figure[data-rt-type="image"] > div { + display: inline-block; } .w-richtext figure.w-richtext-figure-type-image > figcaption, -.w-richtext figure[data-rt-type=image] > figcaption { +.w-richtext figure[data-rt-type="image"] > figcaption { display: table-caption; - caption-side: bottom; -} + caption-side: bottom; } .w-richtext figure.w-richtext-figure-type-video, -.w-richtext figure[data-rt-type=video] { +.w-richtext figure[data-rt-type="video"] { width: 60%; - height: 0; -} + height: 0; } .w-richtext figure.w-richtext-figure-type-video iframe, -.w-richtext figure[data-rt-type=video] iframe { +.w-richtext figure[data-rt-type="video"] iframe { position: absolute; top: 0; left: 0; width: 100%; - height: 100%; -} + height: 100%; } .w-richtext figure.w-richtext-figure-type-video > div, -.w-richtext figure[data-rt-type=video] > div { - width: 100%; -} +.w-richtext figure[data-rt-type="video"] > div { + width: 100%; } .w-richtext figure.w-richtext-align-center { margin-right: auto; margin-left: auto; - clear: both; -} + clear: both; } .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, -.w-richtext figure.w-richtext-align-center[data-rt-type=image] > div { - max-width: 100%; -} +.w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { + max-width: 100%; } .w-richtext figure.w-richtext-align-normal { - clear: both; -} + clear: both; } .w-richtext figure.w-richtext-align-fullwidth { width: 100%; @@ -4885,38 +4104,32 @@ textarea.w-select { clear: both; display: block; margin-right: auto; - margin-left: auto; -} + margin-left: auto; } .w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; /* padding-bottom is used for aspect ratios in video figures we want the div to inherit that so hover/selection borders in the designer-canvas fit right*/ - padding-bottom: inherit; -} + padding-bottom: inherit; } .w-richtext figure.w-richtext-align-fullwidth > figcaption { - display: block; -} + display: block; } .w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; - clear: none; -} + clear: none; } .w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; - clear: none; -} + clear: none; } .w-nav { position: relative; background: #dddddd; - z-index: 1000; -} + z-index: 1000; } .w-nav:before, .w-nav:after { @@ -4925,19 +4138,16 @@ textarea.w-select { grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; - grid-row-end: 2; -} + grid-row-end: 2; } .w-nav:after { - clear: both; -} + clear: both; } .w-nav-brand { position: relative; float: left; text-decoration: none; - color: #333333; -} + color: #333333; } .w-nav-link { position: relative; @@ -4948,17 +4158,14 @@ textarea.w-select { padding: 20px; text-align: left; margin-left: auto; - margin-right: auto; -} + margin-right: auto; } .w-nav-link.w--current { - color: #0082f3; -} + color: #0082f3; } .w-nav-menu { position: relative; - float: right; -} + float: right; } [data-nav-menu-open] { display: block !important; @@ -4969,13 +4176,11 @@ textarea.w-select { background: #C8C8C8; text-align: center; overflow: visible; - min-width: 200px; -} + min-width: 200px; } .w--nav-link-open { display: block; - position: relative; -} + position: relative; } .w-nav-overlay { position: absolute; @@ -4984,34 +4189,28 @@ textarea.w-select { top: 100%; left: 0; right: 0; - width: 100%; -} + width: 100%; } .w-nav-overlay [data-nav-menu-open] { - top: 0; -} + top: 0; } -.w-nav[data-animation=over-left] .w-nav-overlay { - width: auto; -} +.w-nav[data-animation="over-left"] .w-nav-overlay { + width: auto; } -.w-nav[data-animation=over-left] .w-nav-overlay, -.w-nav[data-animation=over-left] [data-nav-menu-open] { +.w-nav[data-animation="over-left"] .w-nav-overlay, +.w-nav[data-animation="over-left"] [data-nav-menu-open] { right: auto; z-index: 1; - top: 0; -} + top: 0; } -.w-nav[data-animation=over-right] .w-nav-overlay { - width: auto; -} +.w-nav[data-animation="over-right"] .w-nav-overlay { + width: auto; } -.w-nav[data-animation=over-right] .w-nav-overlay, -.w-nav[data-animation=over-right] [data-nav-menu-open] { +.w-nav[data-animation="over-right"] .w-nav-overlay, +.w-nav[data-animation="over-right"] [data-nav-menu-open] { left: auto; z-index: 1; - top: 0; -} + top: 0; } .w-nav-button { position: relative; @@ -5025,72 +4224,53 @@ textarea.w-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; - user-select: none; -} + user-select: none; } .w-nav-button:focus { - outline: 0; -} + outline: 0; } .w-nav-button.w--open { background-color: #C8C8C8; - color: white; -} + color: white; } -.w-nav[data-collapse=all] .w-nav-menu { - display: none; -} +.w-nav[data-collapse="all"] .w-nav-menu { + display: none; } -.w-nav[data-collapse=all] .w-nav-button { - display: block; -} +.w-nav[data-collapse="all"] .w-nav-button { + display: block; } .w--nav-dropdown-open { - display: block; -} + display: block; } .w--nav-dropdown-toggle-open { - display: block; -} + display: block; } .w--nav-dropdown-list-open { - position: static; -} + position: static; } @media screen and (max-width: 991px) { - .w-nav[data-collapse=medium] .w-nav-menu { - display: none; - } + .w-nav[data-collapse="medium"] .w-nav-menu { + display: none; } - .w-nav[data-collapse=medium] .w-nav-button { - display: block; - } -} + .w-nav[data-collapse="medium"] .w-nav-button { + display: block; } } @media screen and (max-width: 767px) { - .w-nav[data-collapse=small] .w-nav-menu { - display: none; - } + .w-nav[data-collapse="small"] .w-nav-menu { + display: none; } - .w-nav[data-collapse=small] .w-nav-button { - display: block; - } + .w-nav[data-collapse="small"] .w-nav-button { + display: block; } .w-nav-brand { - padding-left: 10px; - } -} + padding-left: 10px; } } @media screen and (max-width: 479px) { - .w-nav[data-collapse=tiny] .w-nav-menu { - display: none; - } + .w-nav[data-collapse="tiny"] .w-nav-menu { + display: none; } - .w-nav[data-collapse=tiny] .w-nav-button { - display: block; - } -} + .w-nav[data-collapse="tiny"] .w-nav-button { + display: block; } } .w-tabs { - position: relative; -} + position: relative; } .w-tabs:before, .w-tabs:after { @@ -5099,16 +4279,13 @@ textarea.w-select { grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; - grid-row-end: 2; -} + grid-row-end: 2; } .w-tabs:after { - clear: both; -} + clear: both; } .w-tab-menu { - position: relative; -} + position: relative; } .w-tab-link { position: relative; @@ -5119,65 +4296,49 @@ textarea.w-select { text-align: left; cursor: pointer; color: #222222; - background-color: #dddddd; -} + background-color: #dddddd; } .w-tab-link.w--current { - background-color: #C8C8C8; -} + background-color: #C8C8C8; } .w-tab-link:focus { - outline: 0; -} + outline: 0; } .w-tab-content { position: relative; display: block; - overflow: hidden; -} + overflow: hidden; } .w-tab-pane { position: relative; - display: none; -} + display: none; } .w--tab-active { - display: block; -} + display: block; } @media screen and (max-width: 479px) { .w-tab-link { - display: block; - } -} + display: block; } } .w-ix-emptyfix:after { - content: ""; -} + content: ""; } @keyframes spin { 0% { - transform: rotate(0deg); - } + transform: rotate(0deg); } 100% { - transform: rotate(360deg); - } -} + transform: rotate(360deg); } } .w-dyn-empty { padding: 10px; - background-color: #dddddd; -} + background-color: #dddddd; } .w-dyn-hide { - display: none !important; -} + display: none !important; } .w-dyn-bind-empty { - display: none !important; -} + display: none !important; } .w-condition-invisible { - display: none !important; -} + display: none !important; } .w-form-formradioinput--inputType-custom { border-top-width: 1px; @@ -5197,12 +4358,10 @@ textarea.w-select { border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius: 50%; - border-top-right-radius: 50%; -} + border-top-right-radius: 50%; } .w-form-formradioinput--inputType-custom.w--redirected-focus { - box-shadow: 0px 0px 3px 1px #3898ec; -} + box-shadow: 0px 0px 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom.w--redirected-checked { border-top-width: 4px; @@ -5212,17 +4371,15 @@ textarea.w-select { border-top-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; - border-right-color: #3898ec; -} + border-right-color: #3898ec; } .w-checkbox { display: block; margin-bottom: 5px; - padding-left: 20px; -} + padding-left: 20px; } .w-checkbox::before { - content: " "; + content: ' '; display: table; -ms-grid-column-span: 1; grid-column-end: 2; @@ -5231,11 +4388,10 @@ textarea.w-select { -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-row: 1; - grid-row-start: 1; -} + grid-row-start: 1; } .w-checkbox::after { - content: " "; + content: ' '; display: table; -ms-grid-column-span: 1; grid-column-end: 2; @@ -5245,8 +4401,7 @@ textarea.w-select { grid-row-end: 2; -ms-grid-row: 1; grid-row-start: 1; - clear: both; -} + clear: both; } .w-checkbox-input { float: left; @@ -5254,8 +4409,7 @@ textarea.w-select { margin-left: -20px; margin-right: 0px; margin-top: 4px; - line-height: normal; -} + line-height: normal; } .w-checkbox-input--inputType-custom { border-top-width: 1px; @@ -5275,8 +4429,7 @@ textarea.w-select { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; - border-top-right-radius: 2px; -} + border-top-right-radius: 2px; } .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: #3898ec; @@ -5287,62 +4440,52 @@ textarea.w-select { background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg"); background-position: 50% 50%; background-size: cover; - background-repeat: no-repeat; -} + background-repeat: no-repeat; } .w-checkbox-input--inputType-custom.w--redirected-focus { - box-shadow: 0px 0px 3px 1px #3898ec; -} + box-shadow: 0px 0px 3px 1px #3898ec; } body { height: 100%; - font-family: "Source Sans Pro", sans-serif; + font-family: 'Source Sans Pro', sans-serif; color: #333; font-size: 16px; line-height: 26px; - font-weight: 400; -} + font-weight: 400; } h1 { margin-top: 20px; margin-bottom: 42px; font-size: 50px; line-height: 62px; - font-weight: 300; -} + font-weight: 300; } h2 { margin-top: 20px; margin-bottom: 10px; font-size: 32px; line-height: 36px; - font-weight: 600; -} + font-weight: 600; } h3 { margin-top: 20px; margin-bottom: 10px; font-size: 21px; line-height: 26px; - font-weight: 600; -} + font-weight: 600; } p { - margin-bottom: 10px; -} + margin-bottom: 10px; } .nav-ul1 { - position: relative; -} + position: relative; } .nav-li1 { position: relative; - text-transform: uppercase; -} + text-transform: uppercase; } .nav-li1:hover { - background-color: #f8f8f8; -} + background-color: #f8f8f8; } .nav-ul2 { position: absolute; @@ -5352,27 +4495,22 @@ p { overflow: hidden; width: 280px; background-color: #fff; - text-align: left; -} + text-align: left; } .content { - padding-top: 70px; -} + padding-top: 70px; } .section { position: relative; padding-top: 70px; - padding-bottom: 70px; -} + padding-bottom: 70px; } .section.blue-section { background-color: #1e88e5; - color: #fff; -} + color: #fff; } .section.grey-section { - background-color: #F8F8F8; -} + background-color: #F8F8F8; } .section.kvs { z-index: 1; @@ -5386,8 +4524,7 @@ p { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; - align-items: center; -} + align-items: center; } .container { max-width: 1240px; @@ -5398,21 +4535,17 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; -} -.container.wide { - padding-right: 20px; - padding-left: 20px; -} + flex: 1; } + .container.wide { + padding-right: 20px; + padding-left: 20px; } .container.narrow { - max-width: 900px; -} + max-width: 900px; } .row { margin-right: -25px; - margin-left: -25px; -} + margin-left: -25px; } .row.flex { display: -webkit-box; @@ -5425,19 +4558,16 @@ p { justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; - flex-wrap: wrap; -} + flex-wrap: wrap; } .row.flex.flex-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; - justify-content: center; -} + justify-content: center; } .row.pcenter { - text-align: center; -} + text-align: center; } .row.grid-list { display: -webkit-box; @@ -5451,15 +4581,13 @@ p { justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; - flex-wrap: wrap; -} + flex-wrap: wrap; } .row.pricing-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; - display: flex; -} + display: flex; } .row.sideav-flex { display: -webkit-box; @@ -5469,8 +4597,7 @@ p { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; - align-items: flex-start; -} + align-items: flex-start; } .col { padding-right: 25px; @@ -5478,29 +4605,24 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; -} + flex: 1; } .col._4-12-12-12 { width: 33.3333%; -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; - flex: 0 0 33.3333%; -} -.col._4-12-12-12 p { - flex-grow: 1; -} -.col._4-12-12-12 .buttons-row { - margin-top: 30px; -} + flex: 0 0 33.3333%; } + .col._4-12-12-12 p { + flex-grow: 1; } + .col._4-12-12-12 .buttons-row { + margin-top: 30px; } .col._6-12-12-12 { -webkit-box-flex: 0; -webkit-flex: 0 50%; -ms-flex: 0 50%; - flex: 0 50%; -} + flex: 0 50%; } .col._6-12-12-12.vert-center { display: -webkit-box; @@ -5510,51 +4632,42 @@ p { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; - align-items: center; -} + align-items: center; } .col._6-12-12-12 { -webkit-box-flex: 0; -webkit-flex: 0 50%; -ms-flex: 0 50%; - flex: 0 50%; -} + flex: 0 50%; } .col._4-4-12-12 { -webkit-box-flex: 0; -webkit-flex: 0 33.333%; -ms-flex: 0 33.333%; - flex: 0 33.333%; -} + flex: 0 33.333%; } .col.kvleft { max-width: 700px; - float: left; -} + float: left; } .col._3-6-6-12 { -webkit-box-flex: 0; -webkit-flex: 0 25%; -ms-flex: 0 25%; - flex: 0 25%; -} -.col._3-6-6-12 .center { - display: flex; - flex-direction: column; -} -.col._3-6-6-12 .center p { - flex-grow: 1; -} -.col._3-6-6-12 .center .buttons-row { - margin-top: 20px; -} + flex: 0 25%; } + .col._3-6-6-12 .center { + display: flex; + flex-direction: column; } + .col._3-6-6-12 .center p { + flex-grow: 1; } + .col._3-6-6-12 .center .buttons-row { + margin-top: 20px; } .col._6-6-6-12 { -webkit-box-flex: 0; -webkit-flex: 0 50%; -ms-flex: 0 50%; - flex: 0 50%; -} + flex: 0 50%; } .col.gridcol { display: -webkit-box; @@ -5565,16 +4678,14 @@ p { -webkit-box-flex: 0; -webkit-flex: 0 50%; -ms-flex: 0 50%; - flex: 0 50%; -} + flex: 0 50%; } .kv-heading { margin-bottom: 40px; color: #333; font-size: 50px; line-height: 60px; - font-weight: 300; -} + font-weight: 300; } .section-title { margin-top: 40px; @@ -5583,11 +4694,10 @@ p { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - font-family: "Source Sans Pro", sans-serif; + font-family: 'Source Sans Pro', sans-serif; font-size: 34px; line-height: 40px; - font-weight: 400; -} + font-weight: 400; } .topnav { position: fixed; @@ -5595,8 +4705,7 @@ p { top: 0%; right: 0%; bottom: auto; - z-index: 4; -} + z-index: 4; } .burger { display: none; @@ -5604,8 +4713,7 @@ p { height: 50px; padding: 10px; float: right; - background-color: #fff; -} + background-color: #fff; } .button { position: relative; @@ -5635,38 +4743,32 @@ p { -moz-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; - transition: background-color 200ms linear; */ -} + transition: background-color 200ms linear; */ } .button:hover { - color: #f5f4f0; -} + color: #f5f4f0; } .button:active { - box-shadow: none; -} + box-shadow: none; } .button.shrink { max-width: 200px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; -} + flex: 1; } .buttong.main-button, .button.main-button { - background: linear-gradient(to left, #1e88e5 50%, #0040A9 50%) right; + background: linear-gradient(to left, #1e88e5 50%, #1970bb 50%) right; background-size: 200%; - transition: 0.2s ease-out; + transition: .2s ease-out; color: #fff; - border: 1px solid #1e88e5; -} -.buttong.main-button img, -.button.main-button img { - opacity: 1; - transition: opacity 200ms; -} + border: 1px solid #1e88e5; } + .buttong.main-button img, + .button.main-button img { + opacity: 1; + transition: opacity 200ms; } .button.main-button-white { background-color: #fff; @@ -5674,40 +4776,32 @@ p { border: 1px solid #fff; background: linear-gradient(to left, white 50%, #1e88e5 50%) right; background-size: 200%; - transition: 0.2s ease-out; -} -.button.main-button-white img { - opacity: 1; - transition: opacity 200ms; -} + transition: .2s ease-out; } + .button.main-button-white img { + opacity: 1; + transition: opacity 200ms; } .button.main-button:hover { border: 1px solid #0040A9; - background-position: left; -} -.button.main-button:hover img { - opacity: 0; -} + background-position: left; } + .button.main-button:hover img { + opacity: 0; } .secondary-button { background: linear-gradient(to left, white 50%, #1e88e5 50%) right; background-size: 200%; - transition: 0.2s ease-out; + transition: .2s ease-out; color: #1e88e5; border: 1px solid #1e88e5; - padding: 11px 7px 11px 17px; -} -.secondary-button img { - opacity: 1; - transition: opacity 200ms; -} -.secondary-button:hover { - background-position: left; - color: white; -} -.secondary-button:hover img { - opacity: 0; -} + padding: 11px 7px 11px 17px; } + .secondary-button img { + opacity: 1; + transition: opacity 200ms; } + .secondary-button:hover { + background-position: left; + color: white; } + .secondary-button:hover img { + opacity: 0; } .secondary-button-white { border: 1px solid #fff !important; @@ -5716,16 +4810,13 @@ p { color: #fff !important; background: linear-gradient(to left, #1e88e5 50%, white 50%) right; background-size: 200%; - transition: 0.2s ease-out; -} -.secondary-button-white img { - opacity: 1; - transition: opacity 200ms; -} + transition: .2s ease-out; } + .secondary-button-white img { + opacity: 1; + transition: opacity 200ms; } .buttons-row .secondary-button-white { - margin-left: 21px; -} + margin-left: 21px; } .button.submit { padding-right: 10px; @@ -5736,12 +4827,10 @@ p { justify-content: center; background-color: #fff; text-align: center; - text-transform: uppercase; -} + text-transform: uppercase; } .button.submit:hover { - background-color: #0040A9; -} + background-color: #0040A9; } .buttons-row { display: -webkit-box; @@ -5752,8 +4841,7 @@ p { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; - justify-content: center; -} + justify-content: center; } .buttons-row.buttons-center { margin-top: 40px; @@ -5761,13 +4849,11 @@ p { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; - justify-content: center; -} + justify-content: center; } .buttons-row.bottom-margin { margin-bottom: 20px; - justify-content: flex-end; -} + justify-content: flex-end; } .navmenu { position: fixed; @@ -5777,8 +4863,7 @@ p { bottom: auto; z-index: 140; height: 70px; - background-color: #fff; -} + background-color: #fff; } .list { display: -webkit-box; @@ -5794,8 +4879,7 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; -} + flex: 1; } .nav-li { padding-right: 15px; @@ -5803,12 +4887,10 @@ p { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; - flex: 0 0 auto; -} + flex: 0 0 auto; } .nav-li.menue-2-drop { - display: block; -} + display: block; } .navlink { display: block; @@ -5819,13 +4901,11 @@ p { font-size: 16px; line-height: 30px; font-weight: 400; - text-decoration: none; -} + text-decoration: none; } .navlink:hover { border-bottom-color: #1e88e5; - color: #1e88e5; -} + color: #1e88e5; } .div-block-6 { z-index: 200; @@ -5840,8 +4920,7 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; -} + flex: 1; } .intro { max-width: 800px; @@ -5849,8 +4928,7 @@ p { margin-bottom: 40px; margin-left: auto; font-size: 18px; - line-height: 27px; -} + line-height: 27px; } .logo { display: block; @@ -5858,8 +4936,7 @@ p { margin-top: 0px; padding-top: 14px; padding-bottom: 10px; - float: left; -} + float: left; } .kvcol { display: -webkit-box; @@ -5874,12 +4951,10 @@ p { -webkit-box-flex: 0; -webkit-flex: 0 50%; -ms-flex: 0 50%; - flex: 0 50%; -} + flex: 0 50%; } .kvcol.leftcol { - max-width: 400px; -} + max-width: 400px; } .kv-right-col { position: relative; @@ -5898,8 +4973,7 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; -} + flex: 1; } .kv-image-3 { position: absolute; @@ -5907,20 +4981,16 @@ p { width: 100%; height: 100%; -o-object-fit: contain; - object-fit: contain; -} + object-fit: contain; } .kv-image-3.l3 { - display: block; -} + display: block; } .kv-image-3.l1 { - display: block; -} + display: block; } .kv-image-3.i2 { - display: block; -} + display: block; } .div-block-8 { display: -webkit-box; @@ -5934,8 +5004,7 @@ p { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; - align-items: center; -} + align-items: center; } .kv-subtext { margin-bottom: 40px; @@ -5943,27 +5012,22 @@ p { font-size: 19px; line-height: 28px; font-weight: 900; - text-transform: uppercase; -} + text-transform: uppercase; } .kvtext-max-w { - float: left; -} + float: left; } .button-right-arrow { width: 20px; - height: 20px; -} + height: 20px; } .div-block-9 { - text-align: center; -} + text-align: center; } .users-icon { width: 150px; height: 150px; - margin-bottom: 20px; -} + margin-bottom: 20px; } .heading-2 { margin-bottom: 10px; @@ -5971,13 +5035,11 @@ p { font-size: 18px; line-height: 21px; font-weight: 900; - text-transform: uppercase; -} + text-transform: uppercase; } .heading-2.bm0 { margin-top: 0px; - margin-bottom: 0px; -} + margin-bottom: 0px; } .button-label { position: relative; @@ -5985,8 +5047,7 @@ p { padding-right: 20px; font-size: 16px; font-weight: 600; - align-self: center; -} + align-self: center; } .si { width: 50%; @@ -5995,12 +5056,10 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; -} + flex: 1; } .minh { - min-height: 89px; -} + min-height: 89px; } .button-flyin { position: absolute; @@ -6011,36 +5070,28 @@ p { display: none; color: #fff; height: 110%; - background-color: #004A90; -} + background-color: #004A90; } .button-flyin-secondary { - background-color: #1e88e5; -} + background-color: #1e88e5; } .secondary-button-white:hover { color: #1e88e5 !important; - background-position: left; -} -.secondary-button-white:hover img { - opacity: 0; -} + background-position: left; } + .secondary-button-white:hover img { + opacity: 0; } .button-flyin-blue { - background-color: #fff; -} + background-color: #fff; } .main-button-white:hover { color: white; - background-position: left; -} -.main-button-white:hover img { - opacity: 0; -} + background-position: left; } + .main-button-white:hover img { + opacity: 0; } .button-flyin.main { - background-color: #004A90; -} + background-color: #004A90; } .testimonial-tile { position: relative; @@ -6048,8 +5099,7 @@ p { width: 100%; margin-bottom: 20px; margin-top: 20px; - min-height: 230px; -} + min-height: 230px; } .test-padding { display: -webkit-box; @@ -6067,8 +5117,7 @@ p { -ms-flex-align: center; align-items: center; background-color: #D4F0FC; - text-align: center; -} + text-align: center; } .text-block-2 { position: absolute; @@ -6081,8 +5130,7 @@ p { background-color: #1e88e5; color: #fff; font-weight: 600; - text-align: center; -} + text-align: center; } .testimonial-quotes { position: absolute; @@ -6110,8 +5158,7 @@ p { -ms-flex-align: center; align-items: center; border-radius: 50%; - background-color: #1e88e5; -} + background-color: #1e88e5; } .login { padding-top: 9px; @@ -6120,12 +5167,10 @@ p { color: #1e88e5; line-height: 15px; font-weight: 600; - text-decoration: none; -} + text-decoration: none; } .login:hover { - color: #004A90; -} + color: #004A90; } .register { margin-left: 30px; @@ -6138,14 +5183,12 @@ p { font-size: 16px; line-height: 15px; font-weight: 600; - margin-top: -2px; -} + margin-top: -2px; } .register:hover { border-color: #004A90; background-color: #004A90; - color: #fff; -} + color: #fff; } .div-block-10 { z-index: 121; @@ -6167,27 +5210,23 @@ p { -ms-flex: 1; flex: 1; background-color: #fff; - text-align: left; -} + text-align: left; } .center { - text-align: center; -} + text-align: center; } .div-block-11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; - display: flex; -} + display: flex; } .image { width: 47px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; - flex: 0 0 auto; -} + flex: 0 0 auto; } .isc { display: -webkit-box; @@ -6198,8 +5237,7 @@ p { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; - justify-content: flex-start; -} + justify-content: flex-start; } .nimber-row { position: relative; @@ -6219,27 +5257,23 @@ p { -webkit-align-items: center; -ms-flex-align: center; align-items: center; - text-align: center; -} + text-align: center; } .nimber-row.largenr { padding-top: 2px; - padding-bottom: 2px; -} + padding-bottom: 2px; } .number-background-circle { position: absolute; width: 70px; height: 70px; border-radius: 50%; - background-color: #D4F0FC; -} + background-color: #D4F0FC; } .number-background-circle.lbc { width: 120px; height: 120px; - background-color: #D4F0FC; -} + background-color: #D4F0FC; } .text-block-3 { position: relative; @@ -6249,29 +5283,24 @@ p { color: #0040A9; font-size: 62px; line-height: 70px; - font-weight: 300; -} + font-weight: 300; } .div-block-14 { - text-align: center; -} + text-align: center; } .n { font-size: 18px; - font-weight: 600; -} + font-weight: 600; } .div-block-16 { height: 1px; max-width: 400px; margin-right: auto; margin-left: auto; - border-bottom: 2px dashed #0040A9; -} + border-bottom: 2px dashed #0040A9; } .div-block-16.bdash { - margin-bottom: 18px; -} + margin-bottom: 18px; } .col-copy { display: -webkit-box; @@ -6283,8 +5312,7 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; -} + flex: 1; } .side-title { margin-bottom: 50px; @@ -6292,18 +5320,15 @@ p { line-height: 42px; font-weight: 400; max-width: 800px; - text-align: center; -} + text-align: center; } .grid-icon { width: 40px; - height: 40px; -} + height: 40px; } .grid-icon.large-gi { - width: 40px; - height: 40px; -} + width: 50px; + height: 50px; } .icon-wrapp { display: -webkit-box; @@ -6327,34 +5352,28 @@ p { flex: 0 0 auto; border-radius: 50%; background-color: #D4F0FC; - opacity: 1; -} + opacity: 1; } .div-block-19 { padding-top: 5px; - padding-left: 20px; -} + padding-left: 20px; } .footer-link { display: block; margin-bottom: 15px; color: #58595b; - text-decoration: none; -} + text-decoration: none; } .footer-link:hover { - color: #1e88e5; -} + color: #1e88e5; } .link-block-2 { padding-right: 20px; - float: left; -} + float: left; } .cocico { width: 40px; - height: 40px; -} + height: 40px; } .nav-ul-2 { position: fixed; @@ -6372,16 +5391,14 @@ p { border-width: 1px; border-color: #b3d8eb; background-color: #fff; - box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.22); -} + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.22); } .nav2-li { padding: 20px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; -} + flex: 1; } .navlink-2 { display: block; @@ -6389,16 +5406,13 @@ p { padding-right: 20px; color: #333; font-size: 14px; - text-decoration: none; -} + text-decoration: none; } .navlink-2:hover { - color: #1e88e5; -} + color: #1e88e5; } .navlink-2.strong { - font-weight: 600; -} + font-weight: 600; } .nav-sub-row { display: -webkit-box; @@ -6409,12 +5423,10 @@ p { margin-left: -10px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; - flex-wrap: wrap; -} + flex-wrap: wrap; } .nav-sub-row.toppadding { - padding-top: 34px; -} + padding-top: 34px; } .nav-col-3 { padding-right: 10px; @@ -6422,12 +5434,10 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; -} + flex: 1; } .tabs-pricing { - height: auto; -} + height: auto; } .tabs-menu-pricing { display: -webkit-box; @@ -6440,8 +5450,7 @@ p { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; - border-bottom: 1px none #b3d8eb; -} + border-bottom: 1px none #b3d8eb; } .tab { margin-right: 20px; @@ -6452,36 +5461,30 @@ p { background-color: #fff; color: #8c8c8c; font-size: 20px; - text-align: center; -} + text-align: center; } .tab:hover { border-bottom-color: #1e88e5; - color: #1e88e5; -} + color: #1e88e5; } .tab.w--current { border-bottom-color: #1e88e5; background-color: #fff; - color: #1e88e5; -} + color: #1e88e5; } .paket { font-size: 23px; - font-weight: 500; -} + font-weight: 500; } .price { margin-top: 10px; margin-bottom: 10px; font-size: 19px; - font-weight: 700; -} + font-weight: 700; } .compare-icon { width: 26px; - height: 26px; -} + height: 26px; } .compare-col-frame { position: relative; @@ -6490,21 +5493,17 @@ p { margin-bottom: 0px; padding: 30px 30px 70px; background-color: #abe7ff; - text-align: center; -} + text-align: center; } .compare-col-frame.paket-b { - background-color: #99f2e1; -} + background-color: #99f2e1; } .compare-col-frame.paket-c { - background-color: #c1c8e9; -} + background-color: #c1c8e9; } .compare-col-frame.w { background-color: #fff; - box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); -} + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); } .pi { min-height: 80px; @@ -6512,23 +5511,20 @@ p { padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; font-size: 16px; - line-height: 26px; -} + line-height: 26px; } .pricetable-feature { padding-top: 4px; padding-bottom: 4px; font-size: 16px; - line-height: 20px; -} + line-height: 20px; } .pricetable-ul { overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; -} + flex: 1; } .ptf-li { display: -webkit-box; @@ -6539,8 +5535,7 @@ p { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; - text-align: left; -} + text-align: left; } .button-pricechart { position: absolute; @@ -6555,26 +5550,20 @@ p { -moz-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; - transition: background-color 200ms linear; -} -.button-pricechart:hover { - background-color: #0040A9; -} + transition: background-color 200ms linear; } + .button-pricechart:hover { + background-color: #0040A9; } .button-pricechart.pcb-2 { background-color: #ffc700; - color: #333; -} -.button-pricechart.pcb-2:hover { - background-color: #EDB900; -} + color: #333; } + .button-pricechart.pcb-2:hover { + background-color: #EDB900; } .button-pricechart.pcb-3 { - background-color: #0040A9; -} -.button-pricechart.pcb-3:hover { - background-color: #003D76; -} + background-color: #0040A9; } + .button-pricechart.pcb-3:hover { + background-color: #003D76; } .pricing-icon-outer { display: -webkit-box; @@ -6597,16 +5586,13 @@ p { border-style: dashed; border-width: 3px; border-color: #1e88e5; - border-radius: 50%; -} + border-radius: 50%; } .pricing-icon-outer.green { - border-color: #ffc700; -} + border-color: #ffc700; } .pricing-icon-outer.grey { - border-color: #0040A9; -} + border-color: #0040A9; } .pricing-inner-circle { display: -webkit-box; @@ -6624,36 +5610,29 @@ p { -ms-flex-align: center; align-items: center; border-radius: 50%; - background-color: #1e88e5; -} + background-color: #1e88e5; } .pricing-inner-circle.pic-green { - background-color: #ffc700; -} + background-color: #ffc700; } .pricing-inner-circle.pic-grey { - background-color: #0040A9; -} + background-color: #0040A9; } .price-icon { width: 60px; - height: 60px; -} + height: 60px; } .textlink { - color: #1e88e5; -} + color: #1e88e5; } .intri-inner { margin-top: 20px; margin-bottom: 20px; font-size: 21px; - line-height: 32px; -} + line-height: 32px; } .image-3--2 { - padding-top: 0px; -} + padding-top: 0px; } .sidelink { display: block; @@ -6665,31 +5644,25 @@ p { color: #333; font-size: 15px; font-weight: 400; - text-decoration: none; -} + text-decoration: none; } .sidelink:hover { - color: #1e88e5; -} + color: #1e88e5; } .sidelink:focus { - color: #1e88e5; -} + color: #1e88e5; } .sidelink.l1 { margin-top: 10px; color: #333; font-weight: 600; - text-transform: uppercase; -} + text-transform: uppercase; } .sidelink.l1:hover { - color: #1e88e5; -} + color: #1e88e5; } .sidelist { - padding-left: 0px; -} + padding-left: 0px; } .breadcrumbs-ul { display: -webkit-box; @@ -6699,24 +5672,20 @@ p { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; - justify-content: flex-start; -} + justify-content: flex-start; } .breadcrumb-li { - padding-right: 10px; -} + padding-right: 10px; } .breadcrumb { display: block; padding-right: 10px; border-right: 1px solid #e5e5e5; color: #8c8c8c; - text-decoration: none; -} + text-decoration: none; } .breadcrumb:hover { - color: #1e88e5; -} + color: #1e88e5; } .sidenav { width: 300px; @@ -6727,61 +5696,49 @@ p { border-width: 1px; border-color: #e5e5e5; background-color: #fff; - box-shadow: -10px -10px 0 0 #f8f8f8; -} + box-shadow: -10px -10px 0 0 #f8f8f8; } .sidelink-dd { display: block; width: 100%; - padding: 4px 0px; -} + padding: 4px 0px; } .dropdown { z-index: 1; - display: block; -} + display: block; } .text-block-4 { position: relative; color: #333; - font-size: 15px; -} + font-size: 15px; } .text-block-4:focus { - color: #1e88e5; -} + color: #1e88e5; } .icon-2 { - margin-right: 0px; -} + margin-right: 0px; } .dropdown-list { - position: relative; -} + position: relative; } .dropdown-list.w--open { position: relative; - background-color: rgba(255, 255, 255, 0); -} + background-color: rgba(255, 255, 255, 0); } .sidelink-l3 { padding-top: 4px; padding-bottom: 4px; background-color: transparent; - font-size: 15px; -} + font-size: 15px; } .sidelink-l3:hover { - color: #1e88e5; -} + color: #1e88e5; } .sidelink-l3:focus { - color: #1e88e5; -} + color: #1e88e5; } .sidenav-toggle { - display: none; -} + display: none; } .dashcol { max-width: 600px; @@ -6789,26 +5746,22 @@ p { margin-left: auto; padding-top: 169px; padding-right: 74px; - padding-left: 74px; -} + padding-left: 74px; } .dashtitle { margin-top: 40px; - margin-bottom: 10px; -} + margin-bottom: 10px; } .dashlink { display: block; padding-top: 7px; padding-bottom: 7px; - color: #333; -} + color: #333; } .ic { width: 100%; height: 200px; - margin-top: 40px; -} + margin-top: 40px; } .medium-icon-wrapper { display: -webkit-box; @@ -6830,8 +5783,7 @@ p { border-style: dashed; border-width: 2px; border-color: #1e88e5; - border-radius: 50%; -} + border-radius: 50%; } .inner-icon-circle { display: -webkit-box; @@ -6849,21 +5801,18 @@ p { -ms-flex-align: center; align-items: center; border-radius: 50%; - background-color: #D4F0FC; -} + background-color: #D4F0FC; } .cloud-icon2 { width: 200px; -o-object-fit: contain; object-fit: contain; -o-object-position: 50% 17px; - object-position: 50% 17px; -} + object-position: 50% 17px; } .icon-image { width: 40px; - height: 40px; -} + height: 40px; } .logos-row { display: -webkit-box; @@ -6876,8 +5825,7 @@ p { justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; - flex-wrap: wrap; -} + flex-wrap: wrap; } .trust-logo { max-height: 60px; @@ -6885,8 +5833,7 @@ p { margin-bottom: 0px; margin-left: 10px; padding: 16px; - background-color: #fff; -} + background-color: #fff; } .text-field { height: 38px; @@ -6894,12 +5841,10 @@ p { border-width: 1px; border-color: #ccc; border-top-left-radius: 18px; - border-bottom-left-radius: 18px; -} + border-bottom-left-radius: 18px; } .tab-pane-tab-1 { - padding-top: 30px; -} + padding-top: 30px; } .div-block-21 { display: -webkit-box; @@ -6909,8 +5854,7 @@ p { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; - align-items: center; -} + align-items: center; } .compare-col { padding: 5px 20px; @@ -6919,14 +5863,12 @@ p { -ms-flex: 1; flex: 1; font-weight: 600; - text-align: center; -} + text-align: center; } .compare-col.leftcol { padding-left: 0px; font-weight: 400; - text-align: left; -} + text-align: left; } .accordion-icon { width: 35px; @@ -6935,38 +5877,31 @@ p { padding: 6px; float: left; border-radius: 5px; - background-color: #D4F0FC; -} + background-color: #D4F0FC; } .compare-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; - border-bottom: 1px solid #e5e5e5; -} + border-bottom: 1px solid #e5e5e5; } .accordion-title { - line-height: 53px; -} + line-height: 53px; } .compare-wrap { font-size: 14px; - line-height: 24px; -} + line-height: 24px; } .accordion-arrow { width: 20px; - height: 20px; -} + height: 20px; } .accordion-toggle-2 { - overflow: hidden; -} + overflow: hidden; } .accordion { - margin-bottom: 0px; -} + margin-bottom: 0px; } .accordion-head { display: -webkit-box; @@ -6984,15 +5919,12 @@ p { -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e5e5e5; - font-weight: 700; -} -.accordion-head:not(.static) { - cursor: pointer; -} + font-weight: 700; } + .accordion-head:not(.static) { + cursor: pointer; } .accordion-head:not(.static):hover { - color: #1e88e5; -} + color: #1e88e5; } .collapse-row { position: absolute; @@ -7010,40 +5942,33 @@ p { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; - cursor: pointer; -} + cursor: pointer; } .cd { font-size: 16px; - font-weight: 500; -} + font-weight: 500; } .accordion-toggle { - overflow: hidden; -} + overflow: hidden; } .tab-pane-tab-1-2 { height: auto; - padding-top: 105px; -} + padding-top: 105px; } .tabs-content { - height: auto; -} + height: auto; } .h2-compare { margin-top: 60px; margin-bottom: 40px; font-size: 28px; - line-height: 32px; -} + line-height: 32px; } .form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; - display: flex; -} + display: flex; } .submit-button { width: 38px; @@ -7059,15 +5984,13 @@ p { background-image: url("/tema1ka/svg/icons-search-bela.svg"); background-position: 50% 50%; background-size: 20px 20px; - background-repeat: no-repeat; -} + background-repeat: no-repeat; } .searchbutton { margin-right: 30px; width: 24px; height: 24px; - cursor: pointer; -} + cursor: pointer; } .div-block-22 { display: -webkit-box; @@ -7082,8 +6005,7 @@ p { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; - align-items: flex-start; -} + align-items: flex-start; } .list-inner { display: -webkit-box; @@ -7093,8 +6015,7 @@ p { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; - align-items: flex-start; -} + align-items: flex-start; } .slide-partners { width: 20%; @@ -7102,8 +6023,7 @@ p { padding-bottom: 9px; border-right: 1px solid #e0f6ff; background-color: #fff; - text-align: center; -} + text-align: center; } .sarr { width: 50px; @@ -7111,30 +6031,25 @@ p { margin-top: 0px; margin-bottom: 0px; color: #0040A9; - font-size: 23px; -} + font-size: 23px; } .mask-2 { margin-right: 50px; - margin-left: 50px; -} + margin-left: 50px; } .slider { height: auto; margin-bottom: 40px; - background-color: rgba(221, 221, 221, 0); -} + background-color: rgba(221, 221, 221, 0); } .slide-nav-2 { - display: none; -} + display: none; } .form-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; - display: flex; -} + display: flex; } .submit-button-2 { width: 48px; @@ -7146,8 +6061,7 @@ p { background-position: 50% 50%; background-size: 26px 26px; background-repeat: no-repeat; - letter-spacing: 3px; -} + letter-spacing: 3px; } .text-field-2 { height: 48px; @@ -7156,17 +6070,16 @@ p { border: 1px solid #cccccc; border-right: 0px; font-size: 20px; - line-height: 20px; -} + line-height: 20px; } .hide-search { + margin-bottom: 10px; width: 48px; height: 48px; padding: 12px; border-radius: 43px; background-color: #fff; - cursor: pointer; -} + cursor: pointer; } .searchform { position: fixed; @@ -7177,24 +6090,21 @@ p { z-index: 150; display: none; background-color: white; - box-shadow: 0 11px 8px -8px rgba(0, 0, 0, 0.33); -} -.searchform .container { - width: 100%; - background-color: white; - margin-right: 0; - margin-left: 0; - padding-right: 0; - padding-left: 0; - max-width: 100%; -} -.searchform .container .row { - max-width: 1240px; - margin-right: auto; - margin-left: auto; - padding-right: 40px; - padding-left: 40px; -} + box-shadow: 0 11px 8px -8px rgba(0, 0, 0, 0.33); } + .searchform .container { + width: 100%; + background-color: white; + margin-right: 0; + margin-left: 0; + padding-right: 0; + padding-left: 0; + max-width: 100%; } + .searchform .container .row { + max-width: 1240px; + margin-right: auto; + margin-left: auto; + padding-right: 40px; + padding-left: 40px; } .button-small { margin-right: 5px; @@ -7206,8 +6116,7 @@ p { border-color: #ececec; border-radius: 6px; background-color: #fff; - color: #8b8b8b; -} + color: #8b8b8b; } .badge { display: -webkit-box; @@ -7237,44 +6146,36 @@ p { line-height: 17px; font-weight: 700; text-align: center; - text-transform: uppercase; -} + text-transform: uppercase; } .div-block-23 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; -} + flex: 1; } .list-thumb { width: 100px; margin-top: 15px; - padding-right: 18px; -} + padding-right: 18px; } .list-2 { - padding-left: 0px; -} + padding-left: 0px; } .recommended-item { padding: 13px 0px; - border-bottom: 1px solid #e5e5e5; -} + border-bottom: 1px solid #e5e5e5; } .recommended-item:first-child { - border-top: 1px solid #e5e5e5; -} + border-top: 1px solid #e5e5e5; } .recommended-item-title { font-size: 18px; - font-weight: 400; -} + font-weight: 400; } .recommended-item-arrow { float: right; - margin-top: 3px; -} + margin-top: 3px; } .modal { position: fixed; @@ -7295,8 +6196,7 @@ p { -webkit-align-items: center; -ms-flex-align: center; align-items: center; - background-color: rgba(0, 0, 0, 0.39); -} + background-color: rgba(0, 0, 0, 0.39); } .modal-inner { position: relative; @@ -7308,30 +6208,25 @@ p { -webkit-flex: 1; -ms-flex: 1; flex: 1; - background-color: #fff; -} + background-color: #fff; } .modal-h1 { margin-top: 0px; margin-bottom: 20px; font-size: 30px; line-height: 48px; - font-weight: 400; -} + font-weight: 400; } .label { - margin-bottom: 0px; -} + margin-bottom: 0px; } .text-fiels-form { border-style: solid; border-width: 1px; - border-color: #b3d8eb; -} + border-color: #b3d8eb; } .text-fiels-form:focus { - border-color: #0040A9; -} + border-color: #0040A9; } .form-row { display: -webkit-box; @@ -7339,8 +6234,7 @@ p { display: -ms-flexbox; display: flex; margin-right: -5px; - margin-left: -5px; -} + margin-left: -5px; } .gorm-col { padding-right: 5px; @@ -7348,8 +6242,7 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; -} + flex: 1; } .radio-button { width: 20px; @@ -7357,42 +6250,34 @@ p { margin-left: -34px; border-style: solid; border-width: 1px; - border-color: #b3d8eb; -} + border-color: #b3d8eb; } .radio-button.w--redirected-checked { border-color: #0040A9; - background-color: #fff; -} + background-color: #fff; } .radio-button.w--redirected-focus { - box-shadow: none; -} + box-shadow: none; } .radio-button-field { - padding-left: 34px; -} + padding-left: 34px; } .checkbox { width: 20px; height: 20px; margin-left: -30px; - border-color: #b3d8eb; -} + border-color: #b3d8eb; } .checkbox.w--redirected-checked { border-color: #0040A9; background-color: #0040A9; - background-size: 13px; -} + background-size: 13px; } .checkbox.w--redirected-focus { - box-shadow: none; -} + box-shadow: none; } .checkbox-field { - padding-left: 30px; -} + padding-left: 30px; } .close-modal { position: absolute; @@ -7401,26 +6286,22 @@ p { right: 20px; bottom: auto; width: 30px; - height: 30px; -} + height: 30px; } .tabs-content-copy { height: auto; padding-right: 20px; - padding-left: 20px; -} + padding-left: 20px; } .sideicon-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; - margin-bottom: 40px; -} + margin-bottom: 40px; } .side-text-padding { - padding-left: 30px; -} + padding-left: 30px; } .icon-wrapp-copy { display: -webkit-box; @@ -7445,12 +6326,11 @@ p { border-radius: 50%; background-color: #e0f6ff; opacity: 1; -} + align-self: center; } @media screen and (max-width: 991px) { .nav-li1 { - position: static; - } + position: static; } .nav-ul2 { position: absolute; @@ -7465,129 +6345,106 @@ p { background-size: 30px 30px; background-repeat: no-repeat; text-align: center; - cursor: pointer; - } + cursor: pointer; } .searchform { - top: 62px !important; - } - .searchform .container { - padding-top: 10px; - } - .searchform .container .w-form { - margin: 0; - } + top: 0px !important; + padding: 10px 0; } + .searchform .container { + padding-top: 10px; } + .searchform .container .w-form { + margin: 0; } .section-main.functionalities { - display: block !important; - } - .section-main.functionalities .flexcol { - margin-bottom: 18px !important; - } + display: block !important; } + .section-main.functionalities .flexcol { + margin-bottom: 18px !important; } .mnenja-up { - display: block !important; - } + display: block !important; } .content { padding-top: 0px; - padding-left: 0px; - } + padding-left: 0px; } .section { padding-top: 50px; - padding-bottom: 50px; - } + padding-bottom: 50px; } .section.kvs { z-index: 0; height: auto; - padding-top: 0px; - } + padding-top: 0px; } .row.grid-list { - padding-left: 0px; - } + padding-left: 0px; } .row.pricing-row { - display: block; - } + display: block; } .row.sideav-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; - padding-right: 0px; - } + padding-right: 0px; } .koraki-spletnega-anketiranja .row { - display: block !important; - } + display: block !important; } .koraki-spletnega-anketiranja .gumb { flex: none !important; width: auto !important; margin-left: auto; - margin-right: auto; - } + margin-right: auto; } .col._4-12-12-12 { width: 100% !important; -webkit-box-flex: 0 !important; -webkit-flex: 0 100% !important; -ms-flex: 0 100% !important; - flex: 0 100% !important; - } + flex: 0 100% !important; } .col._6-12-12-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; - flex-basis: 100%; - } + flex-basis: 100%; } .col.kvleft { max-width: none; - float: none; - } + float: none; } .col._3-6-6-12 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; - flex-basis: 50%; - } + flex-basis: 50%; } .topnav { left: 0px; - z-index: 42; - } + z-index: 42; } .burger { position: relative; z-index: 100; display: block; padding: 7px; - opacity: 1; - } + opacity: 1; } .navmenu { position: relative; - z-index: 15; - } + z-index: 15; } .list { display: block; padding-top: 30px; padding-left: 0px; - background-color: #fff; - } + background-color: #fff; } .navlink { padding-top: 0px; padding-bottom: 0px; border-bottom-style: none; font-size: 19px; - line-height: 33px; - } + line-height: 33px; } .div-block-6 { position: fixed; @@ -7607,18 +6464,15 @@ p { -ms-flex: 0 100%; flex: 0 100%; background-color: #fff; - box-shadow: 4px 4px 11px 0 rgba(0, 0, 0, 0.09); - } + box-shadow: 4px 4px 11px 0 rgba(0, 0, 0, 0.09); } .logo { position: fixed; top: 0px; - z-index: 43; - } + z-index: 43; } .kvcol { - max-width: none; - } + max-width: none; } .kvcol.leftcol { max-width: none !important; @@ -7626,15 +6480,13 @@ p { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; - text-align: center; - } + text-align: center; } .kv-right-col { height: 403px; max-width: none; margin-top: 52px; - margin-bottom: 52px; - } + margin-bottom: 52px; } .div-block-8 { display: -webkit-box; @@ -7649,44 +6501,35 @@ p { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; - justify-content: flex-start; - } + justify-content: flex-start; } .minh { - min-height: auto; - } + min-height: auto; } .testimonial-tile { height: auto; - margin-bottom: 57px; - } + margin-bottom: 57px; } .uvodni-slider { - display: block !important; - } + display: block !important; } .image { - display: none; - } + display: none; } .isc { display: none; - width: 0%; - } + width: 0%; } .text-block-3 { - font-size: 48px; - } + font-size: 48px; } .col-copy { - padding-left: 15px; - } + padding-left: 15px; } .image-2 { max-width: 300px; margin-top: 40px; - float: none; - } + float: none; } .nav-ul-2 { position: relative; @@ -7700,49 +6543,40 @@ p { margin-bottom: 0px; border-style: none; background-color: #fff; - box-shadow: none; - } + box-shadow: none; } .nav2-li { - padding: 2px 0px; - } + padding: 2px 0px; } .navlink-2 { padding-left: 16px; font-size: 14px; - line-height: 22px; - } + line-height: 22px; } .nav-sub-row { - display: block; - } + display: block; } .nav-sub-row.toppadding { - padding-top: 0px; - } + padding-top: 0px; } .compare-col-frame { margin-top: 106px; margin-left: 20px; - margin-right: 20px; - } + margin-right: 20px; } .sidelink { - padding-right: 19px; - } + padding-right: 19px; } .sidelist { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + flex-wrap: wrap; } .sl { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; - flex: 0 0 auto; - } + flex: 0 0 auto; } .sidenav { position: fixed; @@ -7759,8 +6593,7 @@ p { border-radius: 0px; background-color: #fff; box-shadow: none; - overflow: auto; - } + overflow: auto; } .sidenav-toggle { position: fixed; @@ -7776,168 +6609,136 @@ p { border-radius: 39px; background-color: #1e88e5; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.37); - cursor: pointer; - } - .sidenav-toggle img { - width: 100%; - } + cursor: pointer; } + .sidenav-toggle img { + width: 100%; } .medium-icon-wrapper { - margin-top: 20px; - } + margin-top: 20px; } .cloud-icon2 { max-width: 300px; margin-top: 40px; - float: none; - } + float: none; } .compare-col { padding-right: 5px; padding-left: 5px; - font-size: 14px; - } + font-size: 14px; } .compare-col.leftcol { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; - flex: 100%; - } + flex: 100%; } .h2-compare { - margin-bottom: 0 !important; - } + margin-bottom: 0 !important; } .accordion-title:not(.title-cena) { line-height: normal; align-self: center; min-height: 35px; display: flex; - align-items: center; - } + align-items: center; } .ostale-storitve .accordion-title-block { - display: block; - } - .ostale-storitve .accordion-title-block .title-cena { - width: 49%; - display: inline-block; - text-align: center; - } + display: block; } + .ostale-storitve .accordion-title-block .title-cena { + width: 49%; + display: inline-block; + text-align: center; } .compare-row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + flex-wrap: wrap; } .cd { - font-size: 16px; - } + font-size: 16px; } .tab-pane-tab-1-2 { - padding-top: 0px; - } + padding-top: 0px; } .searchbutton { - margin-right: 20px; - } + margin-right: 20px; } .slide-partners { - width: 33.3333%; - } -} + width: 33.3333%; } } @media screen and (max-width: 767px) { h1 { font-size: 34px; - line-height: 40px; - } + line-height: 40px; } h2 { font-size: 28px; - line-height: 34px; - } + line-height: 34px; } .section { padding-top: 40px; - padding-bottom: 40px; - } + padding-bottom: 40px; } .section.topmargin { - padding-top: 20px; - } + padding-top: 20px; } .row.grid-list { display: block; - padding-left: 0px; - } + padding-left: 0px; } .col._6-12-12-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; - flex-basis: 100%; - } + flex-basis: 100%; } .col._4-4-12-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; - flex-basis: 100%; - } + flex-basis: 100%; } .kv-heading { font-size: 30px; line-height: 40px; - font-weight: 400; - } + font-weight: 400; } .section-title { font-size: 24px; - line-height: 31px; - } + line-height: 31px; } .navlink { padding-top: 2px; - padding-bottom: 2px; - } + padding-bottom: 2px; } .div-block-6 { - overflow: auto; - } + overflow: auto; } .kv-right-col { - height: 300px; - } + height: 300px; } .si { max-width: 150px; margin-right: auto; - margin-left: auto; - } + margin-left: auto; } .text-block-3 { font-size: 44px; - line-height: 64px; - } + line-height: 64px; } .compare-col { padding-right: 10px; padding-left: 0px; font-size: 13px; - line-height: 23px; - } + line-height: 23px; } .compare-col.leftcol { margin-top: 0px; padding-top: 0px; - padding-bottom: 0px; - } + padding-bottom: 0px; } /* .ostale-storitve-tabela{ .compare-col.leftcol { border-bottom: 1px solid #d1d1d1; } - + .compare-row { border-bottom-style: none; } @@ -7946,16 +6747,15 @@ p { padding-top: 10px; padding-bottom: 10px; font-size: 15px; - text-align: center; - } + text-align: center; } .ostale-storitve .cd { - text-align: left; - } + text-align: left; } + .ostale-storitve .cd.cena { + text-align: center; } .slide-partners { - width: 50%; - } + width: 50%; } .modal-inner { position: fixed; @@ -7967,138 +6767,108 @@ p { max-height: 100vh; padding-top: 62px; padding-right: 55px; - padding-left: 55px; - } -} + padding-left: 55px; } } @media screen and (max-width: 479px) { .section.kvs { - padding-top: 17px; - } + padding-top: 17px; } .container { padding-right: 20px; - padding-left: 20px; - } + padding-left: 20px; } .row { margin-right: -10px; - margin-left: -10px; - } + margin-left: -10px; } .row.flex { margin-right: -10px; - margin-left: -10px; - } + margin-left: -10px; } .row.pricing-row { - margin-right: 0px; - } + margin-right: 0px; } .col { padding-right: 0 !important; - padding-left: 0 !important; - } + padding-left: 0 !important; } .col._6-12-12-12 { -webkit-box-flex: 0; -webkit-flex: 0 100%; -ms-flex: 0 100%; - flex: 0 100%; - } + flex: 0 100%; } .col._3-6-6-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; - flex-basis: 100%; - } + flex-basis: 100%; } .kv-heading { - margin-bottom: 20px; - } + margin-bottom: 20px; } .section-title { font-size: 23px; - line-height: 29px; - } + line-height: 29px; } .topnav { left: 0px; - z-index: 100; - } + z-index: 100; } .buttons-row.buttons-center { - margin-top: 20px; - } + margin-top: 20px; } .w-tab-content.buttons-row { - justify-content: flex-end; - } + justify-content: flex-end; } .nav-li { - padding-left: 12px; - } + padding-left: 12px; } .navlink { - line-height: 28px; - } + line-height: 28px; } .div-block-6 { - padding-left: 0px; - } + padding-left: 0px; } .intro { - margin-bottom: 20px; - } + margin-bottom: 20px; } .kv-right-col { width: 90%; height: 239px; - margin: 14px auto 0px; - } + margin: 14px auto 0px; } .kv-subtext { - margin-bottom: 20px; - } + margin-bottom: 20px; } .users-icon { - margin-top: 20px; - } + margin-top: 20px; } .heading-2 { - margin-bottom: 10px; - } + margin-bottom: 10px; } .si { - max-width: 180px; - } + max-width: 180px; } .login { - margin-left: 13px; - } + margin-left: 13px; } .text-block-3 { font-size: 40px; - line-height: 40px; - } + line-height: 40px; } .grid-icon.large-gi { width: 40px; - height: 40px; - } + height: 40px; } .nav-ul-2 { - display: block; - } + display: block; } .navlink-2 { font-size: 12px; - line-height: 16px; - } + line-height: 16px; } .tabs-menu-pricing { margin-top: 10px; - margin-bottom: 10px; - } + margin-bottom: 10px; } .tab { margin-right: 0px; @@ -8106,18 +6876,15 @@ p { padding-right: 18px; padding-left: 18px; font-size: 15px; - line-height: 19px; - } + line-height: 19px; } .compare-col-frame.w { padding-right: 0px; padding-left: 0px; - box-shadow: none; - } + box-shadow: none; } .breadcrumb { - font-size: 13px; - } + font-size: 13px; } .compare-col { padding-right: 2px; @@ -8125,8 +6892,7 @@ p { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; - flex: 0 0 33.3333%; - } + flex: 0 0 33.3333%; } .ostale-storitve.compare-col { padding-right: 2px; @@ -8134,41 +6900,34 @@ p { -webkit-box-flex: 0; -webkit-flex: 1; -ms-flex: 1; - flex: 1; - } + flex: 1; } .compare-col.leftcol { margin-top: 0px; padding-top: 0px; - padding-bottom: 0px; - } + padding-bottom: 0px; } .accordion-icon { width: 30px; height: 30px; - margin-right: 10px; - } + margin-right: 10px; } .compare-row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + flex-wrap: wrap; } .accordion-arrow { width: 20px; - height: 20px; - } + height: 20px; } .accordion-head { - font-size: 14px; - } + font-size: 14px; } .cd { padding-top: 10px; padding-bottom: 10px; - font-size: 14px; - } + font-size: 14px; } .div-block-22 { margin-top: 40px; @@ -8177,38 +6936,30 @@ p { -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; - flex-direction: row; - } + flex-direction: row; } .list-inner { - display: block; - } + display: block; } .slide-partners { - width: 100%; - } + width: 100%; } .slider { - width: 280px; - } + width: 280px; } .badge { - margin-left: 0px; - } + margin-left: 0px; } .modal-inner { padding-right: 20px; - padding-left: 20px; - } + padding-left: 20px; } .form-row { - display: block; - } + display: block; } .tabs-content-copy { padding-right: 0px; - padding-left: 0px; - } + padding-left: 0px; } .sideicon-col { display: -webkit-box; @@ -8218,19 +6969,15 @@ p { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; - justify-content: flex-start; - } + justify-content: flex-start; } .side-text-padding { - padding-left: 10px; - } + padding-left: 10px; } .icon-wrapp-copy { width: 80px; height: 80px; margin-right: auto; - margin-left: auto; - } -} + margin-left: auto; } } /*# sourceMappingURL=style.css.map */ diff --git a/frontend/drupal9/web/themes/custom/pro1ka/js/script.js b/frontend/drupal9/web/themes/custom/pro1ka/js/script.js index 9c0ea69f4..052cfc973 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/js/script.js +++ b/frontend/drupal9/web/themes/custom/pro1ka/js/script.js @@ -314,8 +314,8 @@ jQuery('.prijava-ostale-nazaj').on('click', function () { jQuery('#modal-other-login').hide(); jQuery('.rexister-modal'). hide(); - jQuery('#modal-login').show(); - jQuery('#modal-other-login h3').show(); + jQuery('#modal-login').css('display', 'flex'); + jQuery('#modal-other-login h3').css('display', 'flex'); }); jQuery('.ikona-custom-login').on('click', function () { diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss index a57aae41b..ffa2c2c46 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss @@ -487,7 +487,7 @@ p { .buttong.main-button, .button.main-button { - background: linear-gradient(to left, #1e88e5 50%, $temo-modra 50%) right; + background: linear-gradient(to left, #1e88e5 50%, $modra-hover 50%) right; background-size: 200%; transition: .2s ease-out; color: #fff; @@ -1143,8 +1143,8 @@ p { } .grid-icon.large-gi { - width: 40px; - height: 40px; + width: 50px; + height: 50px; } .icon-wrapp { @@ -2009,6 +2009,7 @@ p { } .hide-search { + margin-bottom: 10px; width: 48px; height: 48px; padding: 12px; @@ -2296,6 +2297,7 @@ p { border-radius: 50%; background-color: #e0f6ff; opacity: 1; + align-self: center; } @media screen and (max-width: 991px) { @@ -2320,7 +2322,9 @@ p { } .searchform { - top: 62px !important; + top: 0px !important; + padding: 10px 0; + .container{ padding-top: 10px; .w-form{ @@ -2824,6 +2828,10 @@ p { .ostale-storitve{ .cd { text-align: left; + + &.cena{ + text-align: center; + } } } diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_popup.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_popup.scss index 17c7381ac..3b6d9f111 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_popup.scss +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_popup.scss @@ -318,14 +318,14 @@ &.main-button { margin: 0 0 0 8px; - background: linear-gradient(to left, #1e88e5 50%, $temo-modra 50%) right; + background: linear-gradient(to left, #1e88e5 50%, $modra-hover 50%) right; background-size: 200%; transition: .2s ease-out; color: #fff; border: 1px solid #1e88e5; &:hover { - border: 1px solid $temo-modra; + border: 1px solid $modra-hover; background-position: left; } } @@ -720,13 +720,14 @@ .w-form, #register-form-confirm{ .buttons{ - flex-direction: column !important; + flex-direction: column-reverse !important; .secondary-button{ - margin: 0 !important; + margin: 10px 0 0 0 !important; + padding: 9px 15px !important; } .main-button{ - margin: 10px 0 0 0 !important; + margin: 0 !important; } } } diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/pages/cenik.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/pages/cenik.scss index 7e7f29b6a..b7f822669 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/sass/pages/cenik.scss +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/pages/cenik.scss @@ -75,7 +75,7 @@ @media screen and (max-width: 991px) { .cenik-prikaz { - margin-top: 0; + margin-top: 70px; .ostale-storitve { &.w-70 { diff --git a/frontend/drupal9/web/themes/custom/pro1ka/svg/icons-survey-3.svg b/frontend/drupal9/web/themes/custom/pro1ka/svg/icons-survey-3.svg new file mode 100644 index 000000000..b41618270 --- /dev/null +++ b/frontend/drupal9/web/themes/custom/pro1ka/svg/icons-survey-3.svg @@ -0,0 +1,3 @@ + + + diff --git a/frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-eye-checked.svg b/frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-eye-checked.svg new file mode 100644 index 000000000..3632ec2d0 --- /dev/null +++ b/frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-eye-checked.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-left-click.svg b/frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-left-click.svg new file mode 100644 index 000000000..35a04ec0a --- /dev/null +++ b/frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-left-click.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-morale.svg b/frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-morale.svg new file mode 100644 index 000000000..385822902 --- /dev/null +++ b/frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-morale.svg @@ -0,0 +1,3 @@ + + + diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--front.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--front.html.twig index a105defec..87b339f18 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--front.html.twig +++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--front.html.twig @@ -722,6 +722,122 @@ {# END pomembne povezave#} +{# Prednosti 1KA #} +
+
+
+
+
+
+
+

+ {% if language.id == 'sl' %} + Prednosti orodja 1KA + {% else %} + 1KA’s advantages + {% endif %} +

+
+
+
+
+
+
+ +
+
+

+ {% if language.id == 'sl' %} + HITROST + {% else %} + SPEED + {% endif %} +

+

+ {% if language.id == 'sl' %} + Hitro in učinkovito orodje, ki poskrbi za nemoten razvoj vprašalnika. + {% else %} + A fast and efficient tool that ensures the smooth development of questionnaires. + {% endif %} +

+
+
+
+
+
+
+ +
+
+

+ {% if language.id == 'sl' %} + MINIMALNO ŠTEVILO KLIKOV + {% else %} + MINIMUM NUMBER OF CLICKS + {% endif %} +

+

+ {% if language.id == 'sl' %} + Osnovno vodilo, iz katerega izvira poimenovanje EnKlikAnketa. + {% else %} + Our basic principle, from which the name OneClickSurvey is derived. + {% endif %} +

+
+
+
+
+
+
+ +
+
+

+ {% if language.id == 'sl' %} + CENOVNA UČINKOVITOST + {% else %} + COST-EFFECTIVENESS + {% endif %} +

+

+ {% if language.id == 'sl' %} + Zavzemamo se za najboljše razmerje med ceno in kakovostjo. + {% else %} + Our basic principle, from which the name OneClickSurvey is derived. + {% endif %} +

+
+
+
+
+
+
+ +
+
+

+ {% if language.id == 'sl' %} + TRANSPARENTNOST + {% else %} + TRANSPARENCY + {% endif %} +

+

+ {% if language.id == 'sl' %} + Zagotavljamo popolno transparentnost, brez skritih stroškov. + {% else %} + Complete transparency over our product. No hidden costs or fees. + {% endif %} +

+
+
+
+
+{# END prednosti 1KA#} + +
+
+ {# NOGA #} {% include '@pro1ka/parts/footer.html.twig' %} {# END NOGA #} diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--ostale-storitve.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--ostale-storitve.html.twig index 9f83cc062..be0445c15 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--ostale-storitve.html.twig +++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--ostale-storitve.html.twig @@ -487,7 +487,7 @@ END HEADER #} {% endif %} -
30 €
+
30 €
 
@@ -501,7 +501,7 @@ END HEADER #} {% endif %} -
200 €
+
200 €