From 090dbaedaa2a9a724b8409d73b78e04f9132bb4b Mon Sep 17 00:00:00 2001
From: urospodkriznik <uros.podkriznik@gmail.com>
Date: Mon, 20 Jun 2022 20:47:35 +0200
Subject: [PATCH] delovanje pojavnih oken za prijavo in frontend oekn za
 prijave

---
 .../prijava-arnes-modal-block.html.twig       |   11 +-
 .../templates/prijava-block.html.twig         |   18 +-
 .../templates/prijava-intro-block.html.twig   |   10 +-
 .../templates/registracija-block.html.twig    |    6 -
 .../web/themes/custom/pro1ka/css/style.css    | 4508 +++++++----------
 .../web/themes/custom/pro1ka/js/script.js     |    2 -
 .../custom/pro1ka/sass/bolaric/1ka.scss       |   73 +-
 .../custom/pro1ka/sass/components/_popup.scss |  185 +-
 .../pro1ka/templates/parts/header.html.twig   |    2 +-
 9 files changed, 2027 insertions(+), 2788 deletions(-)

diff --git a/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-arnes-modal-block.html.twig b/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-arnes-modal-block.html.twig
index ea1d33e8c..435c0a25f 100644
--- a/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-arnes-modal-block.html.twig
+++ b/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-arnes-modal-block.html.twig
@@ -3,11 +3,6 @@
     <div class="modal-box"><img src="/tema1ka/img/ikone/zapri.svg" class="closemodal">
 
 
-        <div class="vrni-na-intro-page modal-open-intro-obrazec">
-            << {{ lang['back'] }}
-        </div>
-
-
 {#        // Naslov#}
         <div class="row">
             <div class="col">
@@ -15,14 +10,14 @@
             </div>
         </div>
 
-        <div>
+        {# <div>
             <div class="col w-clearfix center">
                 <a href="https://1ka.arnes.si"  class="submit-btn w-button gumb-aai" style="margin: 0;">
                     <span class="modal-intro-title modal-intro-login-text">{{ lang['login_short'] }}</span>
                     <span class="modal-intro-title modal-intro-registration-text">{{ lang['e_login_register'] }}</span>
                 </a>
             </div>
-        </div>
+        </div> #}
 
         <p class="aai-obvestilo">{{ lang['cms_aai_login_redirect_text'] | raw  }}</p>
 
@@ -34,7 +29,7 @@
 
         <div>
             <div class="col w-clearfix center">
-                <a href="https://1ka.arnes.si"  class="submit-btn w-button gumb-aai">
+                <a href="https://1ka.arnes.si"  class="submit-btn w-button gumb gumb-aai login">
                     <span class="modal-intro-title modal-intro-login-text">{{ lang['login_short'] }}</span>
                     <span class="modal-intro-title modal-intro-registration-text">{{  lang['e_login_register'] }}</span>
                 </a>
diff --git a/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-block.html.twig b/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-block.html.twig
index c29e5793a..c0c137827 100644
--- a/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-block.html.twig
+++ b/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-block.html.twig
@@ -48,12 +48,6 @@
 
         {% else %}
 
-            {%  if(jezik == 'sl') %}
-                <div class="vrni-na-intro-page modal-open-intro-obrazec">
-                    <<  {{ lang['back']  }}
-                </div>
-            {%  endif %}
-
             <div class="row">
                 <div class="col">
                     <h3 class="modra center">
@@ -123,12 +117,6 @@
                             </div>
                         </div>
 
-                        <div class="col w-clearfix">
-                            <p class="paragraph">
-                                {{ lang['cms_login_registration_link'] | raw }}
-                            </p>
-                        </div>
-
                     </div>
 
 {#                    // Poročilo o napaki#}
@@ -163,6 +151,12 @@
                 </div>
             </div>
 
+            <div class="col w-clearfix">
+                <p class="paragraph">
+                    {{ lang['cms_login_registration_link'] | raw }}
+                </p>
+            </div>
+
        {% endif %}
 
    </div>
diff --git a/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-intro-block.html.twig b/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-intro-block.html.twig
index 581cd78c6..7b6420292 100644
--- a/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-intro-block.html.twig
+++ b/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-intro-block.html.twig
@@ -1,7 +1,7 @@
 {%  if not prijavljen %}
     <div class="rexister-modal" id="modal-info-login">
         <div class="modal-box">
-            <img src="/tema1ka/svg/icons-x.svg" class="closemodal">
+            <img src="/tema1ka/img/ikone/zapri.svg" class="closemodal">
  
 
             <div class="dva-stolpca">
@@ -52,11 +52,9 @@
                     <div class="display-block">
                         <div class="col">
                             <p class="besedilo" style="padding-top: 0.5rem;">{{ lang['cms_intro_modal_1ka_text'] | raw }}<br /><br /></p>
-                            <div class="ikona ikona-custom-login">
-                                <div class="submit-btn w-button gumb" id="modal-open-1ka">
-                                    <span class="modal-intro-title modal-intro-login-text">{{ lang['login_short'] }}</span>
-                                    <span class="modal-intro-title modal-intro-registration-text"> {{ lang['e_login_register'] }}</span>
-                                </div>
+                            <div class="submit-btn w-button gumb" id="modal-open-1ka">
+                                <span class="modal-intro-title modal-intro-login-text">{{ lang['login_short'] }}</span>
+                                <span class="modal-intro-title modal-intro-registration-text"> {{ lang['e_login_register'] }}</span>
                             </div>
                         </div>
                     </div>
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 af2d3ec12..30b5dafea 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
@@ -1,12 +1,6 @@
 <div class="rexister-modal" id="modal-registration">
     <div class="modal-box w-max-1024"><img src="/tema1ka/img/ikone/zapri.svg" class="closemodal">
         
-        {%  if(jezik == 'sl')  %}
-            <div class="vrni-na-intro-page modal-open-intro-obrazec">
-                << {{ lang['back'] }}
-            </div>
-        {%  endif %}
-        
         <div class="row glavni-naslov">
             <div class="col">
                 <h3 class="modra center">{{ lang['cms_register_title'] }}</h3>
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css
index 45b1d7935..5b96b3813 100755
--- a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css
+++ b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css
@@ -13,15 +13,13 @@ html {
   -ms-text-size-adjust: 100%;
   /* 2 */
   -webkit-text-size-adjust: 100%;
-  /* 2 */
-}
+  /* 2 */ }
 
 /**
  * Remove default margin.
  */
 body {
-  margin: 0;
-}
+  margin: 0; }
 
 /* HTML5 display definitions
    ========================================================================== */
@@ -44,8 +42,7 @@ menu,
 nav,
 section,
 summary {
-  display: block;
-}
+  display: block; }
 
 /**
  * 1. Correct `inline-block` display not defined in IE 8/9.
@@ -58,8 +55,7 @@ video {
   display: inline-block;
   /* 1 */
   vertical-align: baseline;
-  /* 2 */
-}
+  /* 2 */ }
 
 /**
  * Prevent modern browsers from displaying `audio` without controls.
@@ -67,8 +63,7 @@ video {
  */
 audio:not([controls]) {
   display: none;
-  height: 0;
-}
+  height: 0; }
 
 /**
  * Address `[hidden]` styling not present in IE 8/9/10.
@@ -76,8 +71,7 @@ audio:not([controls]) {
  */
 [hidden],
 template {
-  display: none;
-}
+  display: none; }
 
 /* Links
    ========================================================================== */
@@ -85,8 +79,7 @@ template {
  * Remove the gray background color from active links in IE 10.
  */
 a {
-  background-color: transparent;
-}
+  background-color: transparent; }
 
 /**
  * Improve readability of focused elements when they are also in an
@@ -94,8 +87,7 @@ a {
  */
 a:active,
 a:hover {
-  outline: 0;
-}
+  outline: 0; }
 
 /* Text-level semantics
    ========================================================================== */
@@ -103,23 +95,20 @@ a:hover {
  * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
  */
 abbr[title] {
-  border-bottom: 1px dotted;
-}
+  border-bottom: 1px dotted; }
 
 /**
  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
  */
 b,
 strong {
-  font-weight: bold;
-}
+  font-weight: bold; }
 
 /**
  * Address styling not present in Safari and Chrome.
  */
 dfn {
-  font-style: italic;
-}
+  font-style: italic; }
 
 /**
  * Address variable `h1` font-size and margin within `section` and `article`
@@ -127,23 +116,20 @@ dfn {
  */
 h1 {
   font-size: 2em;
-  margin: 0.67em 0;
-}
+  margin: 0.67em 0; }
 
 /**
  * Address styling not present in IE 8/9.
  */
 mark {
   background: #ff0;
-  color: #000;
-}
+  color: #000; }
 
 /**
  * Address inconsistent and variable font size in all browsers.
  */
 small {
-  font-size: 80%;
-}
+  font-size: 80%; }
 
 /**
  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
@@ -153,16 +139,13 @@ sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
-  vertical-align: baseline;
-}
+  vertical-align: baseline; }
 
 sup {
-  top: -0.5em;
-}
+  top: -0.5em; }
 
 sub {
-  bottom: -0.25em;
-}
+  bottom: -0.25em; }
 
 /* Embedded content
    ========================================================================== */
@@ -170,15 +153,13 @@ sub {
  * Remove border when inside `a` element in IE 8/9/10.
  */
 img {
-  border: 0;
-}
+  border: 0; }
 
 /**
  * Correct overflow not hidden in IE 9/10/11.
  */
 svg:not(:root) {
-  overflow: hidden;
-}
+  overflow: hidden; }
 
 /* Grouping content
    ========================================================================== */
@@ -186,23 +167,20 @@ svg:not(:root) {
  * Address margin not present in IE 8/9 and Safari.
  */
 figure {
-  margin: 1em 40px;
-}
+  margin: 1em 40px; }
 
 /**
  * Address differences between Firefox and other browsers.
  */
 hr {
   box-sizing: content-box;
-  height: 0;
-}
+  height: 0; }
 
 /**
  * Contain overflow in all browsers.
  */
 pre {
-  overflow: auto;
-}
+  overflow: auto; }
 
 /**
  * Address odd `em`-unit font size rendering in all browsers.
@@ -212,8 +190,7 @@ kbd,
 pre,
 samp {
   font-family: monospace, monospace;
-  font-size: 1em;
-}
+  font-size: 1em; }
 
 /* Forms
    ========================================================================== */
@@ -237,15 +214,13 @@ textarea {
   font: inherit;
   /* 2 */
   margin: 0;
-  /* 3 */
-}
+  /* 3 */ }
 
 /**
  * Address `overflow` set to `hidden` in IE 8/9/10/11.
  */
 button {
-  overflow: visible;
-}
+  overflow: visible; }
 
 /**
  * Address inconsistent `text-transform` inheritance for `button` and `select`.
@@ -255,8 +230,7 @@ button {
  */
 button,
 select {
-  text-transform: none;
-}
+  text-transform: none; }
 
 /**
  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
@@ -268,21 +242,19 @@ select {
  *    specificity and defer to the .w-button selector
  */
 button,
-html input[type=button],
-input[type=reset] {
+html input[type="button"],
+input[type="reset"] {
   -webkit-appearance: button;
   /* 2 */
   cursor: pointer;
-  /* 3 */
-}
+  /* 3 */ }
 
 /**
  * Re-set default cursor for disabled elements.
  */
 button[disabled],
 html input[disabled] {
-  cursor: default;
-}
+  cursor: default; }
 
 /**
  * Remove inner padding and border in Firefox 4+.
@@ -290,16 +262,14 @@ html input[disabled] {
 button::-moz-focus-inner,
 input::-moz-focus-inner {
   border: 0;
-  padding: 0;
-}
+  padding: 0; }
 
 /**
  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  * the UA stylesheet.
  */
 input {
-  line-height: normal;
-}
+  line-height: normal; }
 
 /**
  * It's recommended that you don't attempt to style these elements.
@@ -308,43 +278,39 @@ input {
  * 1. Address box sizing set to `content-box` in IE 8/9/10.
  * 2. Remove excess padding in IE 8/9/10.
  */
-input[type=checkbox],
-input[type=radio] {
+input[type="checkbox"],
+input[type="radio"] {
   box-sizing: border-box;
   /* 1 */
   padding: 0;
-  /* 2 */
-}
+  /* 2 */ }
 
 /**
  * Fix the cursor style for Chrome's increment/decrement buttons. For certain
  * `font-size` values of the `input`, it causes the cursor style of the
  * decrement button to change from `default` to `text`.
  */
-input[type=number]::-webkit-inner-spin-button,
-input[type=number]::-webkit-outer-spin-button {
-  height: auto;
-}
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
 
 /**
  * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input
  * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed
  *    (similar to normalize.css >=4.0.0)
  */
-input[type=search] {
+input[type="search"] {
   -webkit-appearance: none;
-  /* 1 */
-}
+  /* 1 */ }
 
 /**
  * Remove inner padding and search cancel button in Safari and Chrome on OS X.
  * Safari (but not Chrome) clips the cancel button when the search input has
  * padding (and `textfield` appearance).
  */
-input[type=search]::-webkit-search-cancel-button,
-input[type=search]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
 
 /**
  * Define consistent border, margin, and padding.
@@ -352,8 +318,7 @@ input[type=search]::-webkit-search-decoration {
 fieldset {
   border: 1px solid #c0c0c0;
   margin: 0 2px;
-  padding: 0.35em 0.625em 0.75em;
-}
+  padding: 0.35em 0.625em 0.75em; }
 
 /**
  * 1. Correct `color` not being inherited in IE 8/9/10/11.
@@ -363,23 +328,20 @@ legend {
   border: 0;
   /* 1 */
   padding: 0;
-  /* 2 */
-}
+  /* 2 */ }
 
 /**
  * Remove default vertical scrollbar in IE 8/9/10/11.
  */
 textarea {
-  overflow: auto;
-}
+  overflow: auto; }
 
 /**
  * Don't inherit the `font-weight` (applied by a rule above).
  * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
  */
 optgroup {
-  font-weight: bold;
-}
+  font-weight: bold; }
 
 /* Tables
    ========================================================================== */
