diff --git a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css index 84fb51364..5e983dd69 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css +++ b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css @@ -13,13 +13,15 @@ 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 ========================================================================== */ @@ -42,7 +44,8 @@ menu, nav, section, summary { - display: block; } + display: block; +} /** * 1. Correct `inline-block` display not defined in IE 8/9. @@ -55,7 +58,8 @@ video { display: inline-block; /* 1 */ vertical-align: baseline; - /* 2 */ } + /* 2 */ +} /** * Prevent modern browsers from displaying `audio` without controls. @@ -63,7 +67,8 @@ video { */ audio:not([controls]) { display: none; - height: 0; } + height: 0; +} /** * Address `[hidden]` styling not present in IE 8/9/10. @@ -71,7 +76,8 @@ audio:not([controls]) { */ [hidden], template { - display: none; } + display: none; +} /* Links ========================================================================== */ @@ -79,7 +85,8 @@ 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 @@ -87,7 +94,8 @@ a { */ a:active, a:hover { - outline: 0; } + outline: 0; +} /* Text-level semantics ========================================================================== */ @@ -95,20 +103,23 @@ 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` @@ -116,20 +127,23 @@ 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. @@ -139,13 +153,16 @@ 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 ========================================================================== */ @@ -153,13 +170,15 @@ 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 ========================================================================== */ @@ -167,20 +186,23 @@ 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. @@ -190,7 +212,8 @@ kbd, pre, samp { font-family: monospace, monospace; - font-size: 1em; } + font-size: 1em; +} /* Forms ========================================================================== */ @@ -214,13 +237,15 @@ 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`. @@ -230,7 +255,8 @@ button { */ button, select { - text-transform: none; } + text-transform: none; +} /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` @@ -242,19 +268,21 @@ 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+. @@ -262,14 +290,16 @@ 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. @@ -278,39 +308,43 @@ 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. @@ -318,7 +352,8 @@ 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. @@ -328,20 +363,23 @@ 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 ========================================================================== */ @@ -350,11 +388,13 @@ optgroup { */ table { border-collapse: collapse; - border-spacing: 0; } + border-spacing: 0; +} td, th { - padding: 0; } + padding: 0; +} .buttong, .button { @@ -380,25 +420,31 @@ 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; @@ -411,31 +457,36 @@ 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; @@ -446,56 +497,64 @@ 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: " "; @@ -503,15 +562,19 @@ 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; @@ -534,60 +597,66 @@ 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; @@ -595,19 +664,21 @@ 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; @@ -620,29 +691,34 @@ 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; @@ -656,62 +732,70 @@ 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; @@ -719,75 +803,85 @@ 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; @@ -800,84 +894,96 @@ 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; @@ -890,32 +996,36 @@ 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; @@ -923,20 +1033,25 @@ 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%; @@ -946,41 +1061,53 @@ 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; @@ -991,15 +1118,18 @@ 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; @@ -1011,70 +1141,90 @@ 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%; @@ -1095,344 +1245,429 @@ ul.seznam-tem { -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 .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%, #0040A9 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 #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; } + 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 .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; +} .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; } - .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; +} +.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; @@ -1440,13 +1675,16 @@ ul.seznam-tem { 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; @@ -1455,9 +1693,11 @@ ul.seznam-tem { 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; @@ -1467,114 +1707,153 @@ ul.seznam-tem { 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: .1s; } - #modal-individualno-svetovanje a img { - height: 48px; } + transition: 0.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 !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; + } +} input.form-text, input.form-submit { display: block; width: 100%; @@ -1586,366 +1865,473 @@ 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: "\2026"; - 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: "…"; + 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; @@ -1953,43 +2339,55 @@ 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; @@ -1998,7 +2396,9 @@ 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; @@ -2019,208 +2419,240 @@ 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; @@ -2233,34 +2665,40 @@ 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; @@ -2274,53 +2712,49 @@ nav.tabs { 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; +} -@media screen and (max-width: 991px) { - .nav-menu .region-header-menu, - .nav-menu .desni-elementi { - display: none !important; } - .nav-menu .menu-icon { - display: block !important; - margin-top: 15px; } - .nav-menu .menu-icon img { - height: 35px; - cursor: pointer; } } -@media screen and (max-width: 479px) { - .nav-menu .menu-icon { - margin-right: 25px; } - - .mobile-nav-menu { - min-width: unset; } } #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; @@ -2330,17 +2764,19 @@ 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; @@ -2349,7 +2785,8 @@ a { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; } + flex: 1; +} .gumb-svetovanje { display: -webkit-box; @@ -2376,71 +2813,86 @@ 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; @@ -2452,107 +2904,139 @@ 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: 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; + } +} .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; @@ -2561,34 +3045,43 @@ 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: "\e600"; } + content: ""; +} .w-icon-slider-left:before { - content: "\e601"; } + content: ""; +} .w-icon-nav-menu:before { - content: "\e602"; } + content: ""; +} .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { - content: "\e603"; } + content: ""; +} .w-icon-file-upload-remove:before { - content: "\e900"; } + content: ""; +} .w-icon-file-upload-icon:before { - content: "\e903"; } + content: ""; +} * { -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; @@ -2597,23 +3090,28 @@ 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 { @@ -2622,13 +3120,16 @@ 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; @@ -2639,13 +3140,16 @@ 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 * { @@ -2683,7 +3187,7 @@ html[data-w-dynpage] [data-w-cloak] { background-attachment: scroll; background-color: transparent; box-shadow: none; - opacity: 1.0; + opacity: 1; transform: none; transition: none; direction: ltr; @@ -2707,7 +3211,8 @@ 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; @@ -2724,7 +3229,7 @@ html[data-w-dynpage] [data-w-cloak] { border-radius: 3px !important; padding: 6px 8px 6px 6px !important; font-size: 12px !important; - opacity: 1.0 !important; + opacity: 1 !important; line-height: 14px !important; text-decoration: none !important; transform: none !important; @@ -2734,13 +3239,15 @@ 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, @@ -2749,68 +3256,82 @@ 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 { @@ -2819,15 +3340,18 @@ 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, @@ -2836,39 +3360,46 @@ 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 { @@ -2882,29 +3413,35 @@ 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], @@ -2913,28 +3450,34 @@ 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 { @@ -2943,24 +3486,29 @@ 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; @@ -2968,23 +3516,27 @@ 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; @@ -2994,7 +3546,8 @@ textarea.w-select { margin: 0; padding: 8px 12px; border: 1px solid #cccccc; - background-color: #fafafa; } + background-color: #fafafa; +} .w-file-upload-file { display: flex; @@ -3003,12 +3556,14 @@ 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; @@ -3017,21 +3572,25 @@ 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; @@ -3041,21 +3600,25 @@ 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 { @@ -3064,14 +3627,17 @@ 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 { @@ -3080,14 +3646,17 @@ 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; @@ -3095,232 +3664,308 @@ 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; @@ -3331,14 +3976,16 @@ 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; @@ -3346,26 +3993,32 @@ 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 { @@ -3376,36 +4029,42 @@ 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 { @@ -3416,35 +4075,42 @@ 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; @@ -3458,11 +4124,13 @@ 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; @@ -3471,7 +4139,8 @@ 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; @@ -3481,7 +4150,8 @@ textarea.w-select { left: 0; right: 0; height: 100%; - white-space: nowrap; } + white-space: nowrap; +} .w-slide { position: relative; @@ -3490,7 +4160,8 @@ textarea.w-select { width: 100%; height: 100%; white-space: normal; - text-align: left; } + text-align: left; +} .w-slider-nav { position: absolute; @@ -3504,29 +4175,36 @@ 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; @@ -3536,17 +4214,21 @@ 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 { @@ -3566,25 +4248,30 @@ 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 { @@ -3594,7 +4281,8 @@ textarea.w-select { left: 0; margin: auto; width: 1em; - height: 1em; } + height: 1em; +} .w-slider-aria-label { border: 0; @@ -3604,10 +4292,12 @@ 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; @@ -3615,7 +4305,8 @@ textarea.w-select { text-align: left; margin-left: auto; margin-right: auto; - z-index: 900; } + z-index: 900; +} .w-dropdown-btn, .w-dropdown-toggle, @@ -3628,7 +4319,8 @@ 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; @@ -3637,10 +4329,12 @@ 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; @@ -3650,31 +4344,39 @@ 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. @@ -3730,7 +4432,8 @@ 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 @@ -3740,33 +4443,39 @@ 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. @@ -3774,10 +4483,12 @@ 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, @@ -3786,7 +4497,8 @@ 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" @@ -3796,22 +4508,25 @@ 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: .5em 1em; + padding: 0.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; @@ -3820,7 +4535,8 @@ textarea.w-select { bottom: 0; left: 0; width: 100%; - height: 100%; } + height: 100%; +} .w-lightbox-control { position: absolute; @@ -3830,22 +4546,25 @@ textarea.w-select { background-repeat: no-repeat; background-position: center; cursor: pointer; - -webkit-transition: all .3s; - transition: all .3s; } + -webkit-transition: all 0.3s; + transition: all 0.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. @@ -3857,7 +4576,8 @@ 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. @@ -3872,7 +4592,8 @@ 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)` @@ -3889,35 +4610,41 @@ textarea.w-select { /* 1 */ cursor: pointer; -webkit-transform: translate3d(0, 0, 0); - /* 2 */ } + /* 2 */ +} .w-lightbox-active { - opacity: .3; } + opacity: 0.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 @@ -3936,8 +4663,9 @@ textarea.w-select { margin-left: -20px; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; - -webkit-animation: spin .8s infinite linear; - animation: spin .8s infinite linear; } + -webkit-animation: spin 0.8s infinite linear; + animation: spin 0.8s infinite linear; +} .w-lightbox-spinner:after { content: ""; @@ -3948,53 +4676,66 @@ 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: .5; } + opacity: 0.5; + } .w-lightbox-close { - opacity: .8; } + opacity: 0.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 { @@ -4003,96 +4744,117 @@ 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%; @@ -4101,32 +4863,38 @@ 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 { @@ -4135,16 +4903,19 @@ 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; @@ -4155,14 +4926,17 @@ 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; @@ -4173,11 +4947,13 @@ 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; @@ -4186,28 +4962,34 @@ 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; @@ -4221,53 +5003,72 @@ 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 { @@ -4276,13 +5077,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-tabs:after { - clear: both; } + clear: both; +} .w-tab-menu { - position: relative; } + position: relative; +} .w-tab-link { position: relative; @@ -4293,49 +5097,65 @@ 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; @@ -4355,10 +5175,12 @@ 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; @@ -4368,27 +5190,17 @@ 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: ' '; - display: table; - -ms-grid-column-span: 1; - grid-column-end: 2; - -ms-grid-column: 1; - grid-column-start: 1; - -ms-grid-row-span: 1; - grid-row-end: 2; - -ms-grid-row: 1; - grid-row-start: 1; } - -.w-checkbox::after { - content: ' '; + content: " "; display: table; -ms-grid-column-span: 1; grid-column-end: 2; @@ -4398,7 +5210,21 @@ textarea.w-select { grid-row-end: 2; -ms-grid-row: 1; grid-row-start: 1; - clear: both; } +} + +.w-checkbox::after { + content: " "; + display: table; + -ms-grid-column-span: 1; + grid-column-end: 2; + -ms-grid-column: 1; + grid-column-start: 1; + -ms-grid-row-span: 1; + grid-row-end: 2; + -ms-grid-row: 1; + grid-row-start: 1; + clear: both; +} .w-checkbox-input { float: left; @@ -4406,7 +5232,8 @@ 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; @@ -4426,7 +5253,8 @@ 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; @@ -4437,52 +5265,62 @@ 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; @@ -4492,22 +5330,27 @@ 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; @@ -4521,7 +5364,8 @@ p { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; - align-items: center; } + align-items: center; +} .container { max-width: 1240px; @@ -4532,17 +5376,21 @@ 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; @@ -4555,16 +5403,19 @@ 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; @@ -4578,13 +5429,15 @@ 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; @@ -4594,7 +5447,8 @@ 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; @@ -4602,24 +5456,29 @@ 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; @@ -4629,42 +5488,51 @@ 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; @@ -4675,14 +5543,16 @@ 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; @@ -4691,10 +5561,11 @@ 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; @@ -4702,7 +5573,8 @@ p { top: 0%; right: 0%; bottom: auto; - z-index: 4; } + z-index: 4; +} .burger { display: none; @@ -4710,7 +5582,8 @@ p { height: 50px; padding: 10px; float: right; - background-color: #fff; } + background-color: #fff; +} .button { position: relative; @@ -4740,32 +5613,38 @@ 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-size: 200%; - transition: .2s ease-out; + transition: 0.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; @@ -4773,32 +5652,40 @@ p { border: 1px solid #fff; background: linear-gradient(to left, white 50%, #1e88e5 50%) right; background-size: 200%; - transition: .2s ease-out; } - .button.main-button-white img { - opacity: 1; - transition: opacity 200ms; } + transition: 0.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: .2s ease-out; + transition: 0.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; @@ -4807,13 +5694,16 @@ p { color: #fff !important; background: linear-gradient(to left, #1e88e5 50%, white 50%) right; background-size: 200%; - transition: .2s ease-out; } - .secondary-button-white img { - opacity: 1; - transition: opacity 200ms; } + transition: 0.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; @@ -4824,10 +5714,12 @@ 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; @@ -4838,7 +5730,8 @@ 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; @@ -4846,11 +5739,13 @@ 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; @@ -4860,7 +5755,8 @@ p { bottom: auto; z-index: 140; height: 70px; - background-color: #fff; } + background-color: #fff; +} .list { display: -webkit-box; @@ -4876,7 +5772,8 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; } + flex: 1; +} .nav-li { padding-right: 15px; @@ -4884,10 +5781,12 @@ 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; @@ -4898,11 +5797,13 @@ 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; @@ -4917,7 +5818,8 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; } + flex: 1; +} .intro { max-width: 800px; @@ -4925,7 +5827,8 @@ p { margin-bottom: 40px; margin-left: auto; font-size: 18px; - line-height: 27px; } + line-height: 27px; +} .logo { display: block; @@ -4933,7 +5836,8 @@ p { margin-top: 0px; padding-top: 14px; padding-bottom: 10px; - float: left; } + float: left; +} .kvcol { display: -webkit-box; @@ -4948,10 +5852,12 @@ 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; @@ -4970,7 +5876,8 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; } + flex: 1; +} .kv-image-3 { position: absolute; @@ -4978,16 +5885,20 @@ 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; @@ -5001,7 +5912,8 @@ p { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; - align-items: center; } + align-items: center; +} .kv-subtext { margin-bottom: 40px; @@ -5009,22 +5921,27 @@ 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; @@ -5032,11 +5949,13 @@ 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; @@ -5044,7 +5963,8 @@ p { padding-right: 20px; font-size: 16px; font-weight: 600; - align-self: center; } + align-self: center; +} .si { width: 50%; @@ -5053,10 +5973,12 @@ 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; @@ -5067,28 +5989,36 @@ 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; @@ -5096,7 +6026,8 @@ p { width: 100%; margin-bottom: 20px; margin-top: 20px; - min-height: 230px; } + min-height: 230px; +} .test-padding { display: -webkit-box; @@ -5114,7 +6045,8 @@ p { -ms-flex-align: center; align-items: center; background-color: #D4F0FC; - text-align: center; } + text-align: center; +} .text-block-2 { position: absolute; @@ -5127,7 +6059,8 @@ p { background-color: #1e88e5; color: #fff; font-weight: 600; - text-align: center; } + text-align: center; +} .testimonial-quotes { position: absolute; @@ -5155,7 +6088,8 @@ p { -ms-flex-align: center; align-items: center; border-radius: 50%; - background-color: #1e88e5; } + background-color: #1e88e5; +} .login { padding-top: 9px; @@ -5164,10 +6098,12 @@ 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; @@ -5180,12 +6116,14 @@ 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; @@ -5207,23 +6145,27 @@ 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; @@ -5234,7 +6176,8 @@ 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; @@ -5254,23 +6197,27 @@ 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; @@ -5280,24 +6227,29 @@ 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; @@ -5309,7 +6261,8 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; } + flex: 1; +} .side-title { margin-bottom: 50px; @@ -5317,15 +6270,18 @@ 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; } + height: 40px; +} .icon-wrapp { display: -webkit-box; @@ -5349,28 +6305,34 @@ 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; @@ -5388,14 +6350,16 @@ 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; @@ -5403,13 +6367,16 @@ 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; @@ -5420,10 +6387,12 @@ 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; @@ -5431,10 +6400,12 @@ 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; @@ -5447,7 +6418,8 @@ 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; @@ -5458,30 +6430,36 @@ 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; @@ -5490,17 +6468,21 @@ 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; @@ -5508,20 +6490,23 @@ 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; @@ -5532,7 +6517,8 @@ p { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; - text-align: left; } + text-align: left; +} .button-pricechart { position: absolute; @@ -5547,20 +6533,26 @@ 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; @@ -5583,13 +6575,16 @@ 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; @@ -5607,29 +6602,36 @@ 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; @@ -5641,25 +6643,31 @@ 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; @@ -5669,20 +6677,24 @@ 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; @@ -5693,49 +6705,61 @@ 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; @@ -5743,22 +6767,26 @@ 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; @@ -5780,7 +6808,8 @@ p { border-style: dashed; border-width: 2px; border-color: #1e88e5; - border-radius: 50%; } + border-radius: 50%; +} .inner-icon-circle { display: -webkit-box; @@ -5798,18 +6827,21 @@ 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; @@ -5822,7 +6854,8 @@ p { justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; - flex-wrap: wrap; } + flex-wrap: wrap; +} .trust-logo { max-height: 60px; @@ -5830,7 +6863,8 @@ p { margin-bottom: 0px; margin-left: 10px; padding: 16px; - background-color: #fff; } + background-color: #fff; +} .text-field { height: 38px; @@ -5838,10 +6872,12 @@ 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; @@ -5851,7 +6887,8 @@ p { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; - align-items: center; } + align-items: center; +} .compare-col { padding: 5px 20px; @@ -5860,12 +6897,14 @@ 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; @@ -5874,31 +6913,38 @@ 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; @@ -5916,12 +6962,15 @@ 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; @@ -5939,33 +6988,40 @@ 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; @@ -5981,13 +7037,15 @@ 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; @@ -6002,7 +7060,8 @@ 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; @@ -6012,7 +7071,8 @@ 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%; @@ -6020,7 +7080,8 @@ p { padding-bottom: 9px; border-right: 1px solid #e0f6ff; background-color: #fff; - text-align: center; } + text-align: center; +} .sarr { width: 50px; @@ -6028,25 +7089,30 @@ 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; @@ -6058,7 +7124,8 @@ p { background-position: 50% 50%; background-size: 26px 26px; background-repeat: no-repeat; - letter-spacing: 3px; } + letter-spacing: 3px; +} .text-field-2 { height: 48px; @@ -6067,7 +7134,8 @@ p { border: 1px solid #cccccc; border-right: 0px; font-size: 20px; - line-height: 20px; } + line-height: 20px; +} .hide-search { width: 48px; @@ -6075,7 +7143,8 @@ p { padding: 12px; border-radius: 43px; background-color: #fff; - cursor: pointer; } + cursor: pointer; +} .searchform { position: fixed; @@ -6086,21 +7155,24 @@ 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; @@ -6112,7 +7184,8 @@ p { border-color: #ececec; border-radius: 6px; background-color: #fff; - color: #8b8b8b; } + color: #8b8b8b; +} .badge { display: -webkit-box; @@ -6142,36 +7215,44 @@ 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; @@ -6192,7 +7273,8 @@ 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; @@ -6204,25 +7286,30 @@ 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; @@ -6230,7 +7317,8 @@ p { display: -ms-flexbox; display: flex; margin-right: -5px; - margin-left: -5px; } + margin-left: -5px; +} .gorm-col { padding-right: 5px; @@ -6238,7 +7326,8 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; } + flex: 1; +} .radio-button { width: 20px; @@ -6246,34 +7335,42 @@ 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; @@ -6282,22 +7379,26 @@ 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; @@ -6321,11 +7422,13 @@ p { flex: 0 0 auto; border-radius: 50%; background-color: #e0f6ff; - opacity: 1; } + opacity: 1; +} @media screen and (max-width: 991px) { .nav-li1 { - position: static; } + position: static; + } .nav-ul2 { position: absolute; @@ -6340,105 +7443,129 @@ 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: 62px !important; + } + .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; @@ -6458,15 +7585,18 @@ 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; @@ -6474,13 +7604,15 @@ 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; @@ -6495,35 +7627,44 @@ 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; @@ -6537,40 +7678,49 @@ 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; @@ -6587,7 +7737,8 @@ p { border-radius: 0px; background-color: #fff; box-shadow: none; - overflow: auto; } + overflow: auto; + } .sidenav-toggle { position: fixed; @@ -6603,136 +7754,168 @@ 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; } @@ -6741,13 +7924,16 @@ 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; + } .slide-partners { - width: 50%; } + width: 50%; + } .modal-inner { position: fixed; @@ -6759,108 +7945,138 @@ 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; @@ -6868,15 +8084,18 @@ 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; @@ -6884,7 +8103,8 @@ 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; @@ -6892,34 +8112,41 @@ 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; @@ -6928,30 +8155,38 @@ 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; @@ -6961,15 +8196,19 @@ 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/css/style_mobile.css b/frontend/drupal9/web/themes/custom/pro1ka/css/style_mobile.css new file mode 100644 index 000000000..fa04eee5e --- /dev/null +++ b/frontend/drupal9/web/themes/custom/pro1ka/css/style_mobile.css @@ -0,0 +1,25 @@ +@media screen and (max-width: 991px) { + .nav-menu .region-header-menu, +.nav-menu .desni-elementi { + display: none !important; + } + .nav-menu .menu-icon { + display: block !important; + margin-top: 15px; + } + .nav-menu .menu-icon img { + height: 35px; + cursor: pointer; + } +} +@media screen and (max-width: 479px) { + .nav-menu .menu-icon { + margin-right: 25px; + } + + .mobile-nav-menu { + min-width: unset; + } +} + +/*# sourceMappingURL=style_mobile.css.map */ diff --git a/frontend/drupal9/web/themes/custom/pro1ka/pro1ka.libraries.yml b/frontend/drupal9/web/themes/custom/pro1ka/pro1ka.libraries.yml index a780c21c7..828d37662 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/pro1ka.libraries.yml +++ b/frontend/drupal9/web/themes/custom/pro1ka/pro1ka.libraries.yml @@ -2,6 +2,7 @@ global-styling: css: theme: css/style.css: {} + css/style_mobile.css: {} # css/pro1ka_compiled.css: {} js: diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss index 2aa812aea..46908e005 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss @@ -388,34 +388,3 @@ nav.tabs { margin-left: 10px; } } - -@media screen and (max-width: 991px) { - .nav-menu { - .region-header-menu, - .desni-elementi { - display: none !important; - } - - .menu-icon { - display: block !important; - margin-top: 15px; - - img { - height: 35px; - cursor: pointer; - } - } - } -} - -@media screen and (max-width: 479px) { - .nav-menu { - .menu-icon { - margin-right: 25px; - } - } - - .mobile-nav-menu{ - min-width: unset; - } -} \ No newline at end of file diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/mobile/_max_width_1100.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/mobile/_max_width_1100.scss new file mode 100644 index 000000000..9cb9d169f --- /dev/null +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/mobile/_max_width_1100.scss @@ -0,0 +1,3 @@ +@media (max-width: 1100px) { + +} diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/mobile/_max_width_479.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/mobile/_max_width_479.scss new file mode 100644 index 000000000..329289552 --- /dev/null +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/mobile/_max_width_479.scss @@ -0,0 +1,11 @@ +@media screen and (max-width: 479px) { + .nav-menu { + .menu-icon { + margin-right: 25px; + } + } + + .mobile-nav-menu{ + min-width: unset; + } +} diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/mobile/_max_width_767.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/mobile/_max_width_767.scss new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/mobile/_max_width_991.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/mobile/_max_width_991.scss new file mode 100644 index 000000000..df40d3986 --- /dev/null +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/mobile/_max_width_991.scss @@ -0,0 +1,18 @@ +@media screen and (max-width: 991px) { + .nav-menu { + .region-header-menu, + .desni-elementi { + display: none !important; + } + + .menu-icon { + display: block !important; + margin-top: 15px; + + img { + height: 35px; + cursor: pointer; + } + } + } +} diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/style_mobile.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/style_mobile.scss index e69de29bb..34d74cc93 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/sass/style_mobile.scss +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/style_mobile.scss @@ -0,0 +1,4 @@ +@import "mobile/max_width_1100"; +@import "mobile/max_width_991"; +@import "mobile/max_width_767"; +@import "mobile/max_width_479";