diff --git a/frontend/api/class.ApiLogin.php b/frontend/api/class.ApiLogin.php index 11f10400a..c8587cd42 100644 --- a/frontend/api/class.ApiLogin.php +++ b/frontend/api/class.ApiLogin.php @@ -21,6 +21,8 @@ class ApiLogin var $prijava = ''; + var $data; + var $EncPass; var $page_urls = []; // Url-ji za podstrani - to se bo verjetno nastavljalo v settings.php @@ -310,6 +312,9 @@ class ApiLogin if (isset($data['method'])){ $this->method = $data['method']; } + if (isset($data)){ + $this->data = $data; + } if (!isset($params['action'])) { $response = 'Napaka! Manjkajo parametri!'; @@ -1160,18 +1165,26 @@ class ApiLogin $error = []; - $email = (isset($_POST['email'])) ? $_POST['email'] : ''; - $ime = (isset($_POST['ime'])) ? $_POST['ime'] : ''; - $geslo = (isset($_POST['geslo'])) ? $_POST['geslo'] : ''; - $geslo2 = (isset($_POST['geslo2'])) ? $_POST['geslo2'] : ''; - $agree = (isset($_POST['agree'])) ? $_POST['agree'] : '0'; - $gdprAgree = (isset($_POST['gdpr-agree'])) ? $_POST['gdpr-agree'] : '0'; - $ajaxKlic = (isset($_POST['ajax'])) ? $_POST['ajax'] : '0'; // Če izvajamo registracjo preko drupala, ker se pošlje post request preko ajaxa + $email = (isset($this->data['email'])) ? $this->data['email'] : ''; + $ime = (isset($this->data['ime'])) ? $this->data['ime'] : ''; + $geslo = (isset($this->data['geslo'])) ? $this->data['geslo'] : ''; + $geslo2 = (isset($this->data['geslo2'])) ? $this->data['geslo2'] : ''; + $agree = (isset($this->data['agree'])) ? $this->data['agree'] : '0'; + $gdprAgree = (isset($this->data['gdpr-agree'])) ? $this->data['gdpr-agree'] : '0'; + $ajaxKlic = (isset($this->data['ajax'])) ? $this->data['ajax'] : '0'; // Če izvajamo registracjo preko drupala, ker se pošlje post request preko ajaxa $varnostno_polje = (isset($_POST['varnostno-polje'])) ? $_POST['varnostno-polje'] : false; if (!empty($varnostno_polje)) { - header('Location: '.$this->page_urls['page_robot_redirect']); - die(); + + if($this->method == 'AJAX'){ + return $this->ajaxResponse('error', [ + 'url' => $this->page_urls['page_robot_redirect'], + 'message' => 'Robot' + ]); + } else { + header('Location: ' . $this->page_urls['page_robot_redirect']); + die(); + } } @@ -1185,7 +1198,6 @@ class ApiLogin } } - // Preverimo ce imamo vse podatke if ($email == '') { $error['missing_email'] = '1'; @@ -1247,11 +1259,11 @@ class ApiLogin // Nekaj ni ok - posljemo na isto stran z errorji v GET-u if (!empty($error)) { - if($ajaxKlic){ - echo json_encode($this->preveriNapake($error)); - die(); + if($ajaxKlic || $this->method == 'AJAX'){ + return $this->ajaxResponse('error', $this->preveriNapake($error)); } + // Ime in email posljemo nazaj v urlju $params = 'email='.$email.'&ime='.$ime.'&gdpr='.$gdprAgree.'&'; @@ -1266,11 +1278,8 @@ class ApiLogin } // Vse je ok - preusmerimo na potrditveno stran else { - if($ajaxKlic){ - echo json_encode([ - 'success' => '1' - ]); - die(); + if($ajaxKlic || $this->method == 'AJAX'){ + return $this->ajaxResponse('success'); } // Hidden form, ki ga z js potem postamo naprej (da prenesemo vnesene podatke na naslednjo stran) @@ -1306,7 +1315,7 @@ class ApiLogin } if(is_numeric($language)){ - include_once('../../lang/'.$language.'.php'); + include('../../lang/'.$language.'.php'); } $napaka = []; @@ -1393,25 +1402,25 @@ class ApiLogin global $app_settings; - $email = (isset($_POST['email']) ? $_POST['email'] : ''); - $ime = (isset($_POST['ime']) ? $_POST['ime'] : ''); - //$geslo = (isset($_POST['geslo']) ? base64_decode($_POST['geslo']) : ''); - $geslo = (isset($_POST['geslo']) ? $_POST['geslo'] : ''); - $gdprAgree = (isset($_POST['gdpr-agree']) ? $_POST['gdpr-agree'] : 0); - $ajax = (isset($_POST['ajax']) ? $_POST['ajax'] : 0); // če je Drupal ajax request + $email = (isset($this->data['email']) ? $this->data['email'] : ''); + $ime = (isset($this->data['ime']) ? $this->data['ime'] : ''); + //$geslo = (isset($this->data['geslo']) ? base64_decode($this->data['geslo']) : ''); + $geslo = (isset($this->data['geslo']) ? $this->data['geslo'] : ''); + $gdprAgree = (isset($this->data['gdpr-agree']) ? $this->data['gdpr-agree'] : 0); + $ajax = (isset($this->data['ajax']) ? $this->data['ajax'] : 0); // če je Drupal ajax request // Nastavimo jezik $language = 1; - if(isset($_POST['language'])){ - $language = $_POST['language']; + if(isset($this->data['language'])){ + $language = $this->data['language']; } - elseif(isset($_POST['jezik'])){ - $language = ($_POST['jezik'] == 'en' ? 2 : 1); + elseif(isset($this->data['jezik'])){ + $language = ($this->data['jezik'] == 'en' ? 2 : 1); } if(is_numeric($language)){ - include_once('../../lang/'.$language.'.php'); + include('../../lang/'.$language.'.php'); } @@ -1527,11 +1536,8 @@ class ApiLogin } - if($ajax){ - echo json_encode([ - 'success' => 1 - ]); - die(); + if($ajax || $this->method == 'AJAX'){ + return $this->ajaxResponse('success'); } @@ -2040,7 +2046,7 @@ class ApiLogin } } - private function ajaxResponse($type, $data) + private function ajaxResponse($type, $data = []) { echo json_encode([ 'type' => $type, diff --git a/frontend/api/class.ApiLoginController.php b/frontend/api/class.ApiLoginController.php index b9f639e51..726c0a8e8 100644 --- a/frontend/api/class.ApiLoginController.php +++ b/frontend/api/class.ApiLoginController.php @@ -31,9 +31,9 @@ class ApiLoginController{ echo '
Data:'; var_dump($this->data); echo 'Metoda: '.$this->method;*/ - + // Izvedemo akcijo - $login = new ApiLogin(); + $login = new ApiLogin(); $login->executeAction($this->params, $this->data, $this->method); } diff --git a/frontend/drupal9/web/modules/custom/registracija_1ka/templates/registracija-block.html.twig b/frontend/drupal9/web/modules/custom/registracija_1ka/templates/registracija-block.html.twig index 764b7748e..8656890ac 100644 --- a/frontend/drupal9/web/modules/custom/registracija_1ka/templates/registracija-block.html.twig +++ b/frontend/drupal9/web/modules/custom/registracija_1ka/templates/registracija-block.html.twig @@ -20,7 +20,7 @@
-
+
@@ -89,7 +89,7 @@
- +
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css index 532ebb493..627e86465 100755 --- 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; +} .button { position: relative; @@ -381,17 +421,21 @@ th { text-decoration: none; cursor: pointer; border: 1px solid #1e88e5; - color: #1e88e5; } - .button.shrink { - max-width: 200px; } + color: #1e88e5; +} +.button.shrink { + max-width: 200px; +} img { max-width: 100%; vertical-align: middle; - display: inline-block; } + display: inline-block; +} .center { - text-align: center; } + text-align: center; +} .flex { display: -webkit-box; @@ -404,31 +448,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; @@ -439,56 +488,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: " "; @@ -496,17 +553,22 @@ 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; } - .accordion-title-block .accordion-icon { - margin-top: 9px; } + display: flex; +} +.accordion-title-block .accordion-icon { + margin-top: 9px; +} .section.uvodni-slider { z-index: 121; @@ -528,59 +590,65 @@ body { -ms-flex: 1; flex: 1; background-color: #fff; - text-align: left; } - .section.uvodni-slider .slider-right { - 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 { + 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; @@ -588,19 +656,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; @@ -613,29 +683,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; @@ -649,61 +724,69 @@ 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: 40px; - height: 40px; } - .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: 40px; + height: 40px; +} +.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; @@ -711,72 +794,82 @@ 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; } - .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; +} +.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; @@ -789,83 +882,95 @@ 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; - 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; + 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; @@ -878,17 +983,19 @@ 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; @@ -896,29 +1003,34 @@ body { -ms-flex: 0 50%; flex: 0 50%; padding-right: 25px; - padding-left: 25px; } - .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; } + padding-left: 25px; +} +.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; padding-left: 25px; -webkit-box-flex: 1; -webkit-flex: 1; - -ms-flex: 1; } - .stolpec-4.logotipi img { - height: 60px; - margin: 0.75rem 0; } - .stolpec-4 .fotter-ico { - width: 40px; - height: 40px; } + -ms-flex: 1; +} +.stolpec-4.logotipi img { + height: 60px; + margin: 0.75rem 0; +} +.stolpec-4 .fotter-ico { + width: 40px; + height: 40px; +} .breadcrumbs { display: -webkit-box; @@ -930,15 +1042,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; @@ -950,17 +1065,21 @@ 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: #0082ff; } + color: #0082ff; +} .modal, .rexister-modal { position: fixed; @@ -982,515 +1101,669 @@ body { -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 .paragraph, .rexister-modal .modal-box .paragraph { - text-align: center; } - .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 h3, .rexister-modal .modal-box h3 { - margin-top: 0px; - margin-bottom: 20px; - font-size: 30px; - line-height: 48px; - font-weight: 400; - text-transform: uppercase; } - .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: 400; - padding-bottom: 16px; } - .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-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; - max-width: 250px; - 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; } + 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 .paragraph, .rexister-modal .modal-box .paragraph { + text-align: center; +} +.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 h3, .rexister-modal .modal-box h3 { + margin-top: 0px; + margin-bottom: 20px; + font-size: 30px; + line-height: 48px; + font-weight: 400; + text-transform: uppercase; +} +.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: 400; + padding-bottom: 16px; +} +.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-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; + max-width: 250px; + 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 #register-form-confirm, .rexister-modal .modal-box #register-form-confirm { + display: none; +} +.modal .modal-box #register-form-email-sent, .rexister-modal .modal-box #register-form-email-sent { + display: none; +} .dva-stolpca { display: flex; - margin-bottom: 25px; } - .dva-stolpca .preko-racunov { - padding-left: 1rem; - border-left: 1px solid #d1d1d1; } - .dva-stolpca .preko-racunov h4 { - margin-left: auto; - margin-right: auto; } - .dva-stolpca .preko-racunov .ostale-prijave { - display: flex; - flex-direction: column; - width: 300px; } - .dva-stolpca .preko-racunov .ostale-prijave .gumb { - margin-left: auto; - margin-right: auto; - margin-bottom: 16px; } - .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; } - .dva-stolpca .prijava.forma { - padding-right: 1rem; - width: 100%; } - .dva-stolpca .intro-modal { - display: flex; - flex-direction: column; } - .dva-stolpca .intro-modal .naslov-url { - font-size: 20px; - text-align: center; - text-transform: uppercase; - font-weight: bold; - color: #1e88e5; - margin-bottom: 20px; } - .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; } + margin-bottom: 25px; +} +.dva-stolpca .preko-racunov { + padding-left: 1rem; + border-left: 1px solid #d1d1d1; +} +.dva-stolpca .preko-racunov h4 { + margin-left: auto; + margin-right: auto; +} +.dva-stolpca .preko-racunov .ostale-prijave { + display: flex; + flex-direction: column; + width: 300px; +} +.dva-stolpca .preko-racunov .ostale-prijave .gumb { + margin-left: auto; + margin-right: auto; + margin-bottom: 16px; +} +.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; +} +.dva-stolpca .prijava.forma { + padding-right: 1rem; + width: 100%; +} +.dva-stolpca .prijava.forma .error-message { + background: #ff000024; + padding: 0.25rem 0.75rem; + color: red; + display: none; +} +.dva-stolpca .intro-modal { + display: flex; + flex-direction: column; +} +.dva-stolpca .intro-modal .naslov-url { + font-size: 20px; + text-align: center; + text-transform: uppercase; + font-weight: bold; + color: #1e88e5; + margin-bottom: 20px; +} +.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; +} 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; + } +} .paketi { padding: 2rem; margin-top: -11px; - background: #FFF; } - .paketi .podnaslov { - line-height: 24px; - font-size: 14px; } - .paketi .accordion-toggle { - display: none; } - .paketi .accordion-toggle.active { - display: block; } - .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-toggle { + display: none; +} +.paketi .accordion-toggle.active { + display: block; +} +.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; +} .poslovni-uporabniki.paketi .compare-descr { - min-height: 168px; } + min-height: 168px; +} .compare-col .cta { - background: #FFA608; } - .compare-col .cta:hover { - background: #ffcb6e; } + 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 { - display: none; } + display: none; +} .nakup-1ka { display: flex; flex-direction: row; background: white; - margin-bottom: 3rem; } - .nakup-1ka .leva { - width: 50%; - border-right: 1px #d1d1d1 solid; - padding-right: 40px; } - .nakup-1ka .leva .month-pick { - width: 100%; } - .nakup-1ka .desna { - width: 50%; - padding-left: 40px; - display: flex; - flex-direction: row; } - .nakup-1ka .desna .ddesna { - width: 50%; - padding-top: 50px; - padding-left: 50px; } - .nakup-1ka .desna .dleva { - width: 50%; } - .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.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 .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: #1e88e5; - 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; } - .nakup-1ka .pregled-narocila span { - font-weight: bold; } - .nakup-1ka .procesiram-narocilo { - display: none; - padding: 6rem; } - .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: 50%; + border-right: 1px #d1d1d1 solid; + padding-right: 40px; +} +.nakup-1ka .leva .month-pick { + width: 100%; +} +.nakup-1ka .desna { + width: 50%; + padding-left: 40px; + display: flex; + flex-direction: row; +} +.nakup-1ka .desna .ddesna { + width: 50%; + padding-top: 50px; + padding-left: 50px; +} +.nakup-1ka .desna .dleva { + width: 50%; +} +.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.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 .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: #1e88e5; + 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; +} +.nakup-1ka .pregled-narocila span { + font-weight: bold; +} +.nakup-1ka .procesiram-narocilo { + display: none; + padding: 6rem; +} +.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, - .nakup-1ka .izbira .paket.vrsta-placila, - .nakup-1ka .izbira .mesec { - width: 259px; } } +.nakup-1ka .izbira .paket.vrsta-placila, +.nakup-1ka .izbira .mesec { + width: 259px; + } +} @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, - .nakup-1ka .izbira .paket.vrsta-placila, - .nakup-1ka .izbira .mesec { +.nakup-1ka .izbira .paket.vrsta-placila, +.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, - .nakup-1ka .izbira .paket.vrsta-placila, - .nakup-1ka .izbira .mesec { +.nakup-1ka .izbira .paket.vrsta-placila, +.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; @@ -1498,43 +1771,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; @@ -1543,7 +1828,9 @@ input.error-field { border: 1px solid #1e88e5; display: block; padding: 9px 15px; - margin-top: 1rem; } } + margin-top: 1rem; + } +} .nav-menu { position: fixed; left: 0%; @@ -1558,169 +1845,200 @@ input.error-field { -o-transition: all 1200ms linear; -ms-transition: all 1200ms linear; transition: all 1200ms linear; - + &.hide{ height: 0; } - } */ } - .nav-menu .logo { - display: block; - height: 71px; - margin-top: 0px; - padding-top: 14px; - padding-bottom: 10px; - float: left; } - .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 { - 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 { - 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 { - 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 { - border-bottom-color: #0082ff; - color: #0082ff; } - .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 { - 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 { - 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 { - margin-top: 4px; } + } */ +} +.nav-menu .logo { + display: block; + height: 71px; + margin-top: 0px; + padding-top: 14px; + padding-bottom: 10px; + float: left; +} +.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 { + 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 { + 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 { + 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 { + border-bottom-color: #0082ff; + color: #0082ff; +} +.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 { + 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 { + 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 { + margin-top: 4px; +} .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: #0082ff; } - .sidebar_menu ul { - display: block; - margin: 0px; - padding: 0px; - color: #333; - font-size: 15px; - font-weight: 600; - text-decoration: none; - text-transform: uppercase; } - .sidebar_menu ul:hover { - color: #0082ff; } - .sidebar_menu ul:focus { - color: #0082ff; } - .sidebar_menu ul li { - padding: 0px; - margin: 0px; - list-style: none; } - .sidebar_menu ul li:hover { - color: #0082ff; } - .sidebar_menu ul 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 li a.is-active { - color: #0082ff; } - .sidebar_menu ul li a:hover { - color: #0082ff; } - .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: #0082ff; +} +.sidebar_menu ul { + display: block; + margin: 0px; + padding: 0px; + color: #333; + font-size: 15px; + font-weight: 600; + text-decoration: none; + text-transform: uppercase; +} +.sidebar_menu ul:hover { + color: #0082ff; +} +.sidebar_menu ul:focus { + color: #0082ff; +} +.sidebar_menu ul li { + padding: 0px; + margin: 0px; + list-style: none; +} +.sidebar_menu ul li:hover { + color: #0082ff; +} +.sidebar_menu ul 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 li a.is-active { + color: #0082ff; +} +.sidebar_menu ul li a:hover { + color: #0082ff; +} +.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; +} + +#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; @@ -1730,17 +2048,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; @@ -1749,20 +2069,23 @@ a { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; } + flex: 1; +} .blue-section .secondary-button-white { - color: white; } + color: white; +} @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; @@ -1771,34 +2094,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; @@ -1807,22 +2139,27 @@ 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; } + display: inline-block; +} 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 { @@ -1831,13 +2168,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; @@ -1848,13 +2188,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 * { @@ -1892,7 +2235,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; @@ -1916,7 +2259,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; @@ -1933,7 +2277,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; @@ -1943,13 +2287,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, @@ -1958,66 +2304,79 @@ 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; } + list-style: none; +} .w-embed:before, .w-embed:after { @@ -2026,15 +2385,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, @@ -2043,39 +2405,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 { @@ -2089,29 +2458,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], @@ -2120,28 +2495,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 { @@ -2150,24 +2531,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; @@ -2175,23 +2561,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; @@ -2201,7 +2591,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; @@ -2210,12 +2601,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; @@ -2224,21 +2617,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; @@ -2248,21 +2645,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 { @@ -2271,14 +2672,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 { @@ -2287,14 +2691,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; @@ -2302,232 +2709,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; @@ -2538,14 +3021,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; @@ -2553,26 +3038,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 { @@ -2583,36 +3074,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 { @@ -2623,35 +3120,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; @@ -2665,11 +3169,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; @@ -2678,7 +3184,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; @@ -2688,7 +3195,8 @@ textarea.w-select { left: 0; right: 0; height: 100%; - white-space: nowrap; } + white-space: nowrap; +} .w-slide { position: relative; @@ -2697,7 +3205,8 @@ textarea.w-select { width: 100%; height: 100%; white-space: normal; - text-align: left; } + text-align: left; +} .w-slider-nav { position: absolute; @@ -2711,29 +3220,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; @@ -2743,17 +3259,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 { @@ -2773,25 +3293,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 { @@ -2801,7 +3326,8 @@ textarea.w-select { left: 0; margin: auto; width: 1em; - height: 1em; } + height: 1em; +} .w-slider-aria-label { border: 0; @@ -2811,10 +3337,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; @@ -2822,7 +3350,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, @@ -2835,7 +3364,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; @@ -2844,10 +3374,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; @@ -2857,31 +3389,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. @@ -2937,7 +3477,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 @@ -2947,33 +3488,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. @@ -2981,10 +3528,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, @@ -2993,7 +3542,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" @@ -3003,22 +3553,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; @@ -3027,7 +3580,8 @@ textarea.w-select { bottom: 0; left: 0; width: 100%; - height: 100%; } + height: 100%; +} .w-lightbox-control { position: absolute; @@ -3037,22 +3591,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. @@ -3064,7 +3621,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. @@ -3079,7 +3637,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)` @@ -3096,35 +3655,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 @@ -3143,8 +3708,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: ""; @@ -3155,53 +3721,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 { @@ -3210,96 +3789,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%; @@ -3308,32 +3908,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 { @@ -3342,16 +3948,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; @@ -3362,14 +3971,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; @@ -3380,11 +3992,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; @@ -3393,28 +4007,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; @@ -3428,53 +4048,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 { @@ -3483,13 +4122,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; @@ -3500,49 +4142,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; @@ -3562,10 +4220,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; @@ -3575,27 +4235,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; @@ -3605,7 +4255,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; @@ -3613,7 +4277,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; @@ -3633,7 +4298,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; @@ -3644,52 +4310,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; @@ -3699,22 +4375,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; @@ -3728,7 +4409,8 @@ p { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; - align-items: center; } + align-items: center; +} .container { max-width: 1240px; @@ -3739,14 +4421,17 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; } + flex: 1; +} .container.narrow { - max-width: 900px; } + max-width: 900px; +} .row { margin-right: -25px; - margin-left: -25px; } + margin-left: -25px; +} .row.flex { display: -webkit-box; @@ -3759,16 +4444,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; @@ -3782,13 +4470,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; @@ -3798,7 +4488,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; @@ -3806,20 +4497,23 @@ 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%; } + flex: 0 0 33.3333%; +} .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; @@ -3829,35 +4523,41 @@ 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%; } + flex: 0 25%; +} .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; @@ -3868,14 +4568,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; @@ -3884,10 +4586,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; @@ -3895,7 +4598,8 @@ p { top: 0%; right: 0%; bottom: auto; - z-index: 4; } + z-index: 4; +} .burger { display: none; @@ -3903,7 +4607,8 @@ p { height: 50px; padding: 10px; float: right; - background-color: #fff; } + background-color: #fff; +} .button { position: relative; @@ -3933,30 +4638,36 @@ 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; +} .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; } - .button.main-button img { - opacity: 1; - transition: opacity 200ms; } + border: 1px solid #1e88e5; +} +.button.main-button img { + opacity: 1; + transition: opacity 200ms; +} .button.main-button-white { background-color: #fff; @@ -3964,32 +4675,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; @@ -3998,13 +4717,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; @@ -4015,10 +4737,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; @@ -4029,7 +4753,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; @@ -4037,11 +4762,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; @@ -4051,7 +4778,8 @@ p { bottom: auto; z-index: 140; height: 70px; - background-color: #fff; } + background-color: #fff; +} .list { display: -webkit-box; @@ -4067,7 +4795,8 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; } + flex: 1; +} .nav-li { padding-right: 15px; @@ -4075,10 +4804,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; @@ -4089,11 +4820,13 @@ p { font-size: 16px; line-height: 30px; font-weight: 400; - text-decoration: none; } + text-decoration: none; +} .navlink:hover { border-bottom-color: #0082ff; - color: #0082ff; } + color: #0082ff; +} .div-block-6 { z-index: 200; @@ -4108,7 +4841,8 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; } + flex: 1; +} .intro { max-width: 800px; @@ -4116,7 +4850,8 @@ p { margin-bottom: 40px; margin-left: auto; font-size: 18px; - line-height: 27px; } + line-height: 27px; +} .logo { display: block; @@ -4124,7 +4859,8 @@ p { margin-top: 0px; padding-top: 14px; padding-bottom: 10px; - float: left; } + float: left; +} .kvcol { display: -webkit-box; @@ -4139,10 +4875,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; @@ -4161,7 +4899,8 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; } + flex: 1; +} .kv-image-3 { position: absolute; @@ -4169,16 +4908,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; @@ -4192,7 +4935,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; @@ -4200,22 +4944,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; @@ -4223,18 +4972,21 @@ 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; z-index: 3; padding-right: 20px; font-size: 16px; - font-weight: 600; } + font-weight: 600; +} .si { width: 50%; @@ -4243,10 +4995,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; @@ -4257,34 +5011,43 @@ 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; height: 100%; width: 100%; - margin-bottom: 20px; } + margin-bottom: 20px; +} .test-padding { display: -webkit-box; @@ -4302,7 +5065,8 @@ p { -ms-flex-align: center; align-items: center; background-color: #D4F0FC; - text-align: center; } + text-align: center; +} .text-block-2 { position: absolute; @@ -4315,7 +5079,8 @@ p { background-color: #1e88e5; color: #fff; font-weight: 600; - text-align: center; } + text-align: center; +} .testimonial-quotes { position: absolute; @@ -4343,7 +5108,8 @@ p { -ms-flex-align: center; align-items: center; border-radius: 50%; - background-color: #1e88e5; } + background-color: #1e88e5; +} .login { padding-top: 9px; @@ -4352,10 +5118,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; @@ -4368,12 +5136,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; @@ -4395,26 +5165,31 @@ p { -ms-flex: 1; flex: 1; background-color: #fff; - text-align: left; } + text-align: left; +} .center { - text-align: center; } + text-align: center; +} .mh2 { - min-height: 131px; } + min-height: 131px; +} .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; @@ -4425,7 +5200,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; @@ -4445,23 +5221,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; @@ -4471,24 +5251,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; @@ -4500,7 +5285,8 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; } + flex: 1; +} .side-title { margin-bottom: 50px; @@ -4508,15 +5294,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; @@ -4540,28 +5329,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; @@ -4579,14 +5374,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; @@ -4594,13 +5391,16 @@ p { padding-right: 20px; color: #333; font-size: 14px; - text-decoration: none; } + text-decoration: none; +} .navlink-2:hover { - color: #0082ff; } + color: #0082ff; +} .navlink-2.strong { - font-weight: 600; } + font-weight: 600; +} .nav-sub-row { display: -webkit-box; @@ -4611,10 +5411,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; @@ -4622,10 +5424,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; @@ -4638,7 +5442,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; @@ -4649,30 +5454,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; @@ -4681,17 +5492,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; @@ -4699,20 +5514,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; @@ -4723,7 +5541,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; @@ -4738,21 +5557,27 @@ 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: #1e88e5; - color: #fff; } + color: #333; +} +.button-pricechart.pcb-2:hover { + background-color: #1e88e5; + color: #fff; +} .button-pricechart.pcb-3 { - background-color: #0040A9; } - .button-pricechart.pcb-3:hover { - background-color: #1e88e5; } + background-color: #0040A9; +} +.button-pricechart.pcb-3:hover { + background-color: #1e88e5; +} .pricing-icon-outer { display: -webkit-box; @@ -4775,13 +5600,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; @@ -4799,29 +5627,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: #0082ff; } + color: #0082ff; +} .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; @@ -4833,25 +5668,31 @@ p { color: #333; font-size: 15px; font-weight: 400; - text-decoration: none; } + text-decoration: none; +} .sidelink:hover { - color: #0082ff; } + color: #0082ff; +} .sidelink:focus { - color: #0082ff; } + color: #0082ff; +} .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; @@ -4861,20 +5702,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: #0082ff; } + color: #0082ff; +} .sidenav { width: 300px; @@ -4885,49 +5730,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: #0082ff; } + color: #0082ff; +} .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: #0082ff; } + color: #0082ff; +} .sidelink-l3:focus { - color: #0082ff; } + color: #0082ff; +} .manual-toggle { - display: none; } + display: none; +} .dashcol { max-width: 600px; @@ -4935,22 +5792,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; @@ -4972,7 +5833,8 @@ p { border-style: dashed; border-width: 2px; border-color: #1e88e5; - border-radius: 50%; } + border-radius: 50%; +} .inner-icon-circle { display: -webkit-box; @@ -4990,18 +5852,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; @@ -5014,7 +5879,8 @@ p { justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; - flex-wrap: wrap; } + flex-wrap: wrap; +} .trust-logo { max-height: 60px; @@ -5022,7 +5888,8 @@ p { margin-bottom: 0px; margin-left: 10px; padding: 16px; - background-color: #fff; } + background-color: #fff; +} .text-field { height: 38px; @@ -5030,10 +5897,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; @@ -5043,7 +5912,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; @@ -5052,12 +5922,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; @@ -5066,31 +5938,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; @@ -5109,10 +5988,12 @@ p { align-items: center; border-bottom: 1px solid #e5e5e5; font-weight: 700; - cursor: pointer; } + cursor: pointer; +} .accordion-head:hover { - color: #1e88e5; } + color: #1e88e5; +} .collapse-row { position: absolute; @@ -5130,34 +6011,41 @@ 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; margin-bottom: 46px; - 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; @@ -5173,13 +6061,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; @@ -5194,7 +6084,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; @@ -5204,7 +6095,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%; @@ -5212,7 +6104,8 @@ p { padding-bottom: 9px; border-right: 1px solid #e0f6ff; background-color: #fff; - text-align: center; } + text-align: center; +} .sarr { width: 50px; @@ -5220,25 +6113,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; @@ -5250,7 +6148,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; @@ -5259,7 +6158,8 @@ p { border: 1px solid #cccccc; border-right: 0px; font-size: 20px; - line-height: 20px; } + line-height: 20px; +} .hide-search { width: 48px; @@ -5267,7 +6167,8 @@ p { padding: 12px; border-radius: 43px; background-color: #fff; - cursor: pointer; } + cursor: pointer; +} .searchform { position: fixed; @@ -5280,7 +6181,8 @@ p { min-height: 100px; padding-top: 76px; background-color: #fff; - box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.33); } + box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.33); +} .button-small { margin-right: 5px; @@ -5292,7 +6194,8 @@ p { border-color: #ececec; border-radius: 6px; background-color: #fff; - color: #8b8b8b; } + color: #8b8b8b; +} .badge { display: -webkit-box; @@ -5322,36 +6225,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; @@ -5372,7 +6283,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; @@ -5384,25 +6296,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; @@ -5410,7 +6327,8 @@ p { display: -ms-flexbox; display: flex; margin-right: -5px; - margin-left: -5px; } + margin-left: -5px; +} .gorm-col { padding-right: 5px; @@ -5418,7 +6336,8 @@ p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; - flex: 1; } + flex: 1; +} .radio-button { width: 20px; @@ -5426,34 +6345,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; @@ -5462,22 +6389,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; @@ -5501,11 +6432,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; @@ -5520,82 +6453,98 @@ p { background-size: 30px 30px; background-repeat: no-repeat; text-align: center; - cursor: pointer; } + cursor: pointer; + } .content { padding-top: 0px; - padding-left: 0px; } + padding-left: 0px; + } .section { padding-top: 40px; - padding-bottom: 40px; } + padding-bottom: 40px; + } .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; + } .col._4-12-12-12 { width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 100%; -ms-flex: 0 100%; - flex: 0 100%; } + flex: 0 100%; + } .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; @@ -5615,15 +6564,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; @@ -5631,13 +6583,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; @@ -5652,38 +6606,48 @@ 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; + } .div-block-10 { - display: block; } + display: block; + } .mh2 { - min-height: 108px; } + min-height: 108px; + } .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; @@ -5697,38 +6661,47 @@ 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-top: 106px; + } .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; @@ -5744,7 +6717,8 @@ p { border: 1px solid #e5e5e5; border-radius: 0px; background-color: #fff; - box-shadow: none; } + box-shadow: none; + } .manual-toggle { position: fixed; @@ -5759,133 +6733,166 @@ p { padding: 9px; border-radius: 39px; background-color: #1e88e5; - box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.37); } + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.37); + } .image-3 { - width: 100%; } + 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%; + } .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%; + } .searchform { - padding-top: 25px; } } + padding-top: 25px; + } +} @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: 20px; - padding-bottom: 20px; } + padding-bottom: 20px; + } .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; + } .mh2 { - min-height: 128px; } + min-height: 128px; + } .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; - border-bottom: 1px solid #d1d1d1; } + border-bottom: 1px solid #d1d1d1; + } .compare-row { - border-bottom-style: none; } + border-bottom-style: none; + } .cd { padding-top: 10px; padding-bottom: 10px; font-size: 15px; - text-align: center; } + text-align: center; + } .slide-partners { - width: 50%; } + width: 50%; + } .modal-inner { position: fixed; @@ -5897,111 +6904,142 @@ 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: 10px; - padding-left: 10px; } + padding-left: 10px; + } .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; + } .mh2 { - min-height: auto; } + min-height: auto; + } .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; @@ -6009,15 +7047,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; @@ -6025,34 +7066,41 @@ 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%; + } .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 { display: block; @@ -6060,30 +7108,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; @@ -6093,15 +7149,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/js/nakupovanje.js b/frontend/drupal9/web/themes/custom/pro1ka/js/nakupovanje.js new file mode 100644 index 000000000..244b8a1e7 --- /dev/null +++ b/frontend/drupal9/web/themes/custom/pro1ka/js/nakupovanje.js @@ -0,0 +1,33 @@ +/** + * JS povezani z nakupom + */ +(function ($) { + + 'use strict'; + + + jQuery(document).ready(function () { + + jQuery('.cas-trajanja .mesec').on('click', function(){ + + var trajanje = jQuery('[name="trajanje"]:checked').val(); + + jQuery('#prikazTrajanjeSt').text(trajanje); + + var mesecIme = jQuery('#prikazTrajanjeMesec').attr('data-text'); + + if(trajanje == 1){ + mesecIme = mesecIme.substring(0, mesecIme.length-2); + } else if(trajanje == 3){ + mesecIme = mesecIme.substring(0, mesecIme.length-1); + } + + jQuery('#prikazTrajanjeMesec').text(mesecIme); + }); + + + + + }); + +})(jQuery); diff --git a/frontend/drupal9/web/themes/custom/pro1ka/js/script.js b/frontend/drupal9/web/themes/custom/pro1ka/js/script.js index 111c3f43f..32e686eba 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/js/script.js +++ b/frontend/drupal9/web/themes/custom/pro1ka/js/script.js @@ -273,14 +273,16 @@ event.preventDefault(); - var sendVariables = jQuery('#registracija-uporabnika').serialize(); + var sendVariables = jQuery('#registracija-uporabnika :input').serialize(); sendVariables += '&ajax=1'; - jQuery.post('/frontend/api/api.php?action=register', sendVariables, function (data) { + jQuery.post('/api/drupal/register', sendVariables, function (data) { + jQuery('.napaka-registracija').hide(); + var response = JSON.parse(data); jQuery('.error-field').removeClass('error-field'); - if (response.success && response.success == 1) { + if (response.type && response.type == 'success') { jQuery('#reg-confirm-email').text(jQuery('#register-form [name="email"]').val()); jQuery('#reg-confirm-ime').text(jQuery('#register-form [name="ime"]').val()); jQuery('#reg-confirm-geslo').text('****'); @@ -309,32 +311,34 @@ } else { // Izpišemo napake - if (response.napaka && response.napaka.length > 0) { - jQuery('.napaka-registracija').show(); + if(response.type == 'error') { + if (response.data.napaka && response.data.napaka.length > 0) { + jQuery('.napaka-registracija').show(); - var napake = ''; - jQuery.each(response.napaka, function (key, val) { - napake += '
' + val + '
'; - }); + var napake = ''; + jQuery.each(response.data.napaka, function (key, val) { + napake += '
' + val + '
'; + }); - jQuery('.napaka-registracija').html(napake); + jQuery('.napaka-registracija').html(napake); + } + + if (response.error_email) { + jQuery('#register-form [name="email"]').addClass('error-field'); + } + + if (response.error_ime) { + jQuery('#register-form [name="ime"]').addClass('error-field'); + } + + if (response.error_geslo) { + jQuery('#register-form [name="geslo"]').addClass('error-field'); + jQuery('#register-form [name="geslo2"]').addClass('error-field'); + } } - if (response.error_email) { - jQuery('#register-form [name="email"]').addClass('error-field'); - } - - if (response.error_ime) { - jQuery('#register-form [name="ime"]').addClass('error-field'); - } - - if (response.error_geslo) { - jQuery('#register-form [name="geslo"]').addClass('error-field'); - jQuery('#register-form [name="geslo2"]').addClass('error-field'); - } - - if (response.new_username.length > 0) { - jQuery('#register-form #registracija-vzdevek').val(response.new_username); + if (response.data.new_username.length > 0) { + jQuery('#register-form #registracija-vzdevek').val(response.data.new_username); } //Ponastavi reCaptcho @@ -356,13 +360,13 @@ jQuery('#reg-confirm-next').on('click', function (event) { event.preventDefault(); - var sendVariables = jQuery('#registracija-uporabnika').serialize(); + var sendVariables = jQuery('#registracija-uporabnika :input').serialize(); sendVariables += '&ajax=1'; - jQuery.post('/frontend/api/api.php?action=register_confirm', sendVariables, function (data) { + jQuery.post('/api/drupal/register_confirm', sendVariables, function (data) { var response = JSON.parse(data); - if (response.success && response.success == 1) { + if (response.type && response.type == 'success') { var text = jQuery('#register-form-email-sent').html().replace("SFMAIL", jQuery('#reg-confirm-email').text()); jQuery('#register-form-email-sent').html(text); diff --git a/frontend/drupal9/web/themes/custom/pro1ka/pro1ka.libraries.yml b/frontend/drupal9/web/themes/custom/pro1ka/pro1ka.libraries.yml index 1f81e8d20..824935272 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/pro1ka.libraries.yml +++ b/frontend/drupal9/web/themes/custom/pro1ka/pro1ka.libraries.yml @@ -10,6 +10,7 @@ global-styling: # js/enka-21.js: {} js/script.js: {} js/login.js: {} + js/nakupovanje.js: {} js/modernizr-custom.js: {} dependencies: diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_popup.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_popup.scss index ea5beed98..f225d84a4 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_popup.scss +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_popup.scss @@ -163,6 +163,21 @@ margin-top: -10px; } + + .registracija { + #gdpr-vec-text { + display: none; + } + } + + #register-form-confirm{ + display: none; + } + + #register-form-email-sent { + display: none; + } + } } @@ -246,6 +261,7 @@ background: #ff000024; padding: 0.25rem 0.75rem; color: red; + display: none; } } @@ -328,3 +344,6 @@ } } } + + + diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--front.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--front.html.twig index d08658e5e..40840a8f2 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--front.html.twig +++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--front.html.twig @@ -27,7 +27,7 @@

Do dragocenih vpogledov z enim klikom

ZMOGLJIVO, HITRO IN ENOSTAVNO ORODJE ZA ANKETIRANJE

- +
Ustvarite brezplačno anketo
@@ -294,7 +294,7 @@ {# Gumb #}
- +
Ustvarite anketo
@@ -356,7 +356,7 @@
- +
Ustvarite anketo
 diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--nakup-paketa.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--nakup-paketa.html.twig index 8d062fde5..708ee9a66 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--nakup-paketa.html.twig +++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--nakup-paketa.html.twig @@ -33,7 +33,7 @@
-
+
@@ -292,9 +292,17 @@

Informacije o naročilu

-

{% if paket == 2 %} Paket 2ka {% else %} Paket 3ka {% endif %}

- X mesece -

Način plačila: XZY

+

+ {% if paket == 2 %} + Paket 2ka + {% else %} + Paket 3ka + {% endif %} +

+
+ +
+

Način plačila:

{% if language.id == 'sl' %}
*Naročnina se zaračuna v enkratnem znesku.
{% else %} @@ -319,7 +327,7 @@ {% endif %}
#} - +
@@ -331,56 +339,56 @@
{% if language.id == 'sl' %} - Zakup paketa za: + Zakup paketa za: {% else %} - Package lease for: + Package lease for: {% endif %} /
{% if language.id == 'sl' %} - Elektronski naslov: + Elektronski naslov: {% else %} - E-mail address: + E-mail address: {% endif %} /
{% if language.id == 'sl' %} - Ime in priimek: + Ime in priimek: {% else %} - First and last name: + First and last name: {% endif %} /
{% if language.id == 'sl' %} - Država: + Država: {% else %} - Country: + Country: {% endif %} /
- +
{% if language.id == 'sl' %} - Naziv podjetja: + Naziv podjetja: {% else %} - Company name: + Company name: {% endif %} /
- + - +
{% if language.id == 'sl' %} - Naslov: + Naslov: {% else %} - Address: + Address: {% endif %} , @@ -401,16 +409,16 @@ id="forma-d-posta-ime" data-clarity-mask="True">
- +
{% if language.id == 'sl' %} - Način plačila: + Način plačila: {% else %} - Payment method: + Payment method: {% endif %} /
- +
{% if language.id == 'sl' %} Cena brez popusta: 0,00 € z DDV @@ -419,7 +427,7 @@ class="cena-z-ddv-text"> including VAT {% endif %}
- +
{% if language.id == 'sl' %} Skupaj za plačilo: 0,00 € 0,00 € including VAT {% endif %}
- + - +
- +
{% if language.id == 'sl' %} - Popravi naročilo + Popravi naročilo {% else %} - Fix the order + Fix the order {% endif %} 0 €
- +
{% if language.id == 'sl' %}
Naročilo se obdeluje. Prosimo počakajte trenutek
- +
Sedaj vas bomo preusmerili na platformo Stripe, kjer boste vnesli podatke za plačilo. @@ -480,7 +488,7 @@
The order is being processed. Please wait a moment
- +
We will now redirect you to the Stripe platform, where you will enter your payment information. @@ -505,7 +513,7 @@
- +
@@ -541,7 +549,7 @@ {% endif %} - + @@ -555,7 +563,7 @@
- +

@@ -577,7 +585,7 @@ {% endif %} - + - +

- +
@@ -635,14 +643,14 @@ of a discount (proportional part for the unused period).
{% endif %} - +
- +
- +
@@ -656,7 +664,7 @@
- +
- +
- - + +
- +
- +
- +
- +
- +
- - + +
- +
@@ -805,7 +813,7 @@
- +
- + @@ -833,7 +841,7 @@ - + @@ -850,7 +858,7 @@
- + - - + +
{{ prevod['nakup_nazaj'] }}
- +
@@ -899,8 +907,8 @@
- - + +
@@ -912,7 +920,7 @@ {% endif %}
- +
@@ -962,7 +970,7 @@ {% endif %} /
- +
@@ -973,7 +981,7 @@ {% endif %} /
- + - +
{% if language.id == 'sl' %} Naslov: @@ -994,7 +1002,7 @@ id="forma-d-posta-ime" data-clarity-mask="True">
- +
{% if language.id == 'sl' %} Način plačila: @@ -1003,7 +1011,7 @@ {% endif %} /
- +
{% if language.id == 'sl' %} Cena brez popusta: 0,00 € z DDV @@ -1012,7 +1020,7 @@ class="cena-z-ddv-text">including VAT {% endif %}
- +
{% if language.id == 'sl' %} Skupaj za plačilo: 0,00 € 0,00 € including VAT {% endif %}
- + - +
- +
- +
{% if language.id == 'sl' %}
Naročilo se obdeluje. Prosimo počakajte trenutek
- +
Sedaj vas bomo preusmerili na platformo Stripe, kjer boste vnesli podatke za plačilo. @@ -1059,7 +1067,7 @@
The order is being processed. Please wait a moment
- +
We will now redirect you to the Stripe platform, where you will enter your payment information. @@ -1068,4 +1076,4 @@ {% endif %}
#} -
\ No newline at end of file +
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/footer.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/footer.html.twig index 3331ad822..2c51abe56 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/footer.html.twig +++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/footer.html.twig @@ -6,7 +6,7 @@

Orodje za anketiranje 1KA lahko z omejenimi funkcionalnostmi preizkusite tudi brezplačno

- +
Preizkusite
 diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/header.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/header.html.twig index d64c6cf96..69c612a09 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/header.html.twig +++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/header.html.twig @@ -30,7 +30,7 @@ {# LOGO #} - +