@@ -388,13 +350,11 @@ optgroup {
  */
 table {
   border-collapse: collapse;
-  border-spacing: 0;
-}
+  border-spacing: 0; }
 
 td,
 th {
-  padding: 0;
-}
+  padding: 0; }
 
 .button {
   position: relative;
@@ -421,21 +381,17 @@ 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;
@@ -448,36 +404,31 @@ img {
   justify-content: center;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
+  flex-wrap: wrap; }
 
 * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
+  box-sizing: border-box; }
 
 body {
   height: 100%;
-  font-family: "Source Sans Pro", sans-serif;
+  font-family: 'Source Sans Pro', sans-serif;
   color: #333;
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
   margin: 0;
   min-height: 100%;
-  background-color: #fff;
-}
+  background-color: #fff; }
 
 .content {
-  padding-top: 70px;
-}
+  padding-top: 70px; }
 
 .section {
   position: relative;
   padding-top: 53px;
-  padding-bottom: 70px;
-}
+  padding-bottom: 70px; }
 
 .container {
   max-width: 1240px;
@@ -488,64 +439,56 @@ body {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 
 .row {
   margin-right: -25px;
-  margin-left: -25px;
-}
-.row.flex {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-.row .col {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding-right: 25px;
-  padding-left: 25px;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-.row .col.c-50 {
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 50%;
-  -ms-flex: 0 50%;
-  flex: 0 50%;
-}
-.row .col.c-33 {
-  width: 33.3333%;
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 0 33.3333%;
-  -ms-flex: 0 0 33.3333%;
-  flex: 0 0 33.3333%;
-}
-.row .vrsta {
-  padding-right: 25px;
-  padding-left: 25px;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
+  margin-left: -25px; }
+  .row.flex {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap; }
+  .row .col {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    padding-right: 25px;
+    padding-left: 25px;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1; }
+    .row .col.c-50 {
+      -webkit-box-flex: 0;
+      -webkit-flex: 0 50%;
+      -ms-flex: 0 50%;
+      flex: 0 50%; }
+    .row .col.c-33 {
+      width: 33.3333%;
+      -webkit-box-flex: 0;
+      -webkit-flex: 0 0 33.3333%;
+      -ms-flex: 0 0 33.3333%;
+      flex: 0 0 33.3333%; }
+  .row .vrsta {
+    padding-right: 25px;
+    padding-left: 25px;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1; }
 
 .inline-block {
   max-width: 100%;
-  display: inline-block;
-}
+  display: inline-block; }
 
 .clearfix:before, .clearfix:after {
   content: " ";
@@ -553,22 +496,17 @@ 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;
@@ -590,65 +528,59 @@ 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;
@@ -656,21 +588,19 @@ body {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
-.section .section-title .title {
-  margin-top: 40px;
-  margin-bottom: 60px;
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  font-family: "Source Sans Pro", sans-serif;
-  font-size: 34px;
-  line-height: 40px;
-  font-weight: 400;
-  text-align: center;
-}
+  flex: 1; }
+  .section .section-title .title {
+    margin-top: 40px;
+    margin-bottom: 60px;
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 auto;
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    font-family: 'Source Sans Pro', sans-serif;
+    font-size: 34px;
+    line-height: 40px;
+    font-weight: 400;
+    text-align: center; }
 
 .izbira-paketa .section-main {
   display: -webkit-box;
@@ -683,34 +613,29 @@ body {
   justify-content: center;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-.izbira-paketa .section-main .col {
-  padding-right: 25px;
-  padding-left: 25px;
-  width: 33.3333%;
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 0 33.3333%;
-  -ms-flex: 0 0 33.3333%;
-  flex: 0 0 33.3333%;
-  text-align: center;
-}
-.izbira-paketa .section-main .col img.package {
-  margin-bottom: 20px;
-}
-.izbira-paketa .section-main .col .icon {
-  width: 150px;
-  height: 150px;
-  margin-bottom: 20px;
-}
-.izbira-paketa .section-main .col .title {
-  margin-bottom: 10px;
-  color: #0040A9;
-  font-size: 18px;
-  line-height: 21px;
-  font-weight: 900;
-  text-transform: uppercase;
-}
+  flex-wrap: wrap; }
+  .izbira-paketa .section-main .col {
+    padding-right: 25px;
+    padding-left: 25px;
+    width: 33.3333%;
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 33.3333%;
+    -ms-flex: 0 0 33.3333%;
+    flex: 0 0 33.3333%;
+    text-align: center; }
+    .izbira-paketa .section-main .col img.package {
+      margin-bottom: 20px; }
+    .izbira-paketa .section-main .col .icon {
+      width: 150px;
+      height: 150px;
+      margin-bottom: 20px; }
+    .izbira-paketa .section-main .col .title {
+      margin-bottom: 10px;
+      color: #0040A9;
+      font-size: 18px;
+      line-height: 21px;
+      font-weight: 900;
+      text-transform: uppercase; }
 
 .funkcionalnost .section-main {
   display: -webkit-box;
@@ -724,69 +649,61 @@ 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;
@@ -794,82 +711,72 @@ 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;
@@ -882,95 +789,83 @@ 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;
@@ -983,19 +878,17 @@ 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;
@@ -1003,34 +896,29 @@ 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;
@@ -1042,18 +930,15 @@ body {
   -ms-flex-pack: start;
   justify-content: flex-start;
   padding-left: 0;
-  list-style: none;
-}
-.breadcrumbs li {
-  padding-right: 10px;
-}
-.breadcrumbs li a.povezava {
-  display: block;
-  padding-right: 10px;
-  border-right: 1px solid #e5e5e5;
-  color: #8c8c8c;
-  text-decoration: none;
-}
+  list-style: none; }
+  .breadcrumbs li {
+    padding-right: 10px; }
+    .breadcrumbs li a.povezava {
+      display: block;
+      padding-right: 10px;
+      border-right: 1px solid #e5e5e5;
+      color: #8c8c8c;
+      text-decoration: none; }
 
 #breadcrumb .breadcrumbs-ul {
   list-style: none;
@@ -1065,21 +950,17 @@ 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;
@@ -1101,464 +982,436 @@ 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: 53px 50px 30px;
-  -webkit-box-flex: 1;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  background-color: #fff;
-}
-.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;
-}
-.modal .modal-box .w-input, .rexister-modal .modal-box .w-input {
-  border-style: solid;
-  border-width: 1px;
-  border-color: #b3d8eb;
-}
-.modal .modal-box .submit, .rexister-modal .modal-box .submit {
-  width: 100%;
-  border: 0;
-}
+  display: none; }
+  .modal .modal-box, .rexister-modal .modal-box {
+    position: relative;
+    overflow: auto;
+    max-height: 90vh;
+    max-width: 750px;
+    padding: 50px;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    background-color: #fff; }
+    .modal .modal-box .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; }
 
 .dva-stolpca {
   display: flex;
-}
-.dva-stolpca .preko-racunov {
-  padding-left: 1rem;
-  border-left: 1px solid #333333;
-}
-.dva-stolpca .preko-racunov .ostale-prijave {
-  display: flex;
-  flex-direction: column;
-  width: 300px;
-}
-.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 .ikona .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 .ikona .gumb:hover {
-  background: #1970bb;
-}
-.dva-stolpca .ikona .gumb.gumb-aai {
-  background: #e35205;
-  letter-spacing: 0.5px;
-}
-.dva-stolpca .ikona .gumb.gumb-aai:hover {
-  background: #fa6c21;
-}
-.dva-stolpca .ikona .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 {
-  text-align: center;
-  text-transform: uppercase;
-  font-weight: bold;
-  color: #1e88e5;
-}
-.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%;
-}
-.dva-stolpca .intro-modal .submit-btn {
-  margin-top: 3px;
-  margin-bottom: 27px;
-  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 .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: block;
   background: white;
-  margin-bottom: 3rem;
-}
-.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: 4rem;
-  padding-top: 1rem;
-  display: flex;
-  justify-content: space-between;
-}
-.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: 280px;
-  font-size: 20px;
-  font-weight: 500;
-  transition: 0.2s;
-}
-.nakup-1ka .izbira .paket .logo {
-  display: block;
-  position: absolute;
-  padding-top: 1rem;
-  height: 45px;
-}
-.nakup-1ka .izbira .paket:hover {
-  background: #FFA608;
-  color: white;
-  border-color: #FFA608;
-}
-.nakup-1ka .izbira .mesec {
-  display: inline-block;
-  text-align: center;
-  border: 1px solid #D1D1D1;
-  cursor: pointer;
-  width: 280px;
-  transition: 0.2s;
-}
-.nakup-1ka .izbira .mesec:hover {
-  background: #FFA608;
-  color: white;
-  border-color: #FFA608;
-}
-.nakup-1ka .izbira label {
-  cursor: pointer;
-  padding: 10px;
-  margin: 0;
-}
-.nakup-1ka .izbira input[type=radio] {
-  opacity: 0;
-}
-.nakup-1ka .izbira input[type=radio]:checked + .paket {
-  background: #FFA608;
-  color: white;
-  border-color: #FFA608;
-}
-.nakup-1ka .izbira input[type=radio]:checked + .mesec {
-  background: #FFA608;
-  color: white;
-  border-color: #FFA608;
-}
-.nakup-1ka .izbira .paket.vrsta-placila {
-  width: 31%;
-}
-.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;
-}
+  margin-bottom: 3rem; }
+  .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: 4rem;
+    padding-top: 1rem;
+    display: flex;
+    justify-content: space-between; }
+  .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: 280px;
+    font-size: 20px;
+    font-weight: 500;
+    transition: 0.2s; }
+    .nakup-1ka .izbira .paket .logo {
+      display: block;
+      position: absolute;
+      padding-top: 1rem;
+      height: 45px; }
+    .nakup-1ka .izbira .paket:hover {
+      background: #FFA608;
+      color: white;
+      border-color: #FFA608; }
+  .nakup-1ka .izbira .mesec {
+    display: inline-block;
+    text-align: center;
+    border: 1px solid #D1D1D1;
+    cursor: pointer;
+    width: 280px;
+    transition: 0.2s; }
+    .nakup-1ka .izbira .mesec:hover {
+      background: #FFA608;
+      color: white;
+      border-color: #FFA608; }
+  .nakup-1ka .izbira label {
+    cursor: pointer;
+    padding: 10px;
+    margin: 0; }
+  .nakup-1ka .izbira input[type=radio] {
+    opacity: 0; }
+    .nakup-1ka .izbira input[type=radio]:checked + .paket {
+      background: #FFA608;
+      color: white;
+      border-color: #FFA608; }
+    .nakup-1ka .izbira input[type=radio]:checked + .mesec {
+      background: #FFA608;
+      color: white;
+      border-color: #FFA608; }
+  .nakup-1ka .izbira .paket.vrsta-placila {
+    width: 31%; }
+  .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; }
 
 .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 .uspesno-oddano-narocilo {
-  display: none;
-}
+  display: none; }
 #nakup-1ka-poslovni-uporabniki .vrsta-polje {
-  margin: 15px 0;
-}
+  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;
@@ -1566,55 +1419,43 @@ input.error-field {
     height: 45px;
     float: right;
     margin: 0;
-    padding: 10px;
-  }
-}
+    padding: 10px; } }
 @media (max-width: 479px) {
   .nakup-1ka .pregled-narocila .col {
     padding-left: 20px;
-    padding-right: 20px;
-  }
-  .nakup-1ka .pregled-narocila .col.placilo-kartica {
-    width: 100%;
-    margin: 1rem 0;
-    padding-left: 0 !important;
-    padding-right: 0 !important;
-  }
-  .nakup-1ka .pregled-narocila .col.placilo-kartica .kreditna-mesec-cvc div {
-    width: 100%;
-  }
+    padding-right: 20px; }
+    .nakup-1ka .pregled-narocila .col.placilo-kartica {
+      width: 100%;
+      margin: 1rem 0;
+      padding-left: 0 !important;
+      padding-right: 0 !important; }
+      .nakup-1ka .pregled-narocila .col.placilo-kartica .kreditna-mesec-cvc div {
+        width: 100%; }
   .nakup-1ka .izbira .paket .logo {
-    float: left;
-  }
+    float: left; }
   .nakup-1ka .gumbi {
     clear: both;
-    padding: 0 20px;
-  }
-  .nakup-1ka .gumbi .paragraph {
-    clear: both;
-    margin: 0;
-    width: 100%;
-    text-align: center;
-    padding: 14px 44px;
-    border: 1px solid #1e88e5;
-  }
+    padding: 0 20px; }
+    .nakup-1ka .gumbi .paragraph {
+      clear: both;
+      margin: 0;
+      width: 100%;
+      text-align: center;
+      padding: 14px 44px;
+      border: 1px solid #1e88e5; }
   .nakup-1ka .submit-btn {
-    padding-bottom: 10px;
-  }
+    padding-bottom: 10px; }
 
   #narocilo-1ka-pregled .pdf-ikona {
-    font-size: 1.1rem;
-  }
+    font-size: 1.1rem; }
   #narocilo-1ka-pregled .bottom-buttons .col {
-    width: 100%;
-  }
+    width: 100%; }
   #narocilo-1ka-pregled .bottom-buttons .w-button {
     width: 100%;
     clear: both;
     float: left;
     text-align: center;
-    padding-bottom: 10px;
-  }
+    padding-bottom: 10px; }
   #narocilo-1ka-pregled .bottom-buttons .w-link-button {
     clear: both;
     margin: 0;
@@ -1623,9 +1464,7 @@ input.error-field {
     border: 1px solid #1e88e5;
     display: block;
     padding: 9px 15px;
-    margin-top: 1rem;
-  }
-}
+    margin-top: 1rem; } }
 .nav-menu {
   position: fixed;
   left: 0%;
@@ -1640,194 +1479,169 @@ 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; }
 
 a {
   color: #1e88e5;
-  text-decoration: none;
-}
+  text-decoration: none; }
 
 .side-nav-second {
   display: -webkit-box;
@@ -1837,19 +1651,17 @@ a {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
-  align-items: flex-start;
-}
-.side-nav-second .side-nav {
-  width: 300px;
-  margin-right: 25px;
-  margin-left: 25px;
-  padding: 25px;
-  border-style: solid;
-  border-width: 1px;
-  border-color: #e5e5e5;
-  background-color: #fff;
-  box-shadow: -10px -10px 0 0 #f8f8f8;
-}
+  align-items: flex-start; }
+  .side-nav-second .side-nav {
+    width: 300px;
+    margin-right: 25px;
+    margin-left: 25px;
+    padding: 25px;
+    border-style: solid;
+    border-width: 1px;
+    border-color: #e5e5e5;
+    background-color: #fff;
+    box-shadow: -10px -10px 0 0 #f8f8f8; }
 
 .glavna-vsebina .col {
   display: unset;
@@ -1858,23 +1670,20 @@ 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;
@@ -1883,43 +1692,34 @@ a {
   line-height: 1;
   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
+  -moz-osx-font-smoothing: grayscale; }
 
 .w-icon-slider-right:before {
-  content: "";
-}
+  content: "\e600"; }
 
 .w-icon-slider-left:before {
-  content: "";
-}
+  content: "\e601"; }
 
 .w-icon-nav-menu:before {
-  content: "";
-}
+  content: "\e602"; }
 
 .w-icon-arrow-down:before,
 .w-icon-dropdown-toggle:before {
-  content: "";
-}
+  content: "\e603"; }
 
 .w-icon-file-upload-remove:before {
-  content: "";
-}
+  content: "\e900"; }
 
 .w-icon-file-upload-icon:before {
-  content: "";
-}
+  content: "\e903"; }
 
 * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
+  box-sizing: border-box; }
 
 html {
-  height: 100%;
-}
+  height: 100%; }
 
 body {
   margin: 0;
@@ -1928,27 +1728,22 @@ 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 {
@@ -1957,16 +1752,13 @@ html.w-mod-touch * {
   grid-column-start: 1;
   grid-row-start: 1;
   grid-column-end: 2;
-  grid-row-end: 2;
-}
+  grid-row-end: 2; }
 
 .w-clearfix:after {
-  clear: both;
-}
+  clear: both; }
 
 .w-hidden {
-  display: none;
-}
+  display: none; }
 
 .w-button {
   display: inline-block;
@@ -1977,16 +1769,13 @@ html.w-mod-touch * {
   line-height: inherit;
   text-decoration: none;
   cursor: pointer;
-  border-radius: 0;
-}
+  border-radius: 0; }
 
 input.w-button {
-  -webkit-appearance: button;
-}
+  -webkit-appearance: button; }
 
 html[data-w-dynpage] [data-w-cloak] {
-  color: transparent !important;
-}
+  color: transparent !important; }
 
 .w-webflow-badge,
 .w-webflow-badge * {
@@ -2024,7 +1813,7 @@ html[data-w-dynpage] [data-w-cloak] {
   background-attachment: scroll;
   background-color: transparent;
   box-shadow: none;
-  opacity: 1;
+  opacity: 1.0;
   transform: none;
   transition: none;
   direction: ltr;
@@ -2048,8 +1837,7 @@ html[data-w-dynpage] [data-w-cloak] {
   white-space: inherit;
   word-break: normal;
   word-spacing: normal;
-  word-wrap: normal;
-}
+  word-wrap: normal; }
 
 .w-webflow-badge {
   position: fixed !important;
@@ -2066,7 +1854,7 @@ html[data-w-dynpage] [data-w-cloak] {
   border-radius: 3px !important;
   padding: 6px 8px 6px 6px !important;
   font-size: 12px !important;
-  opacity: 1 !important;
+  opacity: 1.0 !important;
   line-height: 14px !important;
   text-decoration: none !important;
   transform: none !important;
@@ -2076,15 +1864,13 @@ html[data-w-dynpage] [data-w-cloak] {
   overflow: visible !important;
   white-space: nowrap;
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
-  cursor: pointer;
-}
+  cursor: pointer; }
 
 .w-webflow-badge > img {
   display: inline-block !important;
   visibility: visible !important;
   opacity: 1 !important;
-  vertical-align: middle !important;
-}
+  vertical-align: middle !important; }
 
 h1,
 h2,
@@ -2093,79 +1879,66 @@ 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 {
@@ -2174,18 +1947,15 @@ ol {
   grid-column-start: 1;
   grid-row-start: 1;
   grid-column-end: 2;
-  grid-row-end: 2;
-}
+  grid-row-end: 2; }
 
 .w-embed:after {
-  clear: both;
-}
+  clear: both; }
 
 .w-video {
   width: 100%;
   position: relative;
-  padding: 0;
-}
+  padding: 0; }
 
 .w-video iframe,
 .w-video object,
@@ -2194,46 +1964,39 @@ ol {
   top: 0;
   left: 0;
   width: 100%;
-  height: 100%;
-}
+  height: 100%; }
 
 fieldset {
   padding: 0;
   margin: 0;
-  border: 0;
-}
+  border: 0; }
 
 button,
-html input[type=button],
-input[type=reset] {
+html input[type="button"],
+input[type="reset"] {
   border: 0;
   cursor: pointer;
-  -webkit-appearance: button;
-}
+  -webkit-appearance: button; }
 
 .w-form {
-  margin: 0 0 15px;
-}
+  margin: 0 0 15px; }
 
 .w-form-done {
   display: none;
   padding: 20px;
   text-align: center;
-  background-color: #dddddd;
-}
+  background-color: #dddddd; }
 
 .w-form-fail {
   display: none;
   margin-top: 10px;
   padding: 10px;
-  background-color: #ffdede;
-}
+  background-color: #ffdede; }
 
 label {
   display: block;
   margin-bottom: 5px;
-  font-weight: bold;
-}
+  font-weight: bold; }
 
 .w-input,
 .w-select {
@@ -2247,35 +2010,29 @@ label {
   color: #333333;
   vertical-align: middle;
   background-color: #ffffff;
-  border: 1px solid #cccccc;
-}
+  border: 1px solid #cccccc; }
 
 .w-input:-moz-placeholder,
 .w-select:-moz-placeholder {
-  color: #999;
-}
+  color: #999; }
 
 .w-input::-moz-placeholder,
 .w-select::-moz-placeholder {
   color: #999;
-  opacity: 1;
-}
+  opacity: 1; }
 
 .w-input:-ms-input-placeholder,
 .w-select:-ms-input-placeholder {
-  color: #999;
-}
+  color: #999; }
 
 .w-input::-webkit-input-placeholder,
 .w-select::-webkit-input-placeholder {
-  color: #999;
-}
+  color: #999; }
 
 .w-input:focus,
 .w-select:focus {
   border-color: #3898EC;
-  outline: 0;
-}
+  outline: 0; }
 
 .w-input[disabled],
 .w-select[disabled],
@@ -2284,34 +2041,28 @@ label {
 fieldset[disabled] .w-input,
 fieldset[disabled] .w-select {
   cursor: not-allowed;
-  background-color: #eeeeee;
-}
+  background-color: #eeeeee; }
 
 textarea.w-input,
 textarea.w-select {
-  height: auto;
-}
+  height: auto; }
 
 .w-select {
-  background-color: #f3f3f3;
-}
+  background-color: #f3f3f3; }
 
 .w-select[multiple] {
-  height: auto;
-}
+  height: auto; }
 
 .w-form-label {
   display: inline-block;
   cursor: pointer;
   font-weight: normal;
-  margin-bottom: 0px;
-}
+  margin-bottom: 0px; }
 
 .w-radio {
   display: block;
   margin-bottom: 5px;
-  padding-left: 20px;
-}
+  padding-left: 20px; }
 
 .w-radio:before,
 .w-radio:after {
@@ -2320,29 +2071,24 @@ textarea.w-select {
   grid-column-start: 1;
   grid-row-start: 1;
   grid-column-end: 2;
-  grid-row-end: 2;
-}
+  grid-row-end: 2; }
 
 .w-radio:after {
-  clear: both;
-}
+  clear: both; }
 
 .w-radio-input {
   margin: 4px 0 0;
-  margin-top: 1px \9 ;
+  margin-top: 1px \9;
   line-height: normal;
   float: left;
-  margin-left: -20px;
-}
+  margin-left: -20px; }
 
 .w-radio-input {
-  margin-top: 3px;
-}
+  margin-top: 3px; }
 
 .w-file-upload {
   display: block;
-  margin-bottom: 10px;
-}
+  margin-bottom: 10px; }
 
 .w-file-upload-input {
   width: 0.1px;
@@ -2350,27 +2096,23 @@ textarea.w-select {
   opacity: 0;
   overflow: hidden;
   position: absolute;
-  z-index: -100;
-}
+  z-index: -100; }
 
 .w-file-upload-default,
 .w-file-upload-uploading,
 .w-file-upload-success {
   display: inline-block;
-  color: #333333;
-}
+  color: #333333; }
 
 .w-file-upload-error {
   display: block;
-  margin-top: 10px;
-}
+  margin-top: 10px; }
 
 .w-file-upload-default.w-hidden,
 .w-file-upload-uploading.w-hidden,
 .w-file-upload-error.w-hidden,
 .w-file-upload-success.w-hidden {
-  display: none;
-}
+  display: none; }
 
 .w-file-upload-uploading-btn {
   display: flex;
@@ -2380,8 +2122,7 @@ textarea.w-select {
   margin: 0;
   padding: 8px 12px;
   border: 1px solid #cccccc;
-  background-color: #fafafa;
-}
+  background-color: #fafafa; }
 
 .w-file-upload-file {
   display: flex;
@@ -2390,14 +2131,12 @@ textarea.w-select {
   margin: 0;
   padding: 8px 9px 8px 11px;
   border: 1px solid #cccccc;
-  background-color: #fafafa;
-}
+  background-color: #fafafa; }
 
 .w-file-upload-file-name {
   font-size: 14px;
   font-weight: normal;
-  display: block;
-}
+  display: block; }
 
 .w-file-remove-link {
   margin-top: 3px;
@@ -2406,25 +2145,21 @@ textarea.w-select {
   height: auto;
   padding: 3px;
   display: block;
-  cursor: pointer;
-}
+  cursor: pointer; }
 
 .w-icon-file-upload-remove {
   margin: auto;
-  font-size: 10px;
-}
+  font-size: 10px; }
 
 .w-file-upload-error-msg {
   display: inline-block;
   color: #ea384c;
-  padding: 2px 0;
-}
+  padding: 2px 0; }
 
 .w-file-upload-info {
   display: inline-block;
   line-height: 38px;
-  padding: 0 12px;
-}
+  padding: 0 12px; }
 
 .w-file-upload-label {
   display: inline-block;
@@ -2434,25 +2169,21 @@ textarea.w-select {
   margin: 0;
   padding: 8px 12px;
   border: 1px solid #cccccc;
-  background-color: #fafafa;
-}
+  background-color: #fafafa; }
 
 .w-icon-file-upload-icon,
 .w-icon-file-upload-uploading {
   display: inline-block;
   margin-right: 8px;
-  width: 20px;
-}
+  width: 20px; }
 
 .w-icon-file-upload-uploading {
-  height: 20px;
-}
+  height: 20px; }
 
 .w-container {
   margin-left: auto;
   margin-right: auto;
-  max-width: 940px;
-}
+  max-width: 940px; }
 
 .w-container:before,
 .w-container:after {
@@ -2461,17 +2192,14 @@ textarea.w-select {
   grid-column-start: 1;
   grid-row-start: 1;
   grid-column-end: 2;
-  grid-row-end: 2;
-}
+  grid-row-end: 2; }
 
 .w-container:after {
-  clear: both;
-}
+  clear: both; }
 
 .w-container .w-row {
   margin-left: -10px;
-  margin-right: -10px;
-}
+  margin-right: -10px; }
 
 .w-row:before,
 .w-row:after {
@@ -2480,17 +2208,14 @@ textarea.w-select {
   grid-column-start: 1;
   grid-row-start: 1;
   grid-column-end: 2;
-  grid-row-end: 2;
-}
+  grid-row-end: 2; }
 
 .w-row:after {
-  clear: both;
-}
+  clear: both; }
 
 .w-row .w-row {
   margin-left: 0;
-  margin-right: 0;
-}
+  margin-right: 0; }
 
 .w-col {
   position: relative;
@@ -2498,308 +2223,232 @@ textarea.w-select {
   width: 100%;
   min-height: 1px;
   padding-left: 10px;
-  padding-right: 10px;
-}
+  padding-right: 10px; }
 
 .w-col .w-col {
   padding-left: 0;
-  padding-right: 0;
-}
+  padding-right: 0; }
 
 .w-col-1 {
-  width: 8.33333333%;
-}
+  width: 8.33333333%; }
 
 .w-col-2 {
-  width: 16.66666667%;
-}
+  width: 16.66666667%; }
 
 .w-col-3 {
-  width: 25%;
-}
+  width: 25%; }
 
 .w-col-4 {
-  width: 33.33333333%;
-}
+  width: 33.33333333%; }
 
 .w-col-5 {
-  width: 41.66666667%;
-}
+  width: 41.66666667%; }
 
 .w-col-6 {
-  width: 50%;
-}
+  width: 50%; }
 
 .w-col-7 {
-  width: 58.33333333%;
-}
+  width: 58.33333333%; }
 
 .w-col-8 {
-  width: 66.66666667%;
-}
+  width: 66.66666667%; }
 
 .w-col-9 {
-  width: 75%;
-}
+  width: 75%; }
 
 .w-col-10 {
-  width: 83.33333333%;
-}
+  width: 83.33333333%; }
 
 .w-col-11 {
-  width: 91.66666667%;
-}
+  width: 91.66666667%; }
 
 .w-col-12 {
-  width: 100%;
-}
+  width: 100%; }
 
 .w-hidden-main {
-  display: none !important;
-}
+  display: none !important; }
 
 @media screen and (max-width: 991px) {
   .w-container {
-    max-width: 728px;
-  }
+    max-width: 728px; }
 
   .w-hidden-main {
-    display: inherit !important;
-  }
+    display: inherit !important; }
 
   .w-hidden-medium {
-    display: none !important;
-  }
+    display: none !important; }
 
   .w-col-medium-1 {
-    width: 8.33333333%;
-  }
+    width: 8.33333333%; }
 
   .w-col-medium-2 {
-    width: 16.66666667%;
-  }
+    width: 16.66666667%; }
 
   .w-col-medium-3 {
-    width: 25%;
-  }
+    width: 25%; }
 
   .w-col-medium-4 {
-    width: 33.33333333%;
-  }
+    width: 33.33333333%; }
 
   .w-col-medium-5 {
-    width: 41.66666667%;
-  }
+    width: 41.66666667%; }
 
   .w-col-medium-6 {
-    width: 50%;
-  }
+    width: 50%; }
 
   .w-col-medium-7 {
-    width: 58.33333333%;
-  }
+    width: 58.33333333%; }
 
   .w-col-medium-8 {
-    width: 66.66666667%;
-  }
+    width: 66.66666667%; }
 
   .w-col-medium-9 {
-    width: 75%;
-  }
+    width: 75%; }
 
   .w-col-medium-10 {
-    width: 83.33333333%;
-  }
+    width: 83.33333333%; }
 
   .w-col-medium-11 {
-    width: 91.66666667%;
-  }
+    width: 91.66666667%; }
 
   .w-col-medium-12 {
-    width: 100%;
-  }
+    width: 100%; }
 
   .w-col-stack {
     width: 100%;
     left: auto;
-    right: auto;
-  }
-}
+    right: auto; } }
 @media screen and (max-width: 767px) {
   .w-hidden-main {
-    display: inherit !important;
-  }
+    display: inherit !important; }
 
   .w-hidden-medium {
-    display: inherit !important;
-  }
+    display: inherit !important; }
 
   .w-hidden-small {
-    display: none !important;
-  }
+    display: none !important; }
 
   .w-row,
-.w-container .w-row {
+  .w-container .w-row {
     margin-left: 0;
-    margin-right: 0;
-  }
+    margin-right: 0; }
 
   .w-col {
     width: 100%;
     left: auto;
-    right: auto;
-  }
+    right: auto; }
 
   .w-col-small-1 {
-    width: 8.33333333%;
-  }
+    width: 8.33333333%; }
 
   .w-col-small-2 {
-    width: 16.66666667%;
-  }
+    width: 16.66666667%; }
 
   .w-col-small-3 {
-    width: 25%;
-  }
+    width: 25%; }
 
   .w-col-small-4 {
-    width: 33.33333333%;
-  }
+    width: 33.33333333%; }
 
   .w-col-small-5 {
-    width: 41.66666667%;
-  }
+    width: 41.66666667%; }
 
   .w-col-small-6 {
-    width: 50%;
-  }
+    width: 50%; }
 
   .w-col-small-7 {
-    width: 58.33333333%;
-  }
+    width: 58.33333333%; }
 
   .w-col-small-8 {
-    width: 66.66666667%;
-  }
+    width: 66.66666667%; }
 
   .w-col-small-9 {
-    width: 75%;
-  }
+    width: 75%; }
 
   .w-col-small-10 {
-    width: 83.33333333%;
-  }
+    width: 83.33333333%; }
 
   .w-col-small-11 {
-    width: 91.66666667%;
-  }
+    width: 91.66666667%; }
 
   .w-col-small-12 {
-    width: 100%;
-  }
-}
+    width: 100%; } }
 @media screen and (max-width: 479px) {
   .w-container {
-    max-width: none;
-  }
+    max-width: none; }
 
   .w-hidden-main {
-    display: inherit !important;
-  }
+    display: inherit !important; }
 
   .w-hidden-medium {
-    display: inherit !important;
-  }
+    display: inherit !important; }
 
   .w-hidden-small {
-    display: inherit !important;
-  }
+    display: inherit !important; }
 
   .w-hidden-tiny {
-    display: none !important;
-  }
+    display: none !important; }
 
   .w-col {
-    width: 100%;
-  }
+    width: 100%; }
 
   .w-col-tiny-1 {
-    width: 8.33333333%;
-  }
+    width: 8.33333333%; }
 
   .w-col-tiny-2 {
-    width: 16.66666667%;
-  }
+    width: 16.66666667%; }
 
   .w-col-tiny-3 {
-    width: 25%;
-  }
+    width: 25%; }
 
   .w-col-tiny-4 {
-    width: 33.33333333%;
-  }
+    width: 33.33333333%; }
 
   .w-col-tiny-5 {
-    width: 41.66666667%;
-  }
+    width: 41.66666667%; }
 
   .w-col-tiny-6 {
-    width: 50%;
-  }
+    width: 50%; }
 
   .w-col-tiny-7 {
-    width: 58.33333333%;
-  }
+    width: 58.33333333%; }
 
   .w-col-tiny-8 {
-    width: 66.66666667%;
-  }
+    width: 66.66666667%; }
 
   .w-col-tiny-9 {
-    width: 75%;
-  }
+    width: 75%; }
 
   .w-col-tiny-10 {
-    width: 83.33333333%;
-  }
+    width: 83.33333333%; }
 
   .w-col-tiny-11 {
-    width: 91.66666667%;
-  }
+    width: 91.66666667%; }
 
   .w-col-tiny-12 {
-    width: 100%;
-  }
-}
+    width: 100%; } }
 .w-widget {
-  position: relative;
-}
+  position: relative; }
 
 .w-widget-map {
   width: 100%;
-  height: 400px;
-}
+  height: 400px; }
 
 .w-widget-map label {
   width: auto;
-  display: inline;
-}
+  display: inline; }
 
 .w-widget-map img {
-  max-width: inherit;
-}
+  max-width: inherit; }
 
 .w-widget-map .gm-style-iw {
-  text-align: center;
-}
+  text-align: center; }
 
 .w-widget-map .gm-style-iw > button {
-  display: none !important;
-}
+  display: none !important; }
 
 .w-widget-twitter {
-  overflow: hidden;
-}
+  overflow: hidden; }
 
 .w-widget-twitter-count-shim {
   display: inline-block;
@@ -2810,16 +2459,14 @@ textarea.w-select {
   text-align: center;
   background: white;
   border: #758696 solid 1px;
-  border-radius: 3px;
-}
+  border-radius: 3px; }
 
 .w-widget-twitter-count-shim * {
   pointer-events: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
-  user-select: none;
-}
+  user-select: none; }
 
 .w-widget-twitter-count-shim .w-widget-twitter-count-inner {
   position: relative;
@@ -2827,32 +2474,26 @@ textarea.w-select {
   line-height: 12px;
   text-align: center;
   color: #999;
-  font-family: serif;
-}
+  font-family: serif; }
 
 .w-widget-twitter-count-shim .w-widget-twitter-count-clear {
   position: relative;
-  display: block;
-}
+  display: block; }
 
 .w-widget-twitter-count-shim.w--large {
   width: 36px;
-  height: 28px;
-}
+  height: 28px; }
 
 .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
   font-size: 18px;
-  line-height: 18px;
-}
+  line-height: 18px; }
 
 .w-widget-twitter-count-shim:not(.w--vertical) {
   margin-left: 5px;
-  margin-right: 8px;
-}
+  margin-right: 8px; }
 
 .w-widget-twitter-count-shim:not(.w--vertical).w--large {
-  margin-left: 6px;
-}
+  margin-left: 6px; }
 
 .w-widget-twitter-count-shim:not(.w--vertical):before,
 .w-widget-twitter-count-shim:not(.w--vertical):after {
@@ -2863,42 +2504,36 @@ textarea.w-select {
   height: 0;
   width: 0;
   position: absolute;
-  pointer-events: none;
-}
+  pointer-events: none; }
 
 .w-widget-twitter-count-shim:not(.w--vertical):before {
   border-color: rgba(117, 134, 150, 0);
   border-right-color: #5d6c7b;
   border-width: 4px;
   margin-left: -9px;
-  margin-top: -4px;
-}
+  margin-top: -4px; }
 
 .w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
   border-width: 5px;
   margin-left: -10px;
-  margin-top: -5px;
-}
+  margin-top: -5px; }
 
 .w-widget-twitter-count-shim:not(.w--vertical):after {
   border-color: rgba(255, 255, 255, 0);
   border-right-color: white;
   border-width: 4px;
   margin-left: -8px;
-  margin-top: -4px;
-}
+  margin-top: -4px; }
 
 .w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
   border-width: 5px;
   margin-left: -9px;
-  margin-top: -5px;
-}
+  margin-top: -5px; }
 
 .w-widget-twitter-count-shim.w--vertical {
   width: 61px;
   height: 33px;
-  margin-bottom: 8px;
-}
+  margin-bottom: 8px; }
 
 .w-widget-twitter-count-shim.w--vertical:before,
 .w-widget-twitter-count-shim.w--vertical:after {
@@ -2909,42 +2544,35 @@ textarea.w-select {
   height: 0;
   width: 0;
   position: absolute;
-  pointer-events: none;
-}
+  pointer-events: none; }
 
 .w-widget-twitter-count-shim.w--vertical:before {
   border-color: rgba(117, 134, 150, 0);
   border-top-color: #5d6c7b;
   border-width: 5px;
-  margin-left: -5px;
-}
+  margin-left: -5px; }
 
 .w-widget-twitter-count-shim.w--vertical:after {
   border-color: rgba(255, 255, 255, 0);
   border-top-color: white;
   border-width: 4px;
-  margin-left: -4px;
-}
+  margin-left: -4px; }
 
 .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
   font-size: 18px;
-  line-height: 22px;
-}
+  line-height: 22px; }
 
 .w-widget-twitter-count-shim.w--vertical.w--large {
-  width: 76px;
-}
+  width: 76px; }
 
 .w-widget-gplus {
-  overflow: hidden;
-}
+  overflow: hidden; }
 
 .w-background-video {
   position: relative;
   overflow: hidden;
   height: 500px;
-  color: white;
-}
+  color: white; }
 
 .w-background-video > video {
   background-size: cover;
@@ -2958,13 +2586,11 @@ textarea.w-select {
   top: -100%;
   left: -100%;
   object-fit: cover;
-  z-index: -100;
-}
+  z-index: -100; }
 
 .w-background-video > video::-webkit-media-controls-start-playback-button {
   display: none !important;
-  -webkit-appearance: none;
-}
+  -webkit-appearance: none; }
 
 .w-slider {
   position: relative;
@@ -2973,8 +2599,7 @@ textarea.w-select {
   background: #dddddd;
   clear: both;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  tap-highlight-color: rgba(0, 0, 0, 0);
-}
+  tap-highlight-color: rgba(0, 0, 0, 0); }
 
 .w-slider-mask {
   position: relative;
@@ -2984,8 +2609,7 @@ textarea.w-select {
   left: 0;
   right: 0;
   height: 100%;
-  white-space: nowrap;
-}
+  white-space: nowrap; }
 
 .w-slide {
   position: relative;
@@ -2994,8 +2618,7 @@ textarea.w-select {
   width: 100%;
   height: 100%;
   white-space: normal;
-  text-align: left;
-}
+  text-align: left; }
 
 .w-slider-nav {
   position: absolute;
@@ -3009,36 +2632,29 @@ textarea.w-select {
   height: 40px;
   text-align: center;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  tap-highlight-color: rgba(0, 0, 0, 0);
-}
+  tap-highlight-color: rgba(0, 0, 0, 0); }
 
 .w-slider-nav.w-round > div {
-  border-radius: 100%;
-}
+  border-radius: 100%; }
 
 .w-slider-nav.w-num > div {
   width: auto;
   height: auto;
   padding: 0.2em 0.5em;
   font-size: inherit;
-  line-height: inherit;
-}
+  line-height: inherit; }
 
 .w-slider-nav.w-shadow > div {
-  box-shadow: 0 0 3px rgba(51, 51, 51, 0.4);
-}
+  box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); }
 
 .w-slider-nav-invert {
-  color: #fff;
-}
+  color: #fff; }
 
 .w-slider-nav-invert > div {
-  background-color: rgba(34, 34, 34, 0.4);
-}
+  background-color: rgba(34, 34, 34, 0.4); }
 
 .w-slider-nav-invert > div.w-active {
-  background-color: #222;
-}
+  background-color: #222; }
 
 .w-slider-dot {
   position: relative;
@@ -3048,21 +2664,17 @@ textarea.w-select {
   background-color: rgba(255, 255, 255, 0.4);
   cursor: pointer;
   margin: 0 3px 0.5em;
-  transition: background-color 100ms, color 100ms;
-}
+  transition: background-color 100ms, color 100ms; }
 
 .w-slider-dot.w-active {
-  background-color: #fff;
-}
+  background-color: #fff; }
 
 .w-slider-dot:focus {
   outline: none;
-  box-shadow: 0px 0px 0px 2px #fff;
-}
+  box-shadow: 0px 0px 0px 2px #fff; }
 
 .w-slider-dot:focus.w-active {
-  box-shadow: none;
-}
+  box-shadow: none; }
 
 .w-slider-arrow-left,
 .w-slider-arrow-right {
@@ -3082,30 +2694,25 @@ textarea.w-select {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
-  user-select: none;
-}
+  user-select: none; }
 
-.w-slider-arrow-left [class^=w-icon-],
-.w-slider-arrow-right [class^=w-icon-],
-.w-slider-arrow-left [class*=" w-icon-"],
-.w-slider-arrow-right [class*=" w-icon-"] {
-  position: absolute;
-}
+.w-slider-arrow-left [class^='w-icon-'],
+.w-slider-arrow-right [class^='w-icon-'],
+.w-slider-arrow-left [class*=' w-icon-'],
+.w-slider-arrow-right [class*=' w-icon-'] {
+  position: absolute; }
 
 .w-slider-arrow-left:focus,
 .w-slider-arrow-right:focus {
-  outline: 0;
-}
+  outline: 0; }
 
 .w-slider-arrow-left {
   z-index: 3;
-  right: auto;
-}
+  right: auto; }
 
 .w-slider-arrow-right {
   z-index: 4;
-  left: auto;
-}
+  left: auto; }
 
 .w-icon-slider-left,
 .w-icon-slider-right {
@@ -3115,8 +2722,7 @@ textarea.w-select {
   left: 0;
   margin: auto;
   width: 1em;
-  height: 1em;
-}
+  height: 1em; }
 
 .w-slider-aria-label {
   border: 0;
@@ -3126,12 +2732,10 @@ textarea.w-select {
   overflow: hidden;
   padding: 0;
   position: absolute;
-  width: 1px;
-}
+  width: 1px; }
 
 .w-slider-force-show {
-  display: block !important;
-}
+  display: block !important; }
 
 .w-dropdown {
   display: inline-block;
@@ -3139,8 +2743,7 @@ textarea.w-select {
   text-align: left;
   margin-left: auto;
   margin-right: auto;
-  z-index: 900;
-}
+  z-index: 900; }
 
 .w-dropdown-btn,
 .w-dropdown-toggle,
@@ -3153,8 +2756,7 @@ textarea.w-select {
   text-align: left;
   margin-left: auto;
   margin-right: auto;
-  white-space: nowrap;
-}
+  white-space: nowrap; }
 
 .w-dropdown-toggle {
   -webkit-user-select: none;
@@ -3163,12 +2765,10 @@ textarea.w-select {
   user-select: none;
   display: inline-block;
   cursor: pointer;
-  padding-right: 40px;
-}
+  padding-right: 40px; }
 
 .w-dropdown-toggle:focus {
-  outline: 0;
-}
+  outline: 0; }
 
 .w-icon-dropdown-toggle {
   position: absolute;
@@ -3178,39 +2778,31 @@ textarea.w-select {
   margin: auto;
   margin-right: 20px;
   width: 1em;
-  height: 1em;
-}
+  height: 1em; }
 
 .w-dropdown-list {
   position: absolute;
   background: #dddddd;
   display: none;
-  min-width: 100%;
-}
+  min-width: 100%; }
 
 .w-dropdown-list.w--open {
-  display: block;
-}
+  display: block; }
 
 .w-dropdown-link {
   padding: 10px 20px;
   display: block;
-  color: #222222;
-}
+  color: #222222; }
 
 .w-dropdown-link.w--current {
-  color: #0082f3;
-}
+  color: #0082f3; }
 
 .w-dropdown-link:focus {
-  outline: 0;
-}
+  outline: 0; }
 
 @media screen and (max-width: 767px) {
   .w-nav-brand {
-    padding-left: 10px;
-  }
-}
+    padding-left: 10px; } }
 /**
  * ## Note
  * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well.
@@ -3266,8 +2858,7 @@ textarea.w-select {
   -ms-user-select: none;
   -webkit-tap-highlight-color: transparent;
   -webkit-transform: translate(0, 0);
-  /* 2 */
-}
+  /* 2 */ }
 
 /**
  * Neat trick to bind the rubberband effect to our canvas instead of the whole
@@ -3277,39 +2868,33 @@ textarea.w-select {
 .w-lightbox-container {
   height: 100%;
   overflow: auto;
-  -webkit-overflow-scrolling: touch;
-}
+  -webkit-overflow-scrolling: touch; }
 
 .w-lightbox-content {
   position: relative;
   height: 100vh;
-  overflow: hidden;
-}
+  overflow: hidden; }
 
 .w-lightbox-view {
   position: absolute;
   width: 100vw;
   height: 100vh;
-  opacity: 0;
-}
+  opacity: 0; }
 
 .w-lightbox-view:before {
   content: "";
-  height: 100vh;
-}
+  height: 100vh; }
 
 /* .w-lightbox-content */
 .w-lightbox-group,
 .w-lightbox-group .w-lightbox-view,
 .w-lightbox-group .w-lightbox-view:before {
-  height: 86vh;
-}
+  height: 86vh; }
 
 .w-lightbox-frame,
 .w-lightbox-view:before {
   display: inline-block;
-  vertical-align: middle;
-}
+  vertical-align: middle; }
 
 /*
  * 1. Remove default margin set by user-agent on the <figure> element.
@@ -3317,12 +2902,10 @@ textarea.w-select {
 .w-lightbox-figure {
   position: relative;
   margin: 0;
-  /* 1 */
-}
+  /* 1 */ }
 
 .w-lightbox-group .w-lightbox-figure {
-  cursor: pointer;
-}
+  cursor: pointer; }
 
 /**
  * IE adds image dimensions as width and height attributes on the IMG tag,
@@ -3331,8 +2914,7 @@ textarea.w-select {
 .w-lightbox-img {
   width: auto;
   height: auto;
-  max-width: none;
-}
+  max-width: none; }
 
 /**
  * 1. Reset if style is set by user on "All Images"
@@ -3342,25 +2924,22 @@ textarea.w-select {
   float: none;
   /* 1 */
   max-width: 100vw;
-  max-height: 100vh;
-}
+  max-height: 100vh; }
 
 .w-lightbox-group .w-lightbox-image {
-  max-height: 86vh;
-}
+  max-height: 86vh; }
 
 .w-lightbox-caption {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
-  padding: 0.5em 1em;
+  padding: .5em 1em;
   background: rgba(0, 0, 0, 0.4);
   text-align: left;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow: hidden;
-}
+  overflow: hidden; }
 
 .w-lightbox-embed {
   position: absolute;
@@ -3369,8 +2948,7 @@ textarea.w-select {
   bottom: 0;
   left: 0;
   width: 100%;
-  height: 100%;
-}
+  height: 100%; }
 
 .w-lightbox-control {
   position: absolute;
@@ -3380,25 +2958,22 @@ textarea.w-select {
   background-repeat: no-repeat;
   background-position: center;
   cursor: pointer;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-}
+  -webkit-transition: all .3s;
+  transition: all .3s; }
 
 .w-lightbox-left {
   display: none;
   bottom: 0;
   left: 0;
   /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0 0h5v23h23v5h-28z" opacity=".4"/><path d="m1 1h3v23h23v3h-26z" fill="#fff"/></g></svg> */
-  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;
   /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0-0h28v28h-5v-23h-23z" opacity=".4"/><path d="m1 1h26v26h-3v-23h-23z" fill="#fff"/></g></svg> */
-  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.
@@ -3410,8 +2985,7 @@ textarea.w-select {
   height: 2.6em;
   /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 18 17" width="18" height="17"><g transform="rotate(45)"><path d="m0 0h7v-7h5v7h7v5h-7v7h-5v-7h-7z" opacity=".4"/><path d="m1 1h7v-7h3v7h7v3h-7v7h-3v-7h-7z" fill="#fff"/></g></svg> */
   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.
@@ -3426,8 +3000,7 @@ textarea.w-select {
   /* 1 */
   white-space: nowrap;
   overflow-x: auto;
-  overflow-y: hidden;
-}
+  overflow-y: hidden; }
 
 /*
  * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)`
@@ -3444,41 +3017,35 @@ textarea.w-select {
   /* 1 */
   cursor: pointer;
   -webkit-transform: translate3d(0, 0, 0);
-  /* 2 */
-}
+  /* 2 */ }
 
 .w-lightbox-active {
-  opacity: 0.3;
-}
+  opacity: .3; }
 
 .w-lightbox-thumbnail {
   position: relative;
   height: 10vh;
   background: #222;
-  overflow: hidden;
-}
+  overflow: hidden; }
 
 .w-lightbox-thumbnail-image {
   position: absolute;
   top: 0;
-  left: 0;
-}
+  left: 0; }
 
 .w-lightbox-thumbnail .w-lightbox-tall {
   top: 50%;
   width: 100%;
   -webkit-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
-  transform: translate(0, -50%);
-}
+  transform: translate(0, -50%); }
 
 .w-lightbox-thumbnail .w-lightbox-wide {
   left: 50%;
   height: 100%;
   -webkit-transform: translate(-50%, 0);
   -ms-transform: translate(-50%, 0);
-  transform: translate(-50%, 0);
-}
+  transform: translate(-50%, 0); }
 
 /*
  * Spinner
@@ -3497,9 +3064,8 @@ textarea.w-select {
   margin-left: -20px;
   border: 5px solid rgba(0, 0, 0, 0.4);
   border-radius: 50%;
-  -webkit-animation: spin 0.8s infinite linear;
-  animation: spin 0.8s infinite linear;
-}
+  -webkit-animation: spin .8s infinite linear;
+  animation: spin .8s infinite linear; }
 
 .w-lightbox-spinner:after {
   content: "";
@@ -3510,66 +3076,53 @@ textarea.w-select {
   left: -4px;
   border: 3px solid transparent;
   border-bottom-color: #fff;
-  border-radius: 50%;
-}
+  border-radius: 50%; }
 
 /*
  * Utility classes
  */
 .w-lightbox-hide {
-  display: none;
-}
+  display: none; }
 
 .w-lightbox-noscroll {
-  overflow: hidden;
-}
+  overflow: hidden; }
 
 @media (min-width: 768px) {
   .w-lightbox-content {
     height: 96vh;
-    margin-top: 2vh;
-  }
+    margin-top: 2vh; }
 
   .w-lightbox-view,
-.w-lightbox-view:before {
-    height: 96vh;
-  }
+  .w-lightbox-view:before {
+    height: 96vh; }
 
   /* .w-lightbox-content */
   .w-lightbox-group,
-.w-lightbox-group .w-lightbox-view,
-.w-lightbox-group .w-lightbox-view:before {
-    height: 84vh;
-  }
+  .w-lightbox-group .w-lightbox-view,
+  .w-lightbox-group .w-lightbox-view:before {
+    height: 84vh; }
 
   .w-lightbox-image {
     max-width: 96vw;
-    max-height: 96vh;
-  }
+    max-height: 96vh; }
 
   .w-lightbox-group .w-lightbox-image {
     max-width: 82.3vw;
-    max-height: 84vh;
-  }
+    max-height: 84vh; }
 
   .w-lightbox-left,
-.w-lightbox-right {
+  .w-lightbox-right {
     display: block;
-    opacity: 0.5;
-  }
+    opacity: .5; }
 
   .w-lightbox-close {
-    opacity: 0.8;
-  }
+    opacity: .8; }
 
   .w-lightbox-control:hover {
-    opacity: 1;
-  }
-}
+    opacity: 1; } }
 .w-lightbox-inactive,
 .w-lightbox-inactive:hover {
-  opacity: 0;
-}
+  opacity: 0; }
 
 .w-richtext:before,
 .w-richtext:after {
@@ -3578,117 +3131,96 @@ textarea.w-select {
   grid-column-start: 1;
   grid-row-start: 1;
   grid-column-end: 2;
-  grid-row-end: 2;
-}
+  grid-row-end: 2; }
 
 .w-richtext:after {
-  clear: both;
-}
+  clear: both; }
 
-.w-richtext[contenteditable=true]:before,
-.w-richtext[contenteditable=true]:after {
-  white-space: initial;
-}
+.w-richtext[contenteditable="true"]:before,
+.w-richtext[contenteditable="true"]:after {
+  white-space: initial; }
 
 .w-richtext ol,
 .w-richtext ul {
-  overflow: hidden;
-}
+  overflow: hidden; }
 
 .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
-.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after {
-  outline: 2px solid #2895f7;
-}
+.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after {
+  outline: 2px solid #2895f7; }
 
 .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
-.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
-  outline: 2px solid #2895f7;
-}
+.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
+  outline: 2px solid #2895f7; }
 
 .w-richtext figure.w-richtext-figure-type-video > div:after,
-.w-richtext figure[data-rt-type=video] > div:after {
-  content: "";
+.w-richtext figure[data-rt-type="video"] > div:after {
+  content: '';
   position: absolute;
   display: none;
   left: 0;
   top: 0;
   right: 0;
-  bottom: 0;
-}
+  bottom: 0; }
 
 .w-richtext figure {
   position: relative;
-  max-width: 60%;
-}
+  max-width: 60%; }
 
 .w-richtext figure > div:before {
-  cursor: default !important;
-}
+  cursor: default !important; }
 
 .w-richtext figure img {
-  width: 100%;
-}
+  width: 100%; }
 
 .w-richtext figure figcaption.w-richtext-figcaption-placeholder {
-  opacity: 0.6;
-}
+  opacity: 0.6; }
 
 .w-richtext figure div {
   /* fix incorrectly sized selection border in the data manager */
   font-size: 0px;
-  color: transparent;
-}
+  color: transparent; }
 
 .w-richtext figure.w-richtext-figure-type-image,
-.w-richtext figure[data-rt-type=image] {
-  display: table;
-}
+.w-richtext figure[data-rt-type="image"] {
+  display: table; }
 
 .w-richtext figure.w-richtext-figure-type-image > div,
-.w-richtext figure[data-rt-type=image] > div {
-  display: inline-block;
-}
+.w-richtext figure[data-rt-type="image"] > div {
+  display: inline-block; }
 
 .w-richtext figure.w-richtext-figure-type-image > figcaption,
-.w-richtext figure[data-rt-type=image] > figcaption {
+.w-richtext figure[data-rt-type="image"] > figcaption {
   display: table-caption;
-  caption-side: bottom;
-}
+  caption-side: bottom; }
 
 .w-richtext figure.w-richtext-figure-type-video,
-.w-richtext figure[data-rt-type=video] {
+.w-richtext figure[data-rt-type="video"] {
   width: 60%;
-  height: 0;
-}
+  height: 0; }
 
 .w-richtext figure.w-richtext-figure-type-video iframe,
-.w-richtext figure[data-rt-type=video] iframe {
+.w-richtext figure[data-rt-type="video"] iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
-  height: 100%;
-}
+  height: 100%; }
 
 .w-richtext figure.w-richtext-figure-type-video > div,
-.w-richtext figure[data-rt-type=video] > div {
-  width: 100%;
-}
+.w-richtext figure[data-rt-type="video"] > div {
+  width: 100%; }
 
 .w-richtext figure.w-richtext-align-center {
   margin-right: auto;
   margin-left: auto;
-  clear: both;
-}
+  clear: both; }
 
 .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div,
-.w-richtext figure.w-richtext-align-center[data-rt-type=image] > div {
-  max-width: 100%;
-}
+.w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
+  max-width: 100%; }
 
 .w-richtext figure.w-richtext-align-normal {
-  clear: both;
-}
+  clear: both; }
 
 .w-richtext figure.w-richtext-align-fullwidth {
   width: 100%;
@@ -3697,38 +3229,32 @@ textarea.w-select {
   clear: both;
   display: block;
   margin-right: auto;
-  margin-left: auto;
-}
+  margin-left: auto; }
 
 .w-richtext figure.w-richtext-align-fullwidth > div {
   display: inline-block;
   /* padding-bottom is used for aspect ratios in video figures
       we want the div to inherit that so hover/selection borders in the designer-canvas
       fit right*/
-  padding-bottom: inherit;
-}
+  padding-bottom: inherit; }
 
 .w-richtext figure.w-richtext-align-fullwidth > figcaption {
-  display: block;
-}
+  display: block; }
 
 .w-richtext figure.w-richtext-align-floatleft {
   float: left;
   margin-right: 15px;
-  clear: none;
-}
+  clear: none; }
 
 .w-richtext figure.w-richtext-align-floatright {
   float: right;
   margin-left: 15px;
-  clear: none;
-}
+  clear: none; }
 
 .w-nav {
   position: relative;
   background: #dddddd;
-  z-index: 1000;
-}
+  z-index: 1000; }
 
 .w-nav:before,
 .w-nav:after {
@@ -3737,19 +3263,16 @@ textarea.w-select {
   grid-column-start: 1;
   grid-row-start: 1;
   grid-column-end: 2;
-  grid-row-end: 2;
-}
+  grid-row-end: 2; }
 
 .w-nav:after {
-  clear: both;
-}
+  clear: both; }
 
 .w-nav-brand {
   position: relative;
   float: left;
   text-decoration: none;
-  color: #333333;
-}
+  color: #333333; }
 
 .w-nav-link {
   position: relative;
@@ -3760,17 +3283,14 @@ textarea.w-select {
   padding: 20px;
   text-align: left;
   margin-left: auto;
-  margin-right: auto;
-}
+  margin-right: auto; }
 
 .w-nav-link.w--current {
-  color: #0082f3;
-}
+  color: #0082f3; }
 
 .w-nav-menu {
   position: relative;
-  float: right;
-}
+  float: right; }
 
 [data-nav-menu-open] {
   display: block !important;
@@ -3781,13 +3301,11 @@ textarea.w-select {
   background: #C8C8C8;
   text-align: center;
   overflow: visible;
-  min-width: 200px;
-}
+  min-width: 200px; }
 
 .w--nav-link-open {
   display: block;
-  position: relative;
-}
+  position: relative; }
 
 .w-nav-overlay {
   position: absolute;
@@ -3796,34 +3314,28 @@ textarea.w-select {
   top: 100%;
   left: 0;
   right: 0;
-  width: 100%;
-}
+  width: 100%; }
 
 .w-nav-overlay [data-nav-menu-open] {
-  top: 0;
-}
+  top: 0; }
 
-.w-nav[data-animation=over-left] .w-nav-overlay {
-  width: auto;
-}
+.w-nav[data-animation="over-left"] .w-nav-overlay {
+  width: auto; }
 
-.w-nav[data-animation=over-left] .w-nav-overlay,
-.w-nav[data-animation=over-left] [data-nav-menu-open] {
+.w-nav[data-animation="over-left"] .w-nav-overlay,
+.w-nav[data-animation="over-left"] [data-nav-menu-open] {
   right: auto;
   z-index: 1;
-  top: 0;
-}
+  top: 0; }
 
-.w-nav[data-animation=over-right] .w-nav-overlay {
-  width: auto;
-}
+.w-nav[data-animation="over-right"] .w-nav-overlay {
+  width: auto; }
 
-.w-nav[data-animation=over-right] .w-nav-overlay,
-.w-nav[data-animation=over-right] [data-nav-menu-open] {
+.w-nav[data-animation="over-right"] .w-nav-overlay,
+.w-nav[data-animation="over-right"] [data-nav-menu-open] {
   left: auto;
   z-index: 1;
-  top: 0;
-}
+  top: 0; }
 
 .w-nav-button {
   position: relative;
@@ -3837,72 +3349,53 @@ textarea.w-select {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
-  user-select: none;
-}
+  user-select: none; }
 
 .w-nav-button:focus {
-  outline: 0;
-}
+  outline: 0; }
 
 .w-nav-button.w--open {
   background-color: #C8C8C8;
-  color: white;
-}
+  color: white; }
 
-.w-nav[data-collapse=all] .w-nav-menu {
-  display: none;
-}
+.w-nav[data-collapse="all"] .w-nav-menu {
+  display: none; }
 
-.w-nav[data-collapse=all] .w-nav-button {
-  display: block;
-}
+.w-nav[data-collapse="all"] .w-nav-button {
+  display: block; }
 
 .w--nav-dropdown-open {
-  display: block;
-}
+  display: block; }
 
 .w--nav-dropdown-toggle-open {
-  display: block;
-}
+  display: block; }
 
 .w--nav-dropdown-list-open {
-  position: static;
-}
+  position: static; }
 
 @media screen and (max-width: 991px) {
-  .w-nav[data-collapse=medium] .w-nav-menu {
-    display: none;
-  }
+  .w-nav[data-collapse="medium"] .w-nav-menu {
+    display: none; }
 
-  .w-nav[data-collapse=medium] .w-nav-button {
-    display: block;
-  }
-}
+  .w-nav[data-collapse="medium"] .w-nav-button {
+    display: block; } }
 @media screen and (max-width: 767px) {
-  .w-nav[data-collapse=small] .w-nav-menu {
-    display: none;
-  }
+  .w-nav[data-collapse="small"] .w-nav-menu {
+    display: none; }
 
-  .w-nav[data-collapse=small] .w-nav-button {
-    display: block;
-  }
+  .w-nav[data-collapse="small"] .w-nav-button {
+    display: block; }
 
   .w-nav-brand {
-    padding-left: 10px;
-  }
-}
+    padding-left: 10px; } }
 @media screen and (max-width: 479px) {
-  .w-nav[data-collapse=tiny] .w-nav-menu {
-    display: none;
-  }
+  .w-nav[data-collapse="tiny"] .w-nav-menu {
+    display: none; }
 
-  .w-nav[data-collapse=tiny] .w-nav-button {
-    display: block;
-  }
-}
+  .w-nav[data-collapse="tiny"] .w-nav-button {
+    display: block; } }
 .w-tabs {
-  position: relative;
-}
+  position: relative; }
 
 .w-tabs:before,
 .w-tabs:after {
@@ -3911,16 +3404,13 @@ textarea.w-select {
   grid-column-start: 1;
   grid-row-start: 1;
   grid-column-end: 2;
-  grid-row-end: 2;
-}
+  grid-row-end: 2; }
 
 .w-tabs:after {
-  clear: both;
-}
+  clear: both; }
 
 .w-tab-menu {
-  position: relative;
-}
+  position: relative; }
 
 .w-tab-link {
   position: relative;
@@ -3931,65 +3421,49 @@ textarea.w-select {
   text-align: left;
   cursor: pointer;
   color: #222222;
-  background-color: #dddddd;
-}
+  background-color: #dddddd; }
 
 .w-tab-link.w--current {
-  background-color: #C8C8C8;
-}
+  background-color: #C8C8C8; }
 
 .w-tab-link:focus {
-  outline: 0;
-}
+  outline: 0; }
 
 .w-tab-content {
   position: relative;
   display: block;
-  overflow: hidden;
-}
+  overflow: hidden; }
 
 .w-tab-pane {
   position: relative;
-  display: none;
-}
+  display: none; }
 
 .w--tab-active {
-  display: block;
-}
+  display: block; }
 
 @media screen and (max-width: 479px) {
   .w-tab-link {
-    display: block;
-  }
-}
+    display: block; } }
 .w-ix-emptyfix:after {
-  content: "";
-}
+  content: ""; }
 
 @keyframes spin {
   0% {
-    transform: rotate(0deg);
-  }
+    transform: rotate(0deg); }
   100% {
-    transform: rotate(360deg);
-  }
-}
+    transform: rotate(360deg); } }
 .w-dyn-empty {
   padding: 10px;
-  background-color: #dddddd;
-}
+  background-color: #dddddd; }
 
 .w-dyn-hide {
-  display: none !important;
-}
+  display: none !important; }
 
 .w-dyn-bind-empty {
-  display: none !important;
-}
+  display: none !important; }
 
 .w-condition-invisible {
-  display: none !important;
-}
+  display: none !important; }
 
 .w-form-formradioinput--inputType-custom {
   border-top-width: 1px;
@@ -4009,12 +3483,10 @@ textarea.w-select {
   border-bottom-left-radius: 50%;
   border-bottom-right-radius: 50%;
   border-top-left-radius: 50%;
-  border-top-right-radius: 50%;
-}
+  border-top-right-radius: 50%; }
 
 .w-form-formradioinput--inputType-custom.w--redirected-focus {
-  box-shadow: 0px 0px 3px 1px #3898ec;
-}
+  box-shadow: 0px 0px 3px 1px #3898ec; }
 
 .w-form-formradioinput--inputType-custom.w--redirected-checked {
   border-top-width: 4px;
@@ -4024,17 +3496,15 @@ textarea.w-select {
   border-top-color: #3898ec;
   border-bottom-color: #3898ec;
   border-left-color: #3898ec;
-  border-right-color: #3898ec;
-}
+  border-right-color: #3898ec; }
 
 .w-checkbox {
   display: block;
   margin-bottom: 5px;
-  padding-left: 20px;
-}
+  padding-left: 20px; }
 
 .w-checkbox::before {
-  content: " ";
+  content: ' ';
   display: table;
   -ms-grid-column-span: 1;
   grid-column-end: 2;
@@ -4043,11 +3513,10 @@ textarea.w-select {
   -ms-grid-row-span: 1;
   grid-row-end: 2;
   -ms-grid-row: 1;
-  grid-row-start: 1;
-}
+  grid-row-start: 1; }
 
 .w-checkbox::after {
-  content: " ";
+  content: ' ';
   display: table;
   -ms-grid-column-span: 1;
   grid-column-end: 2;
@@ -4057,8 +3526,7 @@ textarea.w-select {
   grid-row-end: 2;
   -ms-grid-row: 1;
   grid-row-start: 1;
-  clear: both;
-}
+  clear: both; }
 
 .w-checkbox-input {
   float: left;
@@ -4066,8 +3534,7 @@ textarea.w-select {
   margin-left: -20px;
   margin-right: 0px;
   margin-top: 4px;
-  line-height: normal;
-}
+  line-height: normal; }
 
 .w-checkbox-input--inputType-custom {
   border-top-width: 1px;
@@ -4087,8 +3554,7 @@ textarea.w-select {
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px;
   border-top-left-radius: 2px;
-  border-top-right-radius: 2px;
-}
+  border-top-right-radius: 2px; }
 
 .w-checkbox-input--inputType-custom.w--redirected-checked {
   background-color: #3898ec;
@@ -4099,62 +3565,52 @@ textarea.w-select {
   background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
   background-position: 50% 50%;
   background-size: cover;
-  background-repeat: no-repeat;
-}
+  background-repeat: no-repeat; }
 
 .w-checkbox-input--inputType-custom.w--redirected-focus {
-  box-shadow: 0px 0px 3px 1px #3898ec;
-}
+  box-shadow: 0px 0px 3px 1px #3898ec; }
 
 body {
   height: 100%;
-  font-family: "Source Sans Pro", sans-serif;
+  font-family: 'Source Sans Pro', sans-serif;
   color: #333;
   font-size: 16px;
   line-height: 26px;
-  font-weight: 400;
-}
+  font-weight: 400; }
 
 h1 {
   margin-top: 20px;
   margin-bottom: 42px;
   font-size: 50px;
   line-height: 62px;
-  font-weight: 300;
-}
+  font-weight: 300; }
 
 h2 {
   margin-top: 20px;
   margin-bottom: 10px;
   font-size: 32px;
   line-height: 36px;
-  font-weight: 600;
-}
+  font-weight: 600; }
 
 h3 {
   margin-top: 20px;
   margin-bottom: 10px;
   font-size: 21px;
   line-height: 26px;
-  font-weight: 600;
-}
+  font-weight: 600; }
 
 p {
-  margin-bottom: 10px;
-}
+  margin-bottom: 10px; }
 
 .nav-ul1 {
-  position: relative;
-}
+  position: relative; }
 
 .nav-li1 {
   position: relative;
-  text-transform: uppercase;
-}
+  text-transform: uppercase; }
 
 .nav-li1:hover {
-  background-color: #f8f8f8;
-}
+  background-color: #f8f8f8; }
 
 .nav-ul2 {
   position: absolute;
@@ -4164,27 +3620,22 @@ p {
   overflow: hidden;
   width: 280px;
   background-color: #fff;
-  text-align: left;
-}
+  text-align: left; }
 
 .content {
-  padding-top: 70px;
-}
+  padding-top: 70px; }
 
 .section {
   position: relative;
   padding-top: 70px;
-  padding-bottom: 70px;
-}
+  padding-bottom: 70px; }
 
 .section.blue-section {
   background-color: #1e88e5;
-  color: #fff;
-}
+  color: #fff; }
 
 .section.grey-section {
-  background-color: #F8F8F8;
-}
+  background-color: #F8F8F8; }
 
 .section.kvs {
   z-index: 1;
@@ -4198,8 +3649,7 @@ p {
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
-  align-items: center;
-}
+  align-items: center; }
 
 .container {
   max-width: 1240px;
@@ -4210,17 +3660,14 @@ 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;
@@ -4233,19 +3680,16 @@ p {
   justify-content: center;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
+  flex-wrap: wrap; }
 
 .row.flex.flex-center {
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
-  justify-content: center;
-}
+  justify-content: center; }
 
 .row.pcenter {
-  text-align: center;
-}
+  text-align: center; }
 
 .row.grid-list {
   display: -webkit-box;
@@ -4259,15 +3703,13 @@ p {
   justify-content: center;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
+  flex-wrap: wrap; }
 
 .row.pricing-row {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
-  display: flex;
-}
+  display: flex; }
 
 .row.sideav-flex {
   display: -webkit-box;
@@ -4277,8 +3719,7 @@ p {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
-  align-items: flex-start;
-}
+  align-items: flex-start; }
 
 .col {
   padding-right: 25px;
@@ -4286,23 +3727,20 @@ 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;
@@ -4312,41 +3750,35 @@ 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;
@@ -4357,16 +3789,14 @@ p {
   -webkit-box-flex: 0;
   -webkit-flex: 0 50%;
   -ms-flex: 0 50%;
-  flex: 0 50%;
-}
+  flex: 0 50%; }
 
 .kv-heading {
   margin-bottom: 40px;
   color: #333;
   font-size: 50px;
   line-height: 60px;
-  font-weight: 300;
-}
+  font-weight: 300; }
 
 .section-title {
   margin-top: 40px;
@@ -4375,11 +3805,10 @@ p {
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
-  font-family: "Source Sans Pro", sans-serif;
+  font-family: 'Source Sans Pro', sans-serif;
   font-size: 34px;
   line-height: 40px;
-  font-weight: 400;
-}
+  font-weight: 400; }
 
 .topnav {
   position: fixed;
@@ -4387,8 +3816,7 @@ p {
   top: 0%;
   right: 0%;
   bottom: auto;
-  z-index: 4;
-}
+  z-index: 4; }
 
 .burger {
   display: none;
@@ -4396,8 +3824,7 @@ p {
   height: 50px;
   padding: 10px;
   float: right;
-  background-color: #fff;
-}
+  background-color: #fff; }
 
 .button {
   position: relative;
@@ -4423,67 +3850,80 @@ p {
   font-weight: 600;
   text-decoration: none;
   cursor: pointer;
-  -webkit-transition: background-color 200ms linear;
-  -moz-transition: background-color 200ms linear;
-  -o-transition: background-color 200ms linear;
-  -ms-transition: background-color 200ms linear;
-  transition: background-color 200ms linear;
-}
+  /*   -webkit-transition: background-color 200ms linear;
+    -moz-transition: background-color 200ms linear;
+    -o-transition: background-color 200ms linear;
+    -ms-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-color: #1e88e5;
-  color: #fff;
-}
+  background: linear-gradient(to left, #1e88e5 50%, #0040A9 50%) right;
+  background-size: 200%;
+  transition: .2s ease-out;
+  color: #fff; }
+  .button.main-button img {
+    opacity: 1;
+    transition: opacity 200ms; }
 
 .button.main-button-white {
   background-color: #fff;
   color: #1e88e5;
-}
+  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; }
 
 .button.main-button:hover {
-  color: #fff;
-  background-color: #0040A9;
-}
+  border: 1px solid #0040A9;
+  background-position: left; }
+  .button.main-button:hover img {
+    opacity: 0; }
 
 .secondary-button {
-  border: 1px solid #1e88e5;
-  padding: 11px 7px 11px 17px;
+  background: linear-gradient(to left, white 50%, #1e88e5 50%) right;
+  background-size: 200%;
+  transition: .2s ease-out;
   color: #1e88e5;
-}
-.secondary-button:hover {
-  background-color: #1e88e5;
-  color: #fff;
-}
-.secondary-button:hover img {
-  content: url("/tema1ka/svg/icons8-chevron-right-bela.svg");
-}
+  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; }
 
 .secondary-button-white {
   border: 1px solid #fff !important;
   width: 196px;
   padding: 11px 7px 11px 17px;
   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; }
 
 .buttons-row .secondary-button-white {
-  margin-left: 21px;
-}
+  margin-left: 21px; }
 
 .button.submit {
   padding-right: 10px;
@@ -4494,12 +3934,10 @@ p {
   justify-content: center;
   background-color: #fff;
   text-align: center;
-  text-transform: uppercase;
-}
+  text-transform: uppercase; }
 
 .button.submit:hover {
-  background-color: #0040A9;
-}
+  background-color: #0040A9; }
 
 .buttons-row {
   display: -webkit-box;
@@ -4510,8 +3948,7 @@ p {
   -webkit-box-pack: end;
   -webkit-justify-content: flex-end;
   -ms-flex-pack: end;
-  justify-content: center;
-}
+  justify-content: center; }
 
 .buttons-row.buttons-center {
   margin-top: 40px;
@@ -4519,13 +3956,11 @@ p {
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
-  justify-content: center;
-}
+  justify-content: center; }
 
 .buttons-row.bottom-margin {
   margin-bottom: 20px;
-  justify-content: flex-end;
-}
+  justify-content: flex-end; }
 
 .navmenu {
   position: fixed;
@@ -4535,8 +3970,7 @@ p {
   bottom: auto;
   z-index: 140;
   height: 70px;
-  background-color: #fff;
-}
+  background-color: #fff; }
 
 .list {
   display: -webkit-box;
@@ -4552,8 +3986,7 @@ p {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 
 .nav-li {
   padding-right: 15px;
@@ -4561,12 +3994,10 @@ p {
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-}
+  flex: 0 0 auto; }
 
 .nav-li.menue-2-drop {
-  display: block;
-}
+  display: block; }
 
 .navlink {
   display: block;
@@ -4577,13 +4008,11 @@ 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;
@@ -4598,8 +4027,7 @@ p {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 
 .intro {
   max-width: 800px;
@@ -4607,8 +4035,7 @@ p {
   margin-bottom: 40px;
   margin-left: auto;
   font-size: 18px;
-  line-height: 27px;
-}
+  line-height: 27px; }
 
 .logo {
   display: block;
@@ -4616,8 +4043,7 @@ p {
   margin-top: 0px;
   padding-top: 14px;
   padding-bottom: 10px;
-  float: left;
-}
+  float: left; }
 
 .kvcol {
   display: -webkit-box;
@@ -4632,12 +4058,10 @@ p {
   -webkit-box-flex: 0;
   -webkit-flex: 0 50%;
   -ms-flex: 0 50%;
-  flex: 0 50%;
-}
+  flex: 0 50%; }
 
 .kvcol.leftcol {
-  max-width: 400px;
-}
+  max-width: 400px; }
 
 .kv-right-col {
   position: relative;
@@ -4656,8 +4080,7 @@ p {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 
 .kv-image-3 {
   position: absolute;
@@ -4665,20 +4088,16 @@ p {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
-  object-fit: contain;
-}
+  object-fit: contain; }
 
 .kv-image-3.l3 {
-  display: block;
-}
+  display: block; }
 
 .kv-image-3.l1 {
-  display: block;
-}
+  display: block; }
 
 .kv-image-3.i2 {
-  display: block;
-}
+  display: block; }
 
 .div-block-8 {
   display: -webkit-box;
@@ -4692,8 +4111,7 @@ p {
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
-  align-items: center;
-}
+  align-items: center; }
 
 .kv-subtext {
   margin-bottom: 40px;
@@ -4701,27 +4119,22 @@ p {
   font-size: 19px;
   line-height: 28px;
   font-weight: 900;
-  text-transform: uppercase;
-}
+  text-transform: uppercase; }
 
 .kvtext-max-w {
-  float: left;
-}
+  float: left; }
 
 .button-right-arrow {
   width: 20px;
-  height: 20px;
-}
+  height: 20px; }
 
 .div-block-9 {
-  text-align: center;
-}
+  text-align: center; }
 
 .users-icon {
   width: 150px;
   height: 150px;
-  margin-bottom: 20px;
-}
+  margin-bottom: 20px; }
 
 .heading-2 {
   margin-bottom: 10px;
@@ -4729,21 +4142,18 @@ 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%;
@@ -4752,12 +4162,10 @@ p {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 
 .minh {
-  min-height: 89px;
-}
+  min-height: 89px; }
 
 .button-flyin {
   position: absolute;
@@ -4768,44 +4176,35 @@ 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-color: white;
-}
-.secondary-button-white:hover img {
-  content: url("/tema1ka/svg/icons8-chevron-right.svg");
-}
+  background-position: left; }
+  .secondary-button-white:hover img {
+    opacity: 0; }
 
 .button-flyin-blue {
-  background-color: #fff;
-}
+  background-color: #fff; }
 
 .main-button-white:hover {
-  background-color: #1e88e5;
   color: white;
   border: 1px solid #fff;
-}
-.main-button-white:hover img {
-  content: url("/tema1ka/svg/icons8-chevron-right-bela.svg");
-}
+  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;
@@ -4823,8 +4222,7 @@ p {
   -ms-flex-align: center;
   align-items: center;
   background-color: #D4F0FC;
-  text-align: center;
-}
+  text-align: center; }
 
 .text-block-2 {
   position: absolute;
@@ -4837,8 +4235,7 @@ p {
   background-color: #1e88e5;
   color: #fff;
   font-weight: 600;
-  text-align: center;
-}
+  text-align: center; }
 
 .testimonial-quotes {
   position: absolute;
@@ -4866,8 +4263,7 @@ p {
   -ms-flex-align: center;
   align-items: center;
   border-radius: 50%;
-  background-color: #1e88e5;
-}
+  background-color: #1e88e5; }
 
 .login {
   padding-top: 9px;
@@ -4876,12 +4272,10 @@ p {
   color: #1e88e5;
   line-height: 15px;
   font-weight: 600;
-  text-decoration: none;
-}
+  text-decoration: none; }
 
 .login:hover {
-  color: #004A90;
-}
+  color: #004A90; }
 
 .register {
   margin-left: 30px;
@@ -4894,14 +4288,12 @@ p {
   font-size: 16px;
   line-height: 15px;
   font-weight: 600;
-  margin-top: -2px;
-}
+  margin-top: -2px; }
 
 .register:hover {
   border-color: #004A90;
   background-color: #004A90;
-  color: #fff;
-}
+  color: #fff; }
 
 .div-block-10 {
   z-index: 121;
@@ -4923,31 +4315,26 @@ 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;
@@ -4958,8 +4345,7 @@ p {
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
-  justify-content: flex-start;
-}
+  justify-content: flex-start; }
 
 .nimber-row {
   position: relative;
@@ -4979,27 +4365,23 @@ p {
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
-  text-align: center;
-}
+  text-align: center; }
 
 .nimber-row.largenr {
   padding-top: 2px;
-  padding-bottom: 2px;
-}
+  padding-bottom: 2px; }
 
 .number-background-circle {
   position: absolute;
   width: 70px;
   height: 70px;
   border-radius: 50%;
-  background-color: #D4F0FC;
-}
+  background-color: #D4F0FC; }
 
 .number-background-circle.lbc {
   width: 120px;
   height: 120px;
-  background-color: #D4F0FC;
-}
+  background-color: #D4F0FC; }
 
 .text-block-3 {
   position: relative;
@@ -5009,29 +4391,24 @@ p {
   color: #0040A9;
   font-size: 62px;
   line-height: 70px;
-  font-weight: 300;
-}
+  font-weight: 300; }
 
 .div-block-14 {
-  text-align: center;
-}
+  text-align: center; }
 
 .n {
   font-size: 18px;
-  font-weight: 600;
-}
+  font-weight: 600; }
 
 .div-block-16 {
   height: 1px;
   max-width: 400px;
   margin-right: auto;
   margin-left: auto;
-  border-bottom: 2px dashed #0040A9;
-}
+  border-bottom: 2px dashed #0040A9; }
 
 .div-block-16.bdash {
-  margin-bottom: 18px;
-}
+  margin-bottom: 18px; }
 
 .col-copy {
   display: -webkit-box;
@@ -5043,8 +4420,7 @@ p {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 
 .side-title {
   margin-bottom: 50px;
@@ -5052,18 +4428,15 @@ p {
   line-height: 42px;
   font-weight: 400;
   max-width: 800px;
-  text-align: center;
-}
+  text-align: center; }
 
 .grid-icon {
   width: 40px;
-  height: 40px;
-}
+  height: 40px; }
 
 .grid-icon.large-gi {
   width: 40px;
-  height: 40px;
-}
+  height: 40px; }
 
 .icon-wrapp {
   display: -webkit-box;
@@ -5087,34 +4460,28 @@ p {
   flex: 0 0 auto;
   border-radius: 50%;
   background-color: #D4F0FC;
-  opacity: 1;
-}
+  opacity: 1; }
 
 .div-block-19 {
   padding-top: 5px;
-  padding-left: 20px;
-}
+  padding-left: 20px; }
 
 .footer-link {
   display: block;
   margin-bottom: 15px;
   color: #58595b;
-  text-decoration: none;
-}
+  text-decoration: none; }
 
 .footer-link:hover {
-  color: #1e88e5;
-}
+  color: #1e88e5; }
 
 .link-block-2 {
   padding-right: 20px;
-  float: left;
-}
+  float: left; }
 
 .cocico {
   width: 40px;
-  height: 40px;
-}
+  height: 40px; }
 
 .nav-ul-2 {
   position: fixed;
@@ -5132,16 +4499,14 @@ p {
   border-width: 1px;
   border-color: #b3d8eb;
   background-color: #fff;
-  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.22);
-}
+  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.22); }
 
 .nav2-li {
   padding: 20px;
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 
 .navlink-2 {
   display: block;
@@ -5149,16 +4514,13 @@ 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;
@@ -5169,12 +4531,10 @@ p {
   margin-left: -10px;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
+  flex-wrap: wrap; }
 
 .nav-sub-row.toppadding {
-  padding-top: 34px;
-}
+  padding-top: 34px; }
 
 .nav-col-3 {
   padding-right: 10px;
@@ -5182,12 +4542,10 @@ p {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 
 .tabs-pricing {
-  height: auto;
-}
+  height: auto; }
 
 .tabs-menu-pricing {
   display: -webkit-box;
@@ -5200,8 +4558,7 @@ p {
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
-  border-bottom: 1px none #b3d8eb;
-}
+  border-bottom: 1px none #b3d8eb; }
 
 .tab {
   margin-right: 20px;
@@ -5212,36 +4569,30 @@ p {
   background-color: #fff;
   color: #8c8c8c;
   font-size: 20px;
-  text-align: center;
-}
+  text-align: center; }
 
 .tab:hover {
   border-bottom-color: #1e88e5;
-  color: #1e88e5;
-}
+  color: #1e88e5; }
 
 .tab.w--current {
   border-bottom-color: #1e88e5;
   background-color: #fff;
-  color: #1e88e5;
-}
+  color: #1e88e5; }
 
 .paket {
   font-size: 23px;
-  font-weight: 500;
-}
+  font-weight: 500; }
 
 .price {
   margin-top: 10px;
   margin-bottom: 10px;
   font-size: 19px;
-  font-weight: 700;
-}
+  font-weight: 700; }
 
 .compare-icon {
   width: 26px;
-  height: 26px;
-}
+  height: 26px; }
 
 .compare-col-frame {
   position: relative;
@@ -5250,21 +4601,17 @@ p {
   margin-bottom: 0px;
   padding: 30px 30px 70px;
   background-color: #abe7ff;
-  text-align: center;
-}
+  text-align: center; }
 
 .compare-col-frame.paket-b {
-  background-color: #99f2e1;
-}
+  background-color: #99f2e1; }
 
 .compare-col-frame.paket-c {
-  background-color: #c1c8e9;
-}
+  background-color: #c1c8e9; }
 
 .compare-col-frame.w {
   background-color: #fff;
-  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
-}
+  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); }
 
 .pi {
   min-height: 80px;
@@ -5272,23 +4619,20 @@ p {
   padding-bottom: 20px;
   border-bottom: 1px solid #e5e5e5;
   font-size: 16px;
-  line-height: 26px;
-}
+  line-height: 26px; }
 
 .pricetable-feature {
   padding-top: 4px;
   padding-bottom: 4px;
   font-size: 16px;
-  line-height: 20px;
-}
+  line-height: 20px; }
 
 .pricetable-ul {
   overflow: hidden;
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 
 .ptf-li {
   display: -webkit-box;
@@ -5299,8 +4643,7 @@ p {
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
-  text-align: left;
-}
+  text-align: left; }
 
 .button-pricechart {
   position: absolute;
@@ -5315,27 +4658,21 @@ 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;
@@ -5358,16 +4695,13 @@ p {
   border-style: dashed;
   border-width: 3px;
   border-color: #1e88e5;
-  border-radius: 50%;
-}
+  border-radius: 50%; }
 
 .pricing-icon-outer.green {
-  border-color: #ffc700;
-}
+  border-color: #ffc700; }
 
 .pricing-icon-outer.grey {
-  border-color: #0040A9;
-}
+  border-color: #0040A9; }
 
 .pricing-inner-circle {
   display: -webkit-box;
@@ -5385,36 +4719,29 @@ p {
   -ms-flex-align: center;
   align-items: center;
   border-radius: 50%;
-  background-color: #1e88e5;
-}
+  background-color: #1e88e5; }
 
 .pricing-inner-circle.pic-green {
-  background-color: #ffc700;
-}
+  background-color: #ffc700; }
 
 .pricing-inner-circle.pic-grey {
-  background-color: #0040A9;
-}
+  background-color: #0040A9; }
 
 .price-icon {
   width: 60px;
-  height: 60px;
-}
+  height: 60px; }
 
 .textlink {
-  color: #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;
@@ -5426,31 +4753,25 @@ 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;
@@ -5460,24 +4781,20 @@ p {
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
-  justify-content: flex-start;
-}
+  justify-content: flex-start; }
 
 .breadcrumb-li {
-  padding-right: 10px;
-}
+  padding-right: 10px; }
 
 .breadcrumb {
   display: block;
   padding-right: 10px;
   border-right: 1px solid #e5e5e5;
   color: #8c8c8c;
-  text-decoration: none;
-}
+  text-decoration: none; }
 
 .breadcrumb:hover {
-  color: #0082ff;
-}
+  color: #0082ff; }
 
 .sidenav {
   width: 300px;
@@ -5488,61 +4805,49 @@ p {
   border-width: 1px;
   border-color: #e5e5e5;
   background-color: #fff;
-  box-shadow: -10px -10px 0 0 #f8f8f8;
-}
+  box-shadow: -10px -10px 0 0 #f8f8f8; }
 
 .sidelink-dd {
   display: block;
   width: 100%;
-  padding: 4px 0px;
-}
+  padding: 4px 0px; }
 
 .dropdown {
   z-index: 1;
-  display: block;
-}
+  display: block; }
 
 .text-block-4 {
   position: relative;
   color: #333;
-  font-size: 15px;
-}
+  font-size: 15px; }
 
 .text-block-4:focus {
-  color: #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;
@@ -5550,26 +4855,22 @@ p {
   margin-left: auto;
   padding-top: 169px;
   padding-right: 74px;
-  padding-left: 74px;
-}
+  padding-left: 74px; }
 
 .dashtitle {
   margin-top: 40px;
-  margin-bottom: 10px;
-}
+  margin-bottom: 10px; }
 
 .dashlink {
   display: block;
   padding-top: 7px;
   padding-bottom: 7px;
-  color: #333;
-}
+  color: #333; }
 
 .ic {
   width: 100%;
   height: 200px;
-  margin-top: 40px;
-}
+  margin-top: 40px; }
 
 .medium-icon-wrapper {
   display: -webkit-box;
@@ -5591,8 +4892,7 @@ p {
   border-style: dashed;
   border-width: 2px;
   border-color: #1e88e5;
-  border-radius: 50%;
-}
+  border-radius: 50%; }
 
 .inner-icon-circle {
   display: -webkit-box;
@@ -5610,21 +4910,18 @@ p {
   -ms-flex-align: center;
   align-items: center;
   border-radius: 50%;
-  background-color: #D4F0FC;
-}
+  background-color: #D4F0FC; }
 
 .cloud-icon2 {
   width: 200px;
   -o-object-fit: contain;
   object-fit: contain;
   -o-object-position: 50% 17px;
-  object-position: 50% 17px;
-}
+  object-position: 50% 17px; }
 
 .icon-image {
   width: 40px;
-  height: 40px;
-}
+  height: 40px; }
 
 .logos-row {
   display: -webkit-box;
@@ -5637,8 +4934,7 @@ p {
   justify-content: center;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
+  flex-wrap: wrap; }
 
 .trust-logo {
   max-height: 60px;
@@ -5646,8 +4942,7 @@ p {
   margin-bottom: 0px;
   margin-left: 10px;
   padding: 16px;
-  background-color: #fff;
-}
+  background-color: #fff; }
 
 .text-field {
   height: 38px;
@@ -5655,12 +4950,10 @@ p {
   border-width: 1px;
   border-color: #ccc;
   border-top-left-radius: 18px;
-  border-bottom-left-radius: 18px;
-}
+  border-bottom-left-radius: 18px; }
 
 .tab-pane-tab-1 {
-  padding-top: 30px;
-}
+  padding-top: 30px; }
 
 .div-block-21 {
   display: -webkit-box;
@@ -5670,8 +4963,7 @@ p {
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
-  align-items: center;
-}
+  align-items: center; }
 
 .compare-col {
   padding: 5px 20px;
@@ -5680,14 +4972,12 @@ p {
   -ms-flex: 1;
   flex: 1;
   font-weight: 600;
-  text-align: center;
-}
+  text-align: center; }
 
 .compare-col.leftcol {
   padding-left: 0px;
   font-weight: 400;
-  text-align: left;
-}
+  text-align: left; }
 
 .accordion-icon {
   width: 35px;
@@ -5696,38 +4986,31 @@ p {
   padding: 6px;
   float: left;
   border-radius: 5px;
-  background-color: #D4F0FC;
-}
+  background-color: #D4F0FC; }
 
 .compare-row {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  border-bottom: 1px solid #e5e5e5;
-}
+  border-bottom: 1px solid #e5e5e5; }
 
 .accordion-title {
-  line-height: 53px;
-}
+  line-height: 53px; }
 
 .compare-wrap {
   font-size: 14px;
-  line-height: 24px;
-}
+  line-height: 24px; }
 
 .accordion-arrow {
   width: 20px;
-  height: 20px;
-}
+  height: 20px; }
 
 .accordion-toggle-2 {
-  overflow: hidden;
-}
+  overflow: hidden; }
 
 .accordion {
-  margin-bottom: 0px;
-}
+  margin-bottom: 0px; }
 
 .accordion-head {
   display: -webkit-box;
@@ -5746,12 +5029,10 @@ 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;
@@ -5769,41 +5050,34 @@ 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;
@@ -5819,15 +5093,13 @@ p {
   background-image: url("/tema1ka/svg/icons-search-bela.svg");
   background-position: 50% 50%;
   background-size: 20px 20px;
-  background-repeat: no-repeat;
-}
+  background-repeat: no-repeat; }
 
 .searchbutton {
   margin-right: 30px;
   width: 24px;
   height: 24px;
-  cursor: pointer;
-}
+  cursor: pointer; }
 
 .div-block-22 {
   display: -webkit-box;
@@ -5842,8 +5114,7 @@ p {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
-  align-items: flex-start;
-}
+  align-items: flex-start; }
 
 .list-inner {
   display: -webkit-box;
@@ -5853,8 +5124,7 @@ p {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
-  align-items: flex-start;
-}
+  align-items: flex-start; }
 
 .slide-partners {
   width: 20%;
@@ -5862,8 +5132,7 @@ p {
   padding-bottom: 9px;
   border-right: 1px solid #e0f6ff;
   background-color: #fff;
-  text-align: center;
-}
+  text-align: center; }
 
 .sarr {
   width: 50px;
@@ -5871,30 +5140,25 @@ p {
   margin-top: 0px;
   margin-bottom: 0px;
   color: #0040A9;
-  font-size: 23px;
-}
+  font-size: 23px; }
 
 .mask-2 {
   margin-right: 50px;
-  margin-left: 50px;
-}
+  margin-left: 50px; }
 
 .slider {
   height: auto;
   margin-bottom: 40px;
-  background-color: rgba(221, 221, 221, 0);
-}
+  background-color: rgba(221, 221, 221, 0); }
 
 .slide-nav-2 {
-  display: none;
-}
+  display: none; }
 
 .form-2 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
-  display: flex;
-}
+  display: flex; }
 
 .submit-button-2 {
   width: 48px;
@@ -5906,8 +5170,7 @@ p {
   background-position: 50% 50%;
   background-size: 26px 26px;
   background-repeat: no-repeat;
-  letter-spacing: 3px;
-}
+  letter-spacing: 3px; }
 
 .text-field-2 {
   height: 48px;
@@ -5916,8 +5179,7 @@ p {
   border: 1px solid #cccccc;
   border-right: 0px;
   font-size: 20px;
-  line-height: 20px;
-}
+  line-height: 20px; }
 
 .hide-search {
   width: 48px;
@@ -5925,8 +5187,7 @@ p {
   padding: 12px;
   border-radius: 43px;
   background-color: #fff;
-  cursor: pointer;
-}
+  cursor: pointer; }
 
 .searchform {
   position: fixed;
@@ -5939,8 +5200,7 @@ 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;
@@ -5952,8 +5212,7 @@ p {
   border-color: #ececec;
   border-radius: 6px;
   background-color: #fff;
-  color: #8b8b8b;
-}
+  color: #8b8b8b; }
 
 .badge {
   display: -webkit-box;
@@ -5983,44 +5242,36 @@ p {
   line-height: 17px;
   font-weight: 700;
   text-align: center;
-  text-transform: uppercase;
-}
+  text-transform: uppercase; }
 
 .div-block-23 {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 
 .list-thumb {
   width: 100px;
   margin-top: 15px;
-  padding-right: 18px;
-}
+  padding-right: 18px; }
 
 .list-2 {
-  padding-left: 0px;
-}
+  padding-left: 0px; }
 
 .recommended-item {
   padding: 13px 0px;
-  border-bottom: 1px solid #e5e5e5;
-}
+  border-bottom: 1px solid #e5e5e5; }
 
 .recommended-item:first-child {
-  border-top: 1px solid #e5e5e5;
-}
+  border-top: 1px solid #e5e5e5; }
 
 .recommended-item-title {
   font-size: 18px;
-  font-weight: 400;
-}
+  font-weight: 400; }
 
 .recommended-item-arrow {
   float: right;
-  margin-top: 3px;
-}
+  margin-top: 3px; }
 
 .modal {
   position: fixed;
@@ -6041,8 +5292,7 @@ p {
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
-  background-color: rgba(0, 0, 0, 0.39);
-}
+  background-color: rgba(0, 0, 0, 0.39); }
 
 .modal-inner {
   position: relative;
@@ -6054,30 +5304,25 @@ p {
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
-  background-color: #fff;
-}
+  background-color: #fff; }
 
 .modal-h1 {
   margin-top: 0px;
   margin-bottom: 20px;
   font-size: 30px;
   line-height: 48px;
-  font-weight: 400;
-}
+  font-weight: 400; }
 
 .label {
-  margin-bottom: 0px;
-}
+  margin-bottom: 0px; }
 
 .text-fiels-form {
   border-style: solid;
   border-width: 1px;
-  border-color: #b3d8eb;
-}
+  border-color: #b3d8eb; }
 
 .text-fiels-form:focus {
-  border-color: #0040A9;
-}
+  border-color: #0040A9; }
 
 .form-row {
   display: -webkit-box;
@@ -6085,8 +5330,7 @@ p {
   display: -ms-flexbox;
   display: flex;
   margin-right: -5px;
-  margin-left: -5px;
-}
+  margin-left: -5px; }
 
 .gorm-col {
   padding-right: 5px;
@@ -6094,8 +5338,7 @@ p {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
-  flex: 1;
-}
+  flex: 1; }
 
 .radio-button {
   width: 20px;
@@ -6103,42 +5346,34 @@ p {
   margin-left: -34px;
   border-style: solid;
   border-width: 1px;
-  border-color: #b3d8eb;
-}
+  border-color: #b3d8eb; }
 
 .radio-button.w--redirected-checked {
   border-color: #0040A9;
-  background-color: #fff;
-}
+  background-color: #fff; }
 
 .radio-button.w--redirected-focus {
-  box-shadow: none;
-}
+  box-shadow: none; }
 
 .radio-button-field {
-  padding-left: 34px;
-}
+  padding-left: 34px; }
 
 .checkbox {
   width: 20px;
   height: 20px;
   margin-left: -30px;
-  border-color: #b3d8eb;
-}
+  border-color: #b3d8eb; }
 
 .checkbox.w--redirected-checked {
   border-color: #0040A9;
   background-color: #0040A9;
-  background-size: 13px;
-}
+  background-size: 13px; }
 
 .checkbox.w--redirected-focus {
-  box-shadow: none;
-}
+  box-shadow: none; }
 
 .checkbox-field {
-  padding-left: 30px;
-}
+  padding-left: 30px; }
 
 .close-modal {
   position: absolute;
@@ -6147,26 +5382,22 @@ p {
   right: 20px;
   bottom: auto;
   width: 30px;
-  height: 30px;
-}
+  height: 30px; }
 
 .tabs-content-copy {
   height: auto;
   padding-right: 20px;
-  padding-left: 20px;
-}
+  padding-left: 20px; }
 
 .sideicon-col {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  margin-bottom: 40px;
-}
+  margin-bottom: 40px; }
 
 .side-text-padding {
-  padding-left: 30px;
-}
+  padding-left: 30px; }
 
 .icon-wrapp-copy {
   display: -webkit-box;
@@ -6190,13 +5421,11 @@ 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;
@@ -6211,98 +5440,82 @@ 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;
@@ -6322,18 +5535,15 @@ p {
     -ms-flex: 0 100%;
     flex: 0 100%;
     background-color: #fff;
-    box-shadow: 4px 4px 11px 0 rgba(0, 0, 0, 0.09);
-  }
+    box-shadow: 4px 4px 11px 0 rgba(0, 0, 0, 0.09); }
 
   .logo {
     position: fixed;
     top: 0px;
-    z-index: 43;
-  }
+    z-index: 43; }
 
   .kvcol {
-    max-width: none;
-  }
+    max-width: none; }
 
   .kvcol.leftcol {
     max-width: none;
@@ -6341,15 +5551,13 @@ p {
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
-    text-align: center;
-  }
+    text-align: center; }
 
   .kv-right-col {
     height: 403px;
     max-width: none;
     margin-top: 52px;
-    margin-bottom: 52px;
-  }
+    margin-bottom: 52px; }
 
   .div-block-8 {
     display: -webkit-box;
@@ -6364,48 +5572,38 @@ 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;
@@ -6419,47 +5617,38 @@ 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;
@@ -6475,8 +5664,7 @@ p {
     border: 1px solid #e5e5e5;
     border-radius: 0px;
     background-color: #fff;
-    box-shadow: none;
-  }
+    box-shadow: none; }
 
   .manual-toggle {
     position: fixed;
@@ -6491,166 +5679,133 @@ 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;
@@ -6662,142 +5817,111 @@ 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;
@@ -6805,18 +5929,15 @@ p {
     padding-right: 18px;
     padding-left: 18px;
     font-size: 15px;
-    line-height: 19px;
-  }
+    line-height: 19px; }
 
   .compare-col-frame.w {
     padding-right: 0px;
     padding-left: 0px;
-    box-shadow: none;
-  }
+    box-shadow: none; }
 
   .breadcrumb {
-    font-size: 13px;
-  }
+    font-size: 13px; }
 
   .compare-col {
     padding-right: 2px;
@@ -6824,41 +5945,34 @@ 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;
@@ -6866,38 +5980,30 @@ p {
     -webkit-box-direction: normal;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
-    flex-direction: row;
-  }
+    flex-direction: row; }
 
   .list-inner {
-    display: block;
-  }
+    display: block; }
 
   .slide-partners {
-    width: 100%;
-  }
+    width: 100%; }
 
   .slider {
-    width: 280px;
-  }
+    width: 280px; }
 
   .badge {
-    margin-left: 0px;
-  }
+    margin-left: 0px; }
 
   .modal-inner {
     padding-right: 20px;
-    padding-left: 20px;
-  }
+    padding-left: 20px; }
 
   .form-row {
-    display: block;
-  }
+    display: block; }
 
   .tabs-content-copy {
     padding-right: 0px;
-    padding-left: 0px;
-  }
+    padding-left: 0px; }
 
   .sideicon-col {
     display: -webkit-box;
@@ -6907,19 +6013,15 @@ p {
     -webkit-box-pack: start;
     -webkit-justify-content: flex-start;
     -ms-flex-pack: start;
-    justify-content: flex-start;
-  }
+    justify-content: flex-start; }
 
   .side-text-padding {
-    padding-left: 10px;
-  }
+    padding-left: 10px; }
 
   .icon-wrapp-copy {
     width: 80px;
     height: 80px;
     margin-right: auto;
-    margin-left: auto;
-  }
-}
+    margin-left: auto; } }
 
 /*# sourceMappingURL=style.css.map */
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/js/script.js b/frontend/drupal9/web/themes/custom/pro1ka/js/script.js
index c437a52e4..39559b717 100755
--- a/frontend/drupal9/web/themes/custom/pro1ka/js/script.js
+++ b/frontend/drupal9/web/themes/custom/pro1ka/js/script.js
@@ -236,11 +236,9 @@
           jQuery('.rexister-modal').hide();
 
           if(jQuery(this).hasClass('modal-goto-registration')){
-
             jQuery('#modal-registration').css('display', 'flex');
 
           } else {
-
             jQuery('#modal-login').css('display', 'flex');
           }
 
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss
index 164488ba3..03eb4cf0f 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss
@@ -431,11 +431,16 @@ p {
   text-decoration: none;
   cursor: pointer;
 
-  -webkit-transition: background-color 200ms linear;
+  
+
+/*   -webkit-transition: background-color 200ms linear;
   -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 {
@@ -455,32 +460,61 @@ p {
 }
 
 .button.main-button {
-  background-color: #1e88e5;
+  background: linear-gradient(to left, #1e88e5 50%, $temo-modra 50%) right;
+  background-size: 200%;
+  transition: .2s ease-out;
   color: #fff;
+
+  img{
+    opacity:1;
+    transition:opacity 200ms;
+  }
 }
 
 .button.main-button-white {
   background-color: #fff;
   color: #1e88e5;
+
+  background: linear-gradient(to left, white 50%, #1e88e5 50%) right;
+  background-size: 200%;
+  transition: .2s ease-out;
+
+  img{
+    opacity:1;
+    transition:opacity 200ms;
+  }
 }
 
 .button.main-button:hover {
-  color: #fff;
-  background-color: $temo-modra;
+  border: 1px solid $temo-modra;
+  background-position: left;
+
+  img{
+    opacity:0;
+  }
 }
 
 
 .secondary-button{
-  border: 1px solid #1e88e5;
-  padding: 11px 7px 11px 17px;
+  background: linear-gradient(to left, white 50%, #1e88e5 50%) right;
+  background-size: 200%;
+  transition: .2s ease-out;
   color: #1e88e5;
 
+  border: 1px solid #1e88e5;
+  padding: 11px 7px 11px 17px;
+  
+  img{
+    opacity:1;
+    transition:opacity 200ms;
+  }
+
   &:hover{
-    background-color: #1e88e5;
-    color: #fff;
+    background-position: left;
+    color: white;
 
     img{
-      content: url("/tema1ka/svg/icons8-chevron-right-bela.svg");
+      opacity:0;
     }
   }
 }
@@ -490,6 +524,15 @@ p {
   width: 196px;
   padding: 11px 7px 11px 17px;
   color: #fff !important;
+
+  background: linear-gradient(to left, #1e88e5 50%, white 50%) right;
+  background-size: 200%;
+  transition: .2s ease-out;
+  
+  img{
+    opacity:1;
+    transition:opacity 200ms;
+  }
 }
 
 .buttons-row .secondary-button-white{
@@ -787,22 +830,24 @@ p {
 }
 .secondary-button-white:hover{
   color: #1e88e5 !important;
-  background-color: white;
+
+  background-position: left;
 
   img{
-    content: url("/tema1ka/svg/icons8-chevron-right.svg");
+    opacity:0;
   }
 }
 .button-flyin-blue{
   background-color: #fff;
 }
 .main-button-white:hover{
-  background-color: #1e88e5;
   color: white;
   border: 1px solid #fff;
 
+  background-position: left;
+
   img{
-    content: url("/tema1ka/svg/icons8-chevron-right-bela.svg");
+    opacity:0;
   }
 }
 
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 675f4b162..3868e641e 100755
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_popup.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_popup.scss
@@ -25,13 +25,17 @@
       overflow: auto;
       max-height: 90vh;
       max-width: 750px;
-      padding: 53px 50px 30px;
+      padding: 50px;
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -ms-flex: 1;
       flex: 1;
       background-color: #fff;
 
+    .paragraph{
+      text-align: center;
+    }
+
     .closemodal{
       position: absolute;
       left: auto;
@@ -49,33 +53,143 @@
       font-size: 30px;
       line-height: 48px;
       font-weight: 400;
+
+      text-transform: uppercase;
+
+      &.center{
+        margin: auto;
+        padding-bottom: 25px;
+      }
+    }
+
+    h4{
+      font-weight: 400;
+      padding-bottom: 16px;
     }
 
     .w-input{
       border-style: solid;
       border-width: 1px;
-      border-color: #b3d8eb;
+      border-color: #d1d1d1;
+      margin-bottom: 16px;
+    }
+
+    .w-checkbox{
+      margin-bottom: 16px;
+      input{
+        float: none;
+      }
     }
 
     .submit{
       width: 100%;
       border: 0;
     }
+
+    .submit-prijava{
+      width: 100%;
+      border: 0;
+      margin-bottom: 16px;
+
+      background: $modra;
+      color: #ffffff;
+      padding: 0.5rem 1rem;
+      max-width: 250px;
+      font-weight: 600;
+      letter-spacing: 1px;
+      cursor: pointer;
+      text-transform: uppercase;
+
+      transition: 0.2s;
+
+      &:hover {
+        background: $modra-hover;
+      }
+
+    }
+
+    .aai-obvestilo{
+      background: #f1f1f1;
+      border: 1px solid $siva;
+      padding: 1rem;
+      margin-bottom: 16px;
+    }
+
+    .gumb {
+      padding-right: 1rem;
+      background: $modra;
+      color: #ffffff;
+      padding: 0.5rem 1rem;
+      max-width: 250px;
+      font-weight: 600;
+      letter-spacing: 1px;
+      cursor: pointer;
+  
+      transition: 0.2s;
+  
+      &:hover {
+        background: $modra-hover;
+      }
+  
+      &.gumb-aai{
+        text-transform: uppercase;
+        background: #e35205;
+        letter-spacing: 0.5px;
+        
+        &.login{
+          margin-top: 6px;
+          width: 50%;
+          padding: 14px 49px;
+        }
+
+        span{
+          justify-content: center;
+        }
+  
+        &:hover{
+          background: #fa6c21;
+        }
+      }
+  
+      img {
+        height: 1.6rem;
+        width: 52px;
+        padding-right: 1rem;
+        float: left;
+      }
+    }
+
+    ul{
+      margin-top: -10px;
+    }
+
   }
 }
 
 .dva-stolpca {
   display: flex;
+  margin-bottom: 25px;
 
   .preko-racunov {
     padding-left: 1rem;
-    border-left: 1px solid $crna-pisava;
+    border-left: 1px solid #d1d1d1;
+
+    h4{
+      margin-left: auto;
+      margin-right: auto;
+    }
 
     .ostale-prijave {
       display: flex;
       flex-direction: column;
       width: 300px;
 
+      .gumb{
+        margin-left: auto;
+        margin-right: auto;
+        margin-bottom: 16px;
+      }
+
       .aai-prijava-small{
         font-size: 0.8rem;
         line-height: 1.2;
@@ -87,40 +201,36 @@
     }
   }
 
-  .ikona {
-    //margin: 1rem;
+  .gumb {
+    padding-right: 1rem;
+    background: $modra;
+    color: #ffffff;
+    padding: 0.5rem 1rem;
+    max-width: 250px;
+    font-weight: 600;
+    letter-spacing: 1px;
+    cursor: pointer;
 
-    .gumb {
+    transition: 0.2s;
+
+    &:hover {
+      background: $modra-hover;
+    }
+
+    &.gumb-aai{
+      background: #e35205;
+      letter-spacing: 0.5px;
+
+      &:hover{
+        background: #fa6c21;
+      }
+    }
+
+    img {
+      height: 1.6rem;
+      width: 52px;
       padding-right: 1rem;
-      background: $modra;
-      color: #ffffff;
-      padding: 0.5rem 1rem;
-      max-width: 250px;
-      font-weight: 600;
-      letter-spacing: 1px;
-      cursor: pointer;
-
-      transition: 0.2s;
-
-      &:hover {
-        background: $modra-hover;
-      }
-
-      &.gumb-aai{
-        background: #e35205;
-        letter-spacing: 0.5px;
-
-        &:hover{
-          background: #fa6c21;
-        }
-      }
-
-      img {
-        height: 1.6rem;
-        width: 52px;
-        padding-right: 1rem;
-        float: left;
-      }
+      float: left;
     }
   }
 
@@ -138,10 +248,12 @@
     flex-direction: column;
 
     .naslov-url {
+      font-size: 20px;
       text-align: center;
       text-transform: uppercase;
       font-weight: bold;
       color: $modra;
+      margin-bottom: 20px;
     }
 
     .siv-url{
@@ -154,11 +266,12 @@
       color: #535050;
       font-size: 16px;
       line-height: 160%;
+      margin-bottom: 40px;
     }
 
     .submit-btn {
       margin-top: 3px;
-      margin-bottom: 27px;
+      //margin-bottom: 27px;
       padding: 14px 49px;
       font-weight: 600;
       text-transform: uppercase;
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 f507ad4b4..389249f2e 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
@@ -76,7 +76,7 @@
               </div>
             {% else %}
               <a href="#" id="modal-open-login" class="login">Prijava</a>
-              <a href="#" class="register w-button">Registracija</a>
+              <a href="#" id="modal-open-registration"class="register w-button">Registracija</a>
             {% endif %}
           </div